@charset "UTF-8";

/* CSS infomation
Summary      PC Type Top
Create       2022-8-6
Last update  2022-8-6
*/
/* Standard */

/* BASIC DESIGN */
body {
  width: 1024px; height: auto; margin: 0px auto; padding: 0.1% 0% 0% 0%;
  display: grid; display: -ms-grid;
  grid-template-columns: 0.2fr repeat(10,1f) 0.2fr;
  -ms-grid-columns:  0.2fr repeat(10,1f) 0.2fr;
  grid-template-rows:
   [head] 146px
   [mainarea] auto
   [navarea] auto
   [article] auto
   [aside] auto
   [foot] 73px;
   -ms-grid-rows:
   146px
   auto
   auto
   auto
   auto
   73px;
   grid-row-gap: 25px;
   row-gap: 25px;
   }
body > *
  {
   grid-column: 1 / 13;
   background: #ffffff;
   /*z-index: -1;*/
   font-family: "YuGothic","Yu Gothic","Meiryo","ヒラギノ角ゴ",sans-serif;
  }

/* HEADER */
body > header {grid-column: 1 / 13; grid-row: head; background: transparent url(./../img/header.jpg) no-repeat;}
body > header h1 {margin: 0px; padding: 10px 0px 0px 20.8px; color: #FFFFFF;
  font-size: 1.0em; line-height: 1.3;}
