@charset "UTF-8";
/* reset */
html {overflow-y: scroll;}
body,div,table,tr,th,td,p,ul,ol,dl,dt,dd,img,a,form,h1,h2,h3,h4,h5,h6,hr{margin:0;padding:0;border:0;font-style: normal;}
ul{list-style-type: none;}
input:focus {border:none;outline:none;}
/* link-style */
.img-link a:hover img {opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha( opacity=70 )"; }
@media screen and (min-width: 751px) {.img-link a:hover img {opacity:1.0;filter:alpha(opacity=100);-ms-filter:"alpha( opacity=100 )"; }}
/* br */
@media screen and (min-width: 751px) {.br-sp { display:none; }}
@media screen and (max-width: 751px) {.br-pc { display:none; }}
/* img */
@media screen and (min-width: 751px) {.img-sp { display:none;}}
@media screen and (max-width: 751px) {.img-pc { display:none;}}
/* disnon */
@media screen and (min-width: 751px) {.disnonPc { display:none;}}
@media screen and (max-width: 751px) {.disnonSp { display:none;}}
/* layout */
#wrapper {width:100%;margin:0 auto;padding:0px;font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",メイリオ,Meiryo,"ＭＳ Ｐゴシック","Helvetica Neue",Helvetica,Arial,sans-serif;color:#000000;position:relative;overflow:hidden;}
@media screen and (max-width: 767px){#wrapper {}}
#wrapper:after {content:".";display: block;height:0px;clear:both;visibility:hidden;}
/* pagetop */
#pagetop {position:fixed;bottom:40px;right:5%;width:80px;height:70px;border-radius:40px;background:#000000;font-family: 'Heebo', sans-serif;font-weight:600;font-size:12px;line-height:75%;text-align:center;z-index:999;padding:10px 0 0 0;}
#pagetop i {font-family: FontAwesome;font-style:normal;line-height:150%;font-size:200%;font-weight:normal;}
#pagetop a {color:#ffffff;text-decoration:none;}
#pagetop a:hover {opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha( opacity=70 )";}
@media screen and (max-width: 767px){
#pagetop {bottom:2%;right:2%;width:60px;height:50px;border-radius:30px;font-size:60%;padding:10px 0 0 0;}
#pagetop i {line-height:150%;font-size:150%;}
}
/* header */
header {width:100%;margin:0;position:relative;background:#e7e2df url("../images/top_portrait.png")no-repeat;background-position: right bottom;background-size:30%;}
header section {width:70%;margin:0 30% 0 0;padding:10% 0;background:url("../images/top_bg.png")no-repeat;background-position: center;background-size: cover;}
header section div {width:80%;margin:0 10%;}
header section div h2 {font-family: 'Heebo', sans-serif;font-weight:600;margin:0 0 0.2em 0;font-size: 30px;line-height: 100%;letter-spacing: 0.1em;}
header section div h3 {font-family: 'Crimson Text', serif;font-weight:600;font-style: italic; margin:0 0 1em 0;font-size: 24px;line-height: 100%;}
header section div h4 {margin:0 0 1em 0;font-size: 14px;line-height: 150%;font-weight:normal;}
header section div h5 {font-family: 'Crimson Text', serif;font-weight:600;font-style: italic; margin:0;font-size: 16px;line-height: 150%;}
@media screen and (max-width: 751px) {
header {background-size:50%;}
header section {width:100%;margin:0;padding:20% 0 40% 0;}
header section div {width:80%;margin:0 auto;}
header section div h2 {margin:0 0 0.2em 0;font-size: 24px;}
header section div h3 {margin:0 0 1em 0;font-size: 18px;}
header section div h4 {font-size: 14px;line-height: 180%;}
header section div h5 {font-size: 14px;line-height: 150%;}
}
/* blueWrap */
.blueWrap {width:100%;margin:0;padding:40px 40px 80px 40px;background:#b7c8d7;color:#000000;box-sizing: border-box;}
@media screen and (max-width: 767px){.blueWrap {width:100%;margin:0;padding:20px 10px 40px 10px;}}
/* pinkWrap */
.pinkWrap {width:100%;margin:0;padding:40px 40px 80px 40px;background:#f2d9d6;color:#000000;box-sizing: border-box;}
@media screen and (max-width: 767px){.pinkWrap {width:100%;margin:0;padding:20px 10px 40px 10px;}}
/* patternWrap */
.patternWrap {width:100%;margin:0;padding:40px 40px 80px 40px;background:#e7e2df url("../images/bg.png")repeat;color:#000000;box-sizing: border-box;}
@media screen and (max-width: 767px){.patternWrap {width:100%;margin:0;padding:20px 10px 40px 10px;}}
/* h2-h6-allwrap */
.blueWrap h2,.pinkWrap h2,.patternWrap h2 {font-size: 30px;line-height:100%;text-align:center;font-family: 'Heebo', sans-serif;font-weight:600;margin:40px auto 10px auto;letter-spacing: 0.1em;}
.blueWrap h3,.pinkWrap h3,.patternWrap h3 {font-size: 20px;line-height:150%;text-align:center;font-family: 'Crimson Text', serif;font-weight:600;font-style: italic; margin:0 auto 10px auto;}
.blueWrap h3 span,.pinkWrap h3 span,.patternWrap h3 span {font-size:85%;}
.blueWrap h4,.pinkWrap h4,.patternWrap h4 {font-size: 14px;line-height:100%;text-align:center;margin:0 auto 40px auto;color: #000000;font-weight:normal;}
.pinkWrap h4 a {color:#ffdd46;text-decoration: underline;}
.pinkWrap h4 a i {font-family: FontAwesome;font-style:normal;text-decoration: none;}
@media screen and (max-width: 767px){
.blueWrap h2,.pinkWrap h2,.patternWrap h2 {font-size: 24px;margin:20px auto 10px auto;}
.blueWrap h3,.pinkWrap h3,.patternWrap h3 {font-size: 18px;margin:0 auto 10px auto;}
.blueWrap h4,.pinkWrap h4,.patternWrap h4 {font-size: 12px;line-height:150%;margin:0 auto 20px auto;}
}
/* itemContainer */
.itemContainer {width:100%;margin:0 0 40px 0;padding:2% 2% 0 2%;box-sizing: border-box;background:#ffffff;}
.itemContainer:after {content:".";display: block;height:0px;clear:both;visibility:hidden;}
@media screen and (max-width: 767px){.itemContainer {margin:0 0 20px 0;padding:4%;}}
/*flexsliderItem*/
.flexsliderItem {width:48%;margin:0 auto 0 0;float:left;position:relative;}
.flexsliderItem ul.slides li {margin:0 0 20px 0;}
.flexsliderItem ul.slides li img {width:100%;vertical-align:bottom;}
/* Direction Nav */
.flex-direction-nav .flex-prev {position:absolute;left:-15px;top:35%;width:10px;height:auto;background:url(../images/arrowL.png) no-repeat;background-size:10px;text-indent:-9999px;}
.flex-direction-nav .flex-next {position:absolute;right:-15px;top:35%;width:10px;height:auto;background:url(../images/arrowR.png) no-repeat;background-size:10px;text-indent:-9999px;}
.flex-direction-nav .flex-prev:hover,.flex-direction-nav .flex-next:hover {opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha( opacity=70 )"}
/* thumbs */
.flex-control-nav li {display:inline-block;}
.flex-control-thumbs {overflow: hidden;}
.flex-control-thumbs li {width:16.8%;height:auto;margin:0 4% 20px 0;float:left;cursor:pointer;}
.flex-control-thumbs li:nth-of-type(5n+5) {margin:0 0 20px 0;}
.flex-control-thumbs img {width:100%;height:auto;vertical-align:bottom;}
@media screen and (max-width: 767px){
/*flexsliderItem*/
.flexsliderItem {width:100%;margin:0 0 20px 0;float:inherit;}
.flexsliderItem ul.slides li {margin:0 0 20px 0;}
/* Direction Nav */
.flex-direction-nav .flex-prev {left:-13px;top:160px;}
.flex-direction-nav .flex-next {right:-13px;top:160px;}
}
/* detailContainer */
.detailContainer {width:48%;float:right;color:#000000;}
.detailContainer h2.title {font-size:20px;line-height:150%;margin:0 0 20px 0;text-align: left;letter-spacing: 0em; font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",メイリオ,Meiryo,"ＭＳ Ｐゴシック","Helvetica Neue",Helvetica,Arial,sans-serif;}
.detailContainer h3.detail {font-size:18px;line-height:150%;margin:0 0 40px 0;text-align: left;font-weight:normal;font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",メイリオ,Meiryo,"ＭＳ Ｐゴシック","Helvetica Neue",Helvetica,Arial,sans-serif;font-style: normal}
.detailContainer p {font-size:14px;line-height:150%;margin:0 0 40px 0;}
.detailContainer p a {color:#d47266; }
.detailContainer .attention {width:100%;padding:4%;background:#f0f0f0;font-size:14px;line-height:170%;margin:0 0 40px 0;box-sizing: border-box}
.detailContainer .attention strong {color:#d47266;font-size:18px;line-height:100%;padding:0 0 0 35px;margin:0 0 20px 0;display:block;position:relative;font-weight:normal;width:100%}
.detailContainer .attention strong:before{
  position: absolute;
  top:0px;
  left:0px;
  font-size:20px;
  content:'\f0eb';
  font-family: FontAwesome;
  color:#d47266;
}
@media screen and (max-width: 767px){
/* detailContainer */
.detailContainer {width:100%;float:inherit;margin:0 auto;}
.detailContainer h2.title {font-size:18px;line-height:20px;margin:0 0 10px 0;}
.detailContainer h3.detail {font-size:14px;margin:0 0 10px 0;}
.detailContainer p {font-size:14px;margin:0 0 40px 0;}
.detailContainer .attention {font-size:14px;margin:0 0 40px 0;}
.detailContainer .attention strong {font-size:110%;padding:0 0 0 10%;margin:0 0 10px 0;}
.detailContainer .attention strong:before{font-size:120%}
}
/* gotoBtn */
.detailContainer .gotoBtn {position: relative;width:60%;margin:0;padding:10px 0 8px 0;background:#000000;border-radius:60px;text-align:center;}
.detailContainer .gotoBtn a {color:#ffffff;text-decoration:none;font-size:16px;line-height:100%;display:block; letter-spacing: 0.1em}
.detailContainer .gotoBtn a span {font-size:12px;line-height:100%;margin:5px 0 0 0;font-family: 'Heebo', sans-serif;font-weight:700;display: block}
.detailContainer .gotoBtn a:after {position: absolute;top:18px;left:30px;display:block;width:auto;height:auto;content:'\f815';font-size:24px;font-family: FontAwesome;color:#ffffff;}
/*.detailContainer .gotoBtn a:after.locked {content:'\f023'!important;} */
@media screen and (max-width: 767px){
.detailContainer .gotoBtn {width:80%;margin:0 auto;}
.detailContainer .gotoBtn a {font-size:130%;font-weight: bold}
.detailContainer .gotoBtn a span {font-size:70%;margin:10px 0 0 0;}
.detailContainer .gotoBtn a:after {top:18px;left:30px;font-size:120%;}
}
/* masonry_container */
#container {
width: 100%;
margin:0 auto;
position:relative;
}
#container:after {content:".";display: block;height:0px;clear:both;visibility:hidden;}
/* item */
.item {
margin:0 0.5% 10px 0.5%;
/*padding:5px;*/
width:32.3%;
float: left;
/*text-align:center;
color:#ffffff;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;*/
}
.item img {width:100%}
.item h6 {background: #000000;color:#ffffff;font-size:14px;padding:10px;margin:0;box-sizing: border-box;}
#container .item:nth-of-type(3n+1) {clear:both}
@media screen and (max-width:767px){
.item {
margin:0 1% 10px 1%;
/*padding:5%;*/
width:48%;
}
#container .item:nth-of-type(3n+1) {clear:none}
#container .item:nth-of-type(2n+1) {clear:both}
}
.youtube {position:relative;width:100%;padding:56.25% 0 0 0;overflow:hidden;margin:0 0 5% 0;}
.youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
/* copyright */
.copyright {font-size:12px;line-height:100%;text-align:center;color: #000000;margin:0 auto 80px auto;font-family: 'Heebo', sans-serif;font-weight:500;}
/* menuIcon */
.menuIcon {position:absolute;top:40px;right:40px;z-index:999;}
@media screen and (max-width: 767px){.menuIcon {top:40px;right:15px;}}
/* menu-trigger */
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width:80px;
  height:80px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height:4px;
  background-color: #000000;
}
.menu-trigger span:nth-of-type(1) {top:0;}
.menu-trigger span:nth-of-type(2) {top:38px;}
.menu-trigger span:nth-of-type(3) {bottom: 0;}
/* animation */
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(38px) rotate(-45deg);
  transform: translateY(38px) rotate(-45deg);
  background-color: #ffffff;
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-38px) rotate(45deg);
  transform: translateY(-38px) rotate(45deg);
  background-color: #ffffff;
}
@media screen and (max-width: 767px){
/* menu-trigger */
.menu-trigger {width:30px;height:24px;}
.menu-trigger span {height:2px;}
.menu-trigger span:nth-of-type(2) {top:11px;}
/* animation */
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(11px) rotate(-45deg);
  transform: translateY(11px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-11px) rotate(45deg);
  transform: translateY(-11px) rotate(45deg);
}
}
/* openMenu */
.openMenu {display:none;width:100%;height:100%;background:rgba(0,0,0,0.7);position:fixed;top:0;left:0;z-index:99}
/* openMenu ul */
.openMenu ul {width:100%;margin:4% auto;}
.openMenu ul li {text-align:center;font-family: 'Heebo', sans-serif;font-weight:700;font-size:150%;line-height:180%; letter-spacing: 0.1em}
.openMenu ul li a {color:#f2d9d6;text-decoration:none;display:block;}
/* loader */
#loading{position: absolute;left:42%;top:30%;width:16%}
#loading img {width:100%;vertical-align:top;}
#loader-bg {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background:#ffffff;
z-index:9999;
}
@media screen and (max-width:479px){#loading{left:25%;top:30%;width:50%;}}
-->
/*video*/
.movieWrap {width:80%;text-align:center;margin:0 auto;}
.movie01 {width:60%;margin:0 auto;}
.movie02 {width:20%;margin:0 auto;}
@media screen and (max-width: 767px){
.movie01 {width:80%;}
.movie02 {width:80%;}
}
.movieWrap h3.movieTtl {font-size: 18px;line-height:150%;text-align:center;margin:20px auto;color: #000000;font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",メイリオ,Meiryo,"ＭＳ Ｐゴシック","Helvetica Neue",Helvetica,Arial,sans-serif;font-style: normal;}
.movieWrap h4.movieTtl {font-size: 14px;line-height:150%;text-align:center;margin:0 auto 80px auto;color: #000000;font-weight: normal;}