body > header ul {margin: 0px; padding: 95px 20.8px 0px 0px; color: #FFFFFF; font-size: 0.8em; font-weight: lighter; list-style: none; text-align: right;}
body > header ul li {display: inline-block;}
body > header a:link {color: #FFFFFF; font-weight: bold; text-decoration: none;}
body > header a:visited {color: #b1cc88; font-weight: bold; text-decoration: none; }
body > header a:hover, a:active {color: #b1cc88; text-decoration: underline; }

/* MAIN */
body > main {display: grid; display: -ms-grid; grid-column: 1 /13; grid-row: mainarea;}
body > main h1{grid-column: 1 / 13; grid-row: 1; margin: 0px; padding: 25px 0px 0px 20px;
  font-size: 1.7em; line-height: 0;}
body > main p{grid-column: 1 / 13; grid-row: 2; margin: 0px; padding: 31px 0px 23px 20px;
    font-size: 1.4em; line-height: 2.0;letter-spacing: -0.025em}
body > main #phot1{grid-column: 1 / 7; grid-row: 3 / 5;}
body > main #phot1 img {width: 512px; height: 338px; margin: 0px; padding: 2px 0px 0px 0px;}
body > main #phot2{grid-column: 7 / 13; grid-row: 3 / 5;}
body > main #phot2 img {width: 512px; height: 338px; margin: 0px; padding: 2px 0px 0px 0px;}

body > main #phot1-T{grid-column: 1 / 7; grid-row: 3 / 5;}
body > main #phot1-T img {width: 512px; height: 338px; margin: 0px; padding: 2px 0px 0px 0px;}
body > main #phot2-T{grid-column: 7 / 13; grid-row: 3 / 5;}
body > main #phot2-T img {width: 512px; height: 338px; margin: 0px; padding: 2px 0px 0px 0px;}
      /* 展示・アクセス部分*/
body > main .text{grid-column: 1 / 7; grid-row: 3 / 5;　height: auto; margin: 0px;
  padding: 0px 9.82% 0px 9.85%; color: #fff;
font-size: 1.2em; font-weight: 500; line-height: 1.53; text-align: justify;}
body > main .text-s{display: block; margin: 0px; padding: 28px 0px 9px 0px; line-height: 1.8; font-size: 1.2em;
  font-weight: bolder; text-align: left;}
  body > main .text-ss{display: block; margin: 0px; padding: 28px 0px 9px 0px; line-height: 1.8; font-size: 1.2em;
    font-weight: bolder; text-align: left;}
body > main h2{grid-column: 1 / 7; grid-row: 6; margin: 0px; padding: 26px 0px 1px 93px; font-size: 1.2em;
  line-height: 0;}
  body > main .text-sss{display: block; width: 100%;　height: auto; margin: 0%; padding: 1% 2% 1% 0%; line-height: 1.8;
    font-size: 1.2em; font-weight: bolder;}
body > main h1 a:link {color: #000000; text-decoration: none;}
body > main h1 a:visited {color: #000000; text-decoration: none;}
body > main h1 a:hover, a:active {color: #000000; text-decoration: underline;}
body > main .text-s a:link {color: #FFFFFF; text-decoration: none;}
body > main .text-s a:visited {color: #FFFFFF; text-decoration: none; }
body > main .text-s a:hover, a:active {color: #ffffff; text-decoration: underline; }
body > main .text-ss a:link {color: #FFFFFF; text-decoration: none;}
body > main .text-ss a:visited {color: #FFFFFF; text-decoration: none; }
body > main .text-ss a:hover, a:active {color: #ffffff; text-decoration: underline; }
/* nav */
body > nav {display: grid; grid-column: 256px 256px 256px 256px; grid-row: navarea;}
body > nav ul{display: grid; display: -ms-grid; grid-column: 1 / 5; grid-rows: 2; width: 1024px; clear: both; height: 2.4em;
      margin: 5px auto 0px auto; padding: 0px; list-style: none;}
body > nav li#item1 {display: inline-block; width: 256px; grid-column: 1 / 4; -ms-grid-column: 1 / 4; grid-row: 2; -ms-grid-row: 2;
      margin: 0px auto; padding: 0px; text-align: center; line-height: 2.4em;}
body > nav li#item2 {display: inline-block; width: 256px; grid-column: 4 / 7; -ms-grid-column: 4 /7 ; grid-row: 2; -ms-grid-row: 2;
      margin: 0px auto; padding: 0px; text-align: center; line-height: 2.4em;}
body > nav li#item3 {display: inline-block; width: 256px; grid-column: 7 / 10; -ms-grid-column: 7 / 10; grid-row: 2; -ms-grid-row: 2;
      margin: 0px auto; padding: 0px; text-align: center; line-height: 2.4em;}
body > nav li#item4 {display: inline-block; width: 256px; grid-column: 10 / 13; -ms-grid-column: 10 / 13; grid-row: 2; -ms-grid-row: 2;
      margin: 0px auto; padding: 0px; text-align: center; line-height: 2.4em;}
body > nav li a {display: block; width: auto; height: 2.4em; color: #fff; font-size: 1.0em; font-weight: bold; padding: 0px;
      background: #574638; text-decoration: none;}
body > nav li a:hover {background: #cc8885; text-decoration: underline;}
body > nav li a.active {background: #cc8885; text-decoration: underline;}

/* ARTICLE */
body > article {display: grid; display: -ms-grid; grid-column: 1 / 13; -ms-grid-column: 1 / 13; grid-row: article;}
body > article h1 {grid-column: 1 / 13; -ms-grid-column: 1 / 13;grid-row: 1; -ms-grid-row: 1; margin: 0px;
  padding: 23px 0px 0px 93px; font-size: 1.4em; font-weight: 800; line-height: 2.0;}
body > article #text {grid-column: 1 / 13; -ms-grid-column: 1 / 13; grid-row: 2; -ms-grid-row: 2;
    margin: 0px; padding: 50px 0px 0px 93px; font-size: 1.4em; font-weight: 800; line-height: 2.0;}


body > article #Map{grid-column: 1 / 13; -ms-grid-column: 1 / 13;grid-row: 3; -ms-grid-row: 3;
  width: 830px; height: 670px;
  margin: 50px auto 10px auto; padding: 0px; text-align: center;}


body > article #phot1 {grid-column: 1 / 3; -ms-grid-column: 1 / 3; grid-row: 4; -ms-grid-row: 4;
       margin: 80px 0px 0px 0px; padding: 0px; text-align: left;}
body > article #phot1 img {width: 230px; height: auto; margin:0px; padding: 0px 0px 0px 17px;}
body > article #phot2 {grid-column: 6 / 8; -ms-grid-column: 6 / 8; grid-row: 4; -ms-grid-row: 4;
      height: auto; margin: 170px 0px 0px 0px; padding: 0px; text-align: center;}
body > article #phot2 img {width: 230px; height: auto; margin: 0px; padding: 0px;}
body > article #phot3 {grid-column: 11 / 13; -ms-grid-column: 11 / 13; grid-row: 4; -ms-grid-row: 4;
      height: auto; margin: 60px 0px 0px 0px; padding: 0px; text-align: right;}
body > article #phot3 img {width: 230px; height: auto; margin: 0px; padding: 0px 17px 0px 0px;}
     /* 和のイベントパターン*/
body > article #phot1-A {grid-column: 2 / 4; -ms-grid-column: 2 / 4; grid-row: 4; -ms-grid-row: 4;
       margin: 0px; padding: 0px;}
body > article #phot1-A img {width: 200px; height: auto; margin: 80px 0px 0px 0px; padding: 0px;}
body > article #phot2-A {grid-column: 6 / 8; -ms-grid-column: 6 / 8; grid-row: 4; -ms-grid-row: 4; width: 100%;
      height: auto; margin: 0px; padding: 0px; text-align:center;}
body > article #phot2-A img {width: 200px; height: auto; margin: 150px 0px 0px 0px; padding: 0px;}
body > article #phot3-A {grid-column: 10 / 12; -ms-grid-column: 10 / 12; grid-row: 4; -ms-grid-row: 4; width: 100%;
      height: auto; margin: 0px; padding: 0px; text-align:right;}
body > article #phot3-A img {width: 200px; height: auto; margin: 60px 0px 0px 0px; padding: 0px; }
body > article #phot2-B {grid-column: 1 / 13; -ms-grid-column: 1 / 13; grid-row: 3; -ms-grid-row: 3; width: 100%; height: auto;
          margin: 0% auto; padding: 7% 0% 0% 0%; text-align:center;}
body > article #phot2-B img {width: 100%; height: auto; margin: 0% auto; padding: 0%;}
     /* 個別紹介*/
body > article .france {grid-column: 1 / 13; -ms-grid-column: 1 / 13; grid-row: 5; -ms-grid-row: 5;
       width: 100%;height: auto;
   margin: 60px auto 0px auto; padding: 0px; font-size: 1.1em;  background: blue; color: #FFFFFF;  line-height: 1.6; text-align: left;}
body > article #article-phot1 {grid-column: 1 / 13; -ms-grid-column: 1 / 13; grid-row: 6; -ms-grid-row: 6; margin: 60px 0px 0px 0px; padding: 0px; text-align:center;}
body > article #article-phot1 img {width: auto; height: 341px; margin: 0px auto; padding: 0px;}
body > article #article-phot1-w {grid-column: 1 / 13; -ms-grid-column: 1 / 13; grid-row: 6; -ms-grid-row: 6; margin: 60px 0px 0px 0px; padding: 0px; text-align:center;}
body > article #article-phot1-w img {width: 341px; height: auto; margin: 0px auto; padding: 0px;}
body > article #text-1 {grid-column: 1 / 13; -ms-grid-column: 1 / 13; grid-row: 7; -ms-grid-row: 7;
  width: 97%; height: auto; margin: 58px auto 0px auto;  font-size: 1.4em;line-height: 1.8; text-align: justify;}
body > article .japan {grid-column: 1 / 13; -ms-grid-column: 1 / 13; grid-row: 8; -ms-grid-row: 8; width: 100%;
    margin: 71px 0px 0px 0px; padding: 0px; font-size: 1.15em; color: red; font-weight: 600; line-height: 1.6; text-align:left;}
body > article #article-phot2 {grid-column: 1 / 13; -ms-grid-column: 1 / 13; grid-row: 9; -ms-grid-row: 9;margin: 50px; padding: 0px; text-align:center;}
body > article #article-phot2 img {width: 341px; height: auto; margin: 0px auto; padding: 0px;}
body > article #text-2 {grid-column: 1 / 13; -ms-grid-column: 1 / 13; grid-row: 10; -ms-grid-row: 10;
    width: 97%; height: auto; margin: 0px auto 0px auto;  font-size: 1.4em;line-height: 1.8; text-align: justify;}
body > article #article-phot3 {grid-column: 1 / 13; -ms-grid-column: 1 / 13; grid-row: 11; -ms-grid-row: 11;margin: 50px; padding: 0px; text-align:center;}
body > article #article-phot3 img {width: 341px; height: auto; margin: 0px auto; padding: 0px;}
body > article #article-phot3-h {grid-column: 1 / 13; -ms-grid-column: 1 / 13; grid-row: 11; -ms-grid-row: 11;margin: 50px; padding: 0px; text-align:center;}
body > article #article-phot3-h img {width: auto; height: 341px; margin: 0px auto; padding: 0px;}
body > article #text-3 {grid-column: 1 / 13; -ms-grid-column: 1 / 13; grid-row: 12; -ms-grid-row: 12;
      width: 97%; height: auto; margin: 0px auto 0px auto;  font-size: 1.4em;line-height: 1.8; text-align: justify;}
body > article #article-phot4 {grid-column: 1 / 13; -ms-grid-column: 1 / 13; grid-row: 13; -ms-grid-row: 13;margin: 50px; padding: 0px; text-align:center;}
body > article #article-phot4 img {width: 341px; height: auto; margin: 0px auto; padding: 0px;}
body > article #text-4 {grid-column: 1 / 13; -ms-grid-column: 1 / 13; grid-row: 14; -ms-grid-row: 14;
        width: 97%; height: auto; margin: 0px auto 0px auto;  font-size: 1.4em;line-height: 1.8;}
body > article .kimi {grid-column: 1 / 13; -ms-grid-column: 1 / 13; grid-row: 15; -ms-grid-row: 15; width: 100%;
        margin: 71px 0px 0px 0px; padding: 0px; font-size: 1.15em; background: red; color: #FFFFFF;
        font-weight: 600; line-height: 1.6; text-align:left;}
body > article #article-phot5 {grid-column: 1 / 13; -ms-grid-column: 1 / 13; grid-row: 16; -ms-grid-row: 16;margin: 50px; padding: 0px; text-align:center;}
body > article #article-phot5 img {width: 341px; height: auto; margin: 0px auto; padding: 0px;}
body > article #text-5 {grid-column: 1 / 13; -ms-grid-column: 1 / 13; grid-row: 17; -ms-grid-row: 17;
        width: 97%; height: auto; margin: 0px auto 0px auto;  font-size: 1.4em;line-height: 1.8;text-align: justify;}
body > article a:link {color: #000000; text-decoration: none;}
body > article a:visited {color: #000000; text-decoration: none; }
body > article a:hover, a:active {color: #000000; text-decoration: upine;}
body > article h3 span {display: none;}
/*body > article p span {display: none;}*/
/*ASIDE*/
body > aside {grid-column: 2 / 12; -ms-grid-column: 2 / 12; grid-row: aside; -ms-grid-row: aside;
  margin: 0px; padding: 0px;}
body > aside a {grid-row-start: 1; -ms-grid-row: 1; display: block; width: 73px; height: 1.4em; color: #fff; font-size: 1.0em;
 font-weight: bold; margin: 85px auto 30px auto; padding: 0.41em 5px 0.1em 5px; background: #cc8885; text-decoration: none; text-align: center;
border-top-left-radius:50px 70px;
border-top-right-radius:20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius:50px 70px;
-moz-border-radius-topleft:50px 70px;
-moz-border-radius-topright:20px;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:50px 70px;
-webkit-border-top-left-radius:50px 70px;
-webkit-border-top-right-radius:20px;
-webkit-border-bottom-left-radius:20px;
-webkit-border-bottom-right-radius:50px 70px;}
body > aside a:hover {background: #574638; text-decoration: underline;}
body > aside a.active {background: #574638; text-decoration: underline;}

/* FOOTER */
body > footer {display: grid; display: -ms-grid; grid-column: 1 / 13; grid-row: foot; place-items: center; background: transparent url(./../img/footer2.jpg) no-repeat;}
body > footer p {margin: 0px; padding: 0px; color: #FFFFFF; font-size: 14px;
   font-weight: 600;  line-height: 1.5;}