.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #5a5a5a;
	text-align: left;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 0.5em 2.5em 0.5em 1.8em;
	cursor: pointer;
	text-indent: 1em;
	border-radius: 0.5em;
	background: rgba(27,37,56,0.1);
	background: #f7f4f1;
	transition: all 350ms 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.cp_qa .cp_actab label::before {
	font-family: 'FontAwesome';
	font-size: 1.2em;
	margin-left: -2em;
	padding-right: 0.3em;
	content: 'Q';
	font-family: 'Overpass', sans-serif;
}
.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	color: #1f1f1f;
	font-weight:700;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
	font-size: 0.8em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 5px;
	right: 32px;
	content: 'b';
	/* font-family:'FontAwesome'; */
	content: '\f078';
	content: 'click';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	-webkit-transition: max-height 0.2s;
	transition: max-height 0.2s;
	border-radius: 0 0 0.5em 0.5em;
	transition: all 350ms 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.cp_qa .cp_actab .cp_actab-content::before {
	font-family: serif;
	font-family: 'Overpass', sans-serif;
	font-size: 1.5em;
	position: absolute;
	margin: 0.4em 0 0 -1em;
	padding: 0;
	left: 30px;
	content: 'A';
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0;
	font-weight: 600;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
	border: 10px solid rgba(27,37,56,0.1);
	border: 10px solid #f7f4f1;
	color: #02126d;
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
	color: #02126d;
	border-radius: 0.5em 0.5em 0 0;
	font-weight: 600;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(20deg);
	transform: rotateZ(20deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}







   /*
   ----------------------------------------------------------
   Common UI and style
   ---------------------------------------------------------- */
   
   /* Pagination */
   .pagination-container{padding:40px 0 0; font-size: 0; text-align: center;}
   
   .pagination-container .page-numbers{display: inline-block;width: 40px; height: 35px;margin:0 6px;color: #999;font-size:18px;font-family: 'Overpass', sans-serif;font-weight: 400;  line-height: 35px; letter-spacing: 0; text-align: center;position: relative; z-index: 1;}
   .pagination-container .page-numbers.current{color: #111;}
   .pagination-container .page-numbers.current:after{ position: absolute; bottom: 0; left:3px; right: 3px; height: 0; content: ""; border-bottom: #69acc6 1px solid; z-index: 0; }
   .pagination-container a.page-numbers:hover{ color: #69acc6;}
   .pagination-container a.prev,
   .pagination-container a.next{ position: relative; z-index: 1; font-size: 0;}
   .pagination-container a.prev:before,
   .pagination-container a.next:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 15px;font-family: 'themify'; z-index: 1;}
   .pagination-container a.prev:before {content:"\e64a"}
   .pagination-container a.next:before {right: -1px; content: "\e649";}
   .pagination-container .page-numbers.dots{margin:0 3px;}
   
   @media only screen and (max-width: 900px) {
   .pagination-container{padding:35px 0 0;}
   .pagination-container a.page-numbers:hover{ color: #999;}
   }
   @media only screen and (max-width: 738px) {
   .pagination-container{padding:35px -5px 0;}
   .pagination-container .page-numbers{ margin: 0 5px; height: 30px; width: 30px; font-size: 14px; line-height: 30px;}
   .pagination-container a.prev:before,
   .pagination-container a.next:before { font-size: 13px;}
   }
   
   
   
   
   
   
   /* .sideArea_l */
   .page-lead{position: relative; background: #fefefe; height: 40px;}
   .page-lead .sideArea_l { position: absolute; top: -45px;right: 0; left: 0; z-index: 2; text-align: left;}
   .page-lead .sideArea_l .aeru { font-size: 12px; font-family: 'Barlow Condensed', sans-serif; font-weight: 300; line-height: 45px; letter-spacing: 1px;}
   .page-lead .sideArea_l .aeru b { font-size: 1.2em; font-weight: 500; vertical-align: 0; position: relative; z-index: 1;letter-spacing: 0.75px;}
   
   /* .sideArea_r */
   .page-lead .sideArea_r { position: absolute; top: -45px;right: 0; left: 0; z-index: 3; text-align: right;}
   .page-lead .sideArea_r .elle-pupa { font-size: 12px; font-family: 'Barlow Condensed', sans-serif; font-weight: 300; line-height: 45px; letter-spacing: 1px; }
   .page-lead .sideArea_r .elle-pupa b { padding-left: 22px; font-weight: 500; position: relative; z-index: 1;}
   .page-lead .sideArea_r .elle-pupa b:before { position: absolute; top: -3px; left: 0; bottom: -3px; width: 17px; content: ""; background: url("../images/logoS.svg") center left no-repeat; background-size: 20px 16px;}
   .page-lead .sideArea_r .elle-pupa b a { border:none;}
   .page-lead .sideArea_r .elle-pupa b a:hover { color:#111; background: none;}
   .page-lead .sideArea_r .elle-pupa b a:before { position: absolute; bottom: -5px; left: 2px; width: 100%; height: 0; display: block; border-bottom:#7ac8b2 2px solid;content: ""; z-index: -1; -webkit-transform-origin:right top;-moz-transform-origin:right top;-o-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transition:transform .5s ease;-moz-transition:transform .5s ease;-o-transition:transform .5s ease;transition:transform .5s ease}
   .page-lead .sideArea_r .elle-pupa b a:hover:before { -webkit-transform-origin:left top;-moz-transform-origin:left top;-o-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}
   
   
   @media only screen and (max-width: 900px) {
     .page-lead .sideArea_l,
     .page-lead .sideArea_r{display: none;}
   }
   
   
   
   
   /* Price */
   .shooting-fee{text-align: center;font-size:24px; font-weight:600;  letter-spacing: 1px;}
   .shooting-fee .tax{font-size:0.7em;margin-left:4px;letter-spacing: 0;vertical-align: baseline;}
   .shooting-fee .num{vertical-align: baseline; margin-left: 3px;}
   .shooting-fee .nyoro{margin-left:5px;font-size:0.7em;vertical-align: baseline;}
   
   @media only screen and (max-width: 900px) {
    .shooting-fee{font-size:22px; }
   }
   @media only screen and (max-width: 738px) {
    .shooting-fee{font-size:20px; }
   }
   
   
   
   
   /* .services-included */
   .services-included {margin:10px -10px 0;margin-top: 35px;;text-align: center;overflow:hidden;}
   .services-included .label {font-size: 14px; font-weight: 700; line-height: 1.8; letter-spacing: 1px;}
   .services-included .services{text-align: center;margin-top:30px;}
   .services-included .services .service{display: inline-block;width: 150px;height:120px;margin:0 10px;padding-top:50px;font-size: 14px;font-weight: 700;line-height:1.6;letter-spacing: 1px;border:1px #111 dotted;position: relative;background-size: 30px;background-position: center 20px;background-repeat: no-repeat;}
   .services-included .services .service.camera{background-image: url("../images/photo/icon_camera.png");}
   .services-included .services .service.data{background-image: url("../images/photo/icon_data.png");}
   .services-included .services .service .text{position: absolute;right:0;left:0;bottom:35px;transform:translateY(50%);}
   
   
   
   
   .services-included .item:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; border:#111 1px dotted; z-index: -1;}
   .services-included .item .icon { margin:0 auto 10px; width:40px; height:40px; position:relative; z-index:1; }
   .services-included .item .icon:before { position:absolute; top:0; right:0; left:0; bottom:0; content:""; z-index:1;}
   
   /* icon */
   .services-included .item .icon_camera:before { background: url("../images/photo/icon_camera.png") center center no-repeat; background-size: 40px 40px; }
   .services-included .item .icon_data:before { background: url("../images/photo/icon_data.png") center center no-repeat; background-size: 40px 40px;}
   
   @media only screen and (max-width:900px) {
     .services-included .item { width: 33.333%; font-size: 13px; line-height:1.6; }
   }
   @media only screen and (max-width:738px) {
     .services-included ul { margin:10px -5px 0; }
     .services-included .item { width: 50%; padding:25px 0 20px; border: transparent 5px solid;}
     .services-included .item .icon { width:25px; height:25px; margin:0 auto 5px;}
     .services-included .item .icon_camera:before {background-size: 25px 25px; }
     .services-included .item .icon_data:before { background-size: 25px 25px;}
   }
   
   
   
   /* Aspect-ratio-fixed image  */
   .bg-image{display: block;/*background-color: #eff6f9;*/background-color: #ecf4f6;background-position: center;background-size: cover;}
   .bg-image:before{display: block;content:'';width:100%;padding-bottom:100%;}
   
   /* variants */
   .bg-image.ratio-11:before{padding-bottom:100%;}
   .bg-image.ratio-43:before{padding-bottom:75%;}
   .bg-image.ratio-32:before{padding-bottom:66.6666%;}
   .bg-image.ratio-21:before{padding-bottom:50%;}
   
   
   /* Price */
   .price{  }
   .price .yen{ vertical-align: baseline;}
   .price .num{ vertical-align: baseline;}
   .price .tax{ vertical-align: baseline;}
   
   
   
   
   
   /* Admin link */
   .item > .post-edit-link{display: block;position: absolute;top:4px;left:4px;font-size:11px;line-height: 20px;padding:0 8px;background-color: rgba(255,255,255,0.8);text-align:center;}
   .item > .post-edit-link:hover{opacity:0.6;}
   
   /* Admin link */
   .item .text .post-edit-link{display: inline;vertical-align: baseline;font-size:10px;}
   .item .text .post-edit-link:hover{opacity:0.6;}
   
   
   
   /*
   ----------------------------------------------------------
   Front: Common
   ---------------------------------------------------------- */
   
   .front-page{}
   .front-page-section{ margin:35px 6% 0 0; padding: 70px 5%; background: #fefefe; border: #f5f5f5 1px solid; border-left: none; -webkit-border-radius: 0px 15px 0 0px;border-radius: 0px 15px 0 0px;}
   @media (max-width:900px) {
   .front-page-section{ margin:30px 2.5%; padding: 60px 5%; }
   }
   @media (max-width:738px) {
   .front-page-section{margin:25px 10px 0;padding: 50px 5%;border: #f0f0f0 1px solid;}
   }
   
   
   
   /*
   ----------------------------------------------------------
   Front: .front-page-section-img-header
   ---------------------------------------------------------- */
   
   .front-page-section-img-header{ margin:60px 6% 0 0; padding: 0; border: #f5f5f5 1px solid; border-left: none; -webkit-border-radius: 0px 0 15px 0px;border-radius: 0px 0 15px 0px; position: relative; z-index: 0; text-align: center; overflow: hidden;}
   .front-page-section-img-header:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background:#2a221a;opacity: 0.2; z-index: 0;}
   .front-page-section-img-header .head-image {height: 300px; position: relative; z-index: -1; }
   
   .front-page-section-img-header .inner { position: absolute; width: 100%; display: inline-block; position: absolute; top: 50%; left: 0;
       -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 1;text-align: center; color: #fff;}
   
   .front-page-section-img-header .en { margin: 0; font-size: 40px; font-family: 'Overpass', sans-serif;font-weight: 800;line-height: 1; letter-spacing: 0.125em; text-transform: uppercase;}
   .front-page-section-img-header .jp {margin-top: 20px; font-size: 14px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; letter-spacing: 0.2em; line-height: 1; }
   
   @media (max-width:900px) {
   .front-page-section-img-header{ margin:50px 2.5% 0; }
   .front-page-section-img-header .head-image {height: 280px; }
   .front-page-section-img-header .en { font-size: 40px;}
   .front-page-section-img-header .jp {margin-top: 15px; }
   }
   @media (max-width:738px) {
   .front-page-section-img-header{ margin:40px 2.5% 0; }
   .front-page-section-img-header .head-image {height: 200px; }
   .front-page-section-img-header .en { font-size: 30px;}
   .front-page-section-img-header .jp {margin-top: 10px; font-size: 13px;}
   }
   @media (max-width:414px) {
   .front-page-section-img-header .head-image {height: 180px; }
   .front-page-section-img-header .en { font-size: 25px;}
   }
   
   
   
   
   /*
   ----------------------------------------------------------
   Front: Blog
   トップページのブログ欄
   ---------------------------------------------------------- */
   
   .front-page-section_top_blog { padding-bottom: 45px; }
   .front-page-section-header.blog{ display: block; overflow: hidden}
   
   /* トップページのブログヘッドライン*/
   .front-page-section-header.blog .mini-title{font-size:16px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500;line-height: 20px; letter-spacing: 0.1em; float:left;}
   .front-page-section-header.blog .link{font-size:14px;line-height: 20px;font-weight: 500;float:right; border-bottom:#69acc6 1px solid;}
   .front-page-section-header.blog .link:hover { border-color:#69acc6; color: #69acc6; }
   
   .front-blog-items{margin: 0 -1.5%; margin-top:30px; }
   .front-blog-items > .scroller{overflow: hidden;}
   .front-blog-items .item{ width: 22%;margin: 0 1.5%;float:left;position: relative;}
   /*.front-blog-items .item:last-child { display: none; }*/
   .front-blog-items .item > .image{ position: relative; z-index: 0;/*-webkit-border-radius: 10px;border-radius: 10px;*/border: #eee 1px solid;}
   .front-blog-items .item > .image:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background-color: #69acc6; opacity: 0; z-index: 0;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;/*-webkit-border-radius: 10px;border-radius: 10px;*/}
   .front-blog-items .item > .image:hover:after { opacity: .3;}
   
   /* Common */
   .sticky-post-ribbon{position: absolute;top:-2px;left:10px;width:20px;}
   
   .front-blog-items .item > .text{height: 78px;}
   .front-blog-items .item > .text .title{ margin-top:15px;font-size:13px;font-family: 'Noto Sans JP', sans-serif; font-weight: 400;line-height: 1.7; letter-spacing: 1px; }
   .front-blog-items .item > .text .title a {border-bottom:transparent 1px solid;}
    .front-blog-items .item > .text .title a:hover{ color:#69acc6; border-color:#69acc6; }
   .front-blog-items .item > .text .meta { margin-top: 7px;color: #f79475; font-size:12px;font-family: 'Overpass', sans-serif;font-weight: 400; letter-spacing: 0.05em; line-height: 1;}
   
   .front-blog-items .item .post-edit-link{top:auto;left:auto;bottom:0px;right:0px;font-size:10px;line-height: 18px;padding:0 8px;background-color: #eee;color:#333;}
   
   @media (max-width:900px) {
     .front-blog-items{margin:0 -8%;overflow-x:scroll;margin-top:30px;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
     .front-blog-items > .scroller{overflow: hidden;box-sizing:content-box;padding:0 45px;}
     .front-blog-items .item{margin:0 10px 0 0;float:left;position: relative;}
       .front-blog-items .item:last-child { display: block; }
       .front-blog-items .item > .image:after {display: none;}
    .front-blog-items .item > .text .title a:hover{ color:#111; border-color:transparent; }
   .front-page-section-header.blog .link:hover { color: #111; }
   }
   @media (max-width:738px) {
   .front-page-section_top_blog { padding-bottom: 25px; }
     .front-blog-items{margin-top:25px;}
     .front-blog-items > .scroller{overflow: hidden;box-sizing:content-box; padding:0 20px;}
     .front-page-section-header.blog .mini-title{ font-size:14px;}
       .front-blog-items .item > .text .title{ margin-top:10px;font-size:12px;;line-height: 1.6;}
     .front-page-section-header.blog .link{font-size:12px;}
       .front-blog-items .item > .text .meta { margin-top: 2px;  font-size:10px;}
   }
   
   
   
   
   
   /*
   ----------------------------------------------------------
   Front: Introduction
   ---------------------------------------------------------- */
   /*#intro .longTextArea{
     width:80%;
     margin:60px auto 0;
   }
   #intro .linkArea{
     margin-top:60px;
   }
   
   @media (max-width:600px) {
     #intro .longTextArea{
       width:auto;
     }
   }*/
   
   
   
   /*
   ----------------------------------------------------------
   Front: Plan
   ---------------------------------------------------------- */
   
   .front-menu-items{margin: 0 -3% 0;font-size: 0;}
   .front-menu-items .item{display: inline-block; width: 44%; margin: 50px 3% 0;position: relative;}
   .front-menu-items .item .image{ position: relative; z-index: 0; /*-webkit-border-radius: 10px;border-radius: 10px;*/}
   .front-menu-items .item .image:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background-color: #69acc6; opacity: 0; z-index: 0;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
   .front-menu-items .item .image:hover:after { opacity: .3;}
   
   .front-menu-items .item .text{/*margin: -25px auto 0; */margin: 0; padding: 25px 0; /*width: 90%; background: #fefefe; */text-align: center;position: relative; z-index: 2;}
   .front-menu-items .item .text:after { position: absolute; bottom: 0; right: 0; left: 0; width: 50px; height: 0; margin: auto; content: ""; border-bottom: #b4d4dd 1px solid; z-index: 0;}
   .front-menu-items .item .text .title{margin-top: 8px;font-size: 16px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; letter-spacing: 0.05em; line-height: 1.4;}
   .front-menu-items .item .text .title a {border-bottom:transparent 1px solid;}
   .front-menu-items .item .text .title a:hover{ color:#69acc6; border-color:#69acc6; }
   
   .front-menu-items .item .text .en-title{ color: #b7997c; font-size: 13px;font-family: 'Overpass', sans-serif;font-weight: 400;letter-spacing: 0.1em;line-height: 1;text-align: center;text-transform: capitalize;}
   .front-menu-items .item .text .desc{ margin-top: 10px; font-size:13px;font-family: 'Noto Sans JP', sans-serif; font-weight: 400; line-height: 1.9;}
   .front-menu-items .item .text .link{display: none;}
   
   @media only screen and (max-width:1024px) {
   .front-menu-items .item .text .title{font-size: 15px;}
   }
   @media only screen and (max-width:900px) {
   .front-menu-items .item .image:after { display: none;}
   .front-menu-items .item .text .title{font-size: 14px;}
   .front-menu-items .item .text .title a:hover{ color:#111; border-color:transparent; }
   .front-menu-items .item .text .en-title{ font-size: 13px;}
   .front-menu-items .item .text .desc{font-size:13px;}
   .front-menu-items .item .text .link{display: none;}
   }
   @media only screen and (max-width:738px) {
   .front-menu-items{margin: 0 -1% 0;}
   .front-menu-items .item{width: 48%;margin: 30px 1% 0;}
   .front-menu-items .item .text{margin: 15px auto 0; padding: 0 0 15px; width: 100%;}
   .front-menu-items .item .text:after { width: 25px; }
   .front-menu-items .item .text .title{margin-top: 5px;font-size: 13px;}
   .front-menu-items .item .text .title a { font-size: 13px;}
   .front-menu-items .item .text .en-title{ font-size: 12px;}
   .front-menu-items .item .text .desc{ display: none; font-size:12px;}
   .front-menu-items .item .text .link{display: none;}
   }
   
   
   
   .menu-page-section { margin-top: 60px;}
   
   @media (max-width:900px) {
   .menu-page-section{ margin-top:50px; }
   }
   @media (max-width:738px) {
   .menu-page-section{ margin-top:40px; }
   }
   
   .other-menu-items{margin: -45px -2% 0;font-size: 0;}
   .other-menu-items .item{ width: 29.333%; margin: 45px 2% 0;position: relative;}
   .other-menu-items .item .text{margin: 0 auto; padding: 20px 0; width: 90%;}
   .other-menu-items .item .text .title{margin-top: 8px;font-size: 14px; }
   .other-menu-items .item .desc { display: none;}
   
   @media only screen and (max-width:1024px) {
   .front-menu-items .item .text .title{font-size: 15px;}
   }
   @media only screen and (max-width:900px) {
   .other-menu-items{margin: -50px -3% 0;font-size: 0;}
   .other-menu-items .item{display: inline-block;width: 30.333%; width: 44%; margin: 50px 3% 0;position: relative;}
   .other-menu-items .item .text .title{font-size: 14px;}
   }
   @media only screen and (max-width:738px) {
   .other-menu-items{margin: -30px -2.5% 0;}
   .other-menu-items .item{width: 45%;margin: 30px 2.5% 0;}
   .other-menu-items .item .text{margin: 15px auto 0; padding: 0 0 15px; width: 100%;}
   .other-menu-items .item .text .title{margin-top: 5px;font-size: 13px;}
   }
   
   
   
   
   /*
   ----------------------------------------------------------
   Front: Price
   ---------------------------------------------------------- */
   .front-price-items{margin: 50px 0 0;overflow: hidden; }
   .front-price-items .item{padding:35px 0; overflow: hidden;position: relative; z-index: 0; border-top: #d9e3e5 1px solid;}
   .front-price-items .item:last-child { border-bottom: #d9e3e5 1px solid; }
   
   /*.front-price-items .item:before { position: absolute; top: 0px; right: 10%; left: 10%; bottom: 0; content: "";border-top: #e5eaeb 1px solid; z-index: -1; }
   .front-price-items .item:after { position: absolute; top: 0; left: 0;right: 0; bottom: 0; content: "";border-top: #d9e3e5 1px solid; z-index: -2; }*/
   
   /* Image
   ---------------------------------------- */
   .front-price-items .item > .image { float: left; width: 55%;}
   
   /* Text
   ---------------------------------------- */
   .front-price-items .item > .text{ width: 45%; display: inline-block; position: absolute; top: 50%;right: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 1;text-align: center;}
   
   .front-price-items .item > .text p.desc {line-height: 1.7;}
   .front-price-items .item > .text .en-label{}
   .front-price-items .item > .text .title{font-size: 18px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; letter-spacing: 0.1em;}
   .front-price-items .item > .text .price{ margin-top:10px;}
   .front-price-items .item > .text .shooting-fee{font-size:20px;color: #f79475;}
   .front-price-items .item > .text .data{margin-top:5px;font-family: 'Noto Sans JP', sans-serif; font-weight: 500; letter-spacing: 0.1em }
   
   /* Desc */
   .front-price-items .item > .text .desc{ font-size: 13px;margin-top:15px;padding: 0 2.5%;}
   
   /* Note */
   .front-price-note{margin-top:50px;text-align: center; }
   .front-price-note p {font-size:14px;line-height: 2.2;letter-spacing: 1px;}
   
   @media (max-width:900px) {
   .front-price-note{margin-top:40px; }
   .front-price-note p {line-height: 2;}
   }
   @media (max-width:738px) {
   .front-price-note{margin-top:30px;text-align: center; }
   .front-price-note p {font-size:13px;line-height: 1.9; text-align: left;}
   }
   
   @media (max-width:900px) {
   .front-price-items{margin:40px 0 0;}
   .front-price-items .item{padding:30px 0; }
   .front-price-items .item > .text .title{font-size: 16px; line-height: 1.7;}
   .front-price-items .item > .text .price{ margin-top:10px;}
   .front-price-items .item > .text .shooting-fee{font-size:18px;}
   .front-price-items .item > .text .desc{ font-size: 13px;margin-top:15px;}
   }
   @media (max-width:738px){
   .front-price-items{margin:35px 0 0;}
   .front-price-items .item{padding:25px 0 30px; }
   .front-price-items .item > .image { float:none; width: 100%;}
   .front-price-items .item > .text{ margin-top: 20px; width: 100%; display: block; position: static; -webkit-transform: translate(0,0); transform: translate(0,0);}
   .front-price-items .item > .text .title{font-size: 16px; line-height: 1.7;}
   .front-price-items .item > .text .price{ margin-top:5px;}
   .front-price-items .item > .text .shooting-fee{font-size:18px;}
   .front-price-items .item > .text .desc{ font-size: 13px;margin-top:10px;}
   .front-price-items .item > .text .data{margin-top:0; }
   }
   
   
   
   /*
   ----------------------------------------------------------
   Front: Option
   ---------------------------------------------------------- */
   .front-option-items{margin:0 -2%;overflow: hidden;margin-top:90px;}
   .front-option-items .item{float:left; width:24%; margin:0 2%; position: relative;}
   .front-option-items .item > .image{width:100%;
   }
   
   /* Text */
   .front-option-items .item > .text{
   
   }
   .front-option-items .item > .text .title{
     text-align: center;
     margin-top:10px;
   }
   .front-option-items .item > .text .price{
     text-align: center;
   }
   
   
   
   
   
   /*
   ----------------------------------------------------------
   Page: Common
   ---------------------------------------------------------- */
   .single-page{
     /*margin:0 45px;*/
   }
   
   .page-section{margin: 60px 6% 0 6%;padding: 70px 5%;background: #fefefe;border: #f5f5f5 1px solid;/* border-left: none; */-webkit-border-radius: 0px 15px 0 0px;border-radius: 15px 15px 15px 15px;}
   .page-section:first-child{margin-top:0;}
   
   @media (max-width:900px) {
   .page-section{ margin:50px 2.5%; padding: 60px 5%; }
   }
   @media (max-width:738px) {
   .page-section{margin:40px 10px 0;padding: 50px 5%;border: #f0f0f0 1px solid;}
   }
   
   
   .page-section.dashed{border:#111 1px dashed;}
   .page-section .lead-image{display: block;width:100%;-webkit-border-radius: 10px;border-radius: 10px;}
   .page-section-header{text-align: center;}
   .page-section-header .lead{font-size:30px;font-family: 'Noto Sans JP', sans-serif; font-weight: 400;letter-spacing: 2px;}
   .page-section-header .caption{margin-top:30px;}
   
   .section-body-lead{ margin-top: -15px; text-align: center; }
   .section-body-lead p{ font-size: 14px; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; line-height: 2; letter-spacing: 1px;}
   
   @media only screen and (max-width: 738px) {
   .section-body-lead{text-align: center;}
   .section-body-lead p{ display: inline-block; font-size: 13px; line-height: 1.9;font-weight: 400; /* ? text-align: left;*/}
   }
   
   
   
   
   
   .lead-text-container{text-align: center;/*margin-top:60px;*/}
   /*.lead-text-container .lead{font-size:25px;font-family: 'Noto Sans JP', sans-serif; font-weight: 400; letter-spacing: 2px;  line-height: 1.7;}*/
   .lead-text-container .caption{margin-top:25px; font-size: 15px; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; letter-spacing: 2px;}
   
   .lead-text-container .lead { display: inline-block;  padding: 0 15px; font-size: 30px; font-family: 'Noto Sans JP', sans-serif; font-weight: 300; line-height: 1.7; letter-spacing: 0.125em; position: relative; z-index: 1;}
   .lead-text-container .lead:after{ position: absolute; right: 0; left: 0; bottom:0; height: 40%; content: ""; background: #f1eae3; z-index: -1;}
   
   @media only screen and (max-width: 900px) {
   .lead-text-container{text-align: center;/*margin-top:50px;*/}
   .lead-text-container .lead{font-size:25px;padding: 0 10px; }
   .lead-text-container .caption{margin-top:20px; font-size: 14px; }
   }
   @media only screen and (max-width: 738px) {
   /*.lead-text-container{text-align: center;margin-top:40px;}*/
   .lead-text-container .lead{font-size:20px;padding: 0 5px; }
   .lead-text-container .caption{margin-top:15px; font-size: 13px;letter-spacing: 0.1em; line-height: 1.9; }
   }
   @media only screen and (max-width: 480px) {
   .lead-text-container .lead{font-size:15px; letter-spacing: 0.1em;}
   .section-body-lead{font-size: 13px; text-align:center; }
   .section-body-lead p{font-weight: 400;  }
       .section-body-lead br { display: none;}
   }
   
   
   
   
   
   /* Accordion UI
   ------------------------------ */
   .accordion{ position: relative;overflow: hidden; }
   .accordion .shader{
     height: 300px; width:100%; position: absolute; z-index: 1; left:0; bottom:0; background:linear-gradient(to top, rgba(255,255,255,1) 100px, rgba(255,255,255,0) 100%); display: none;
   }
   /* Closed state */
   .accordion.closed{overflow: hidden }
   .accordion.closed.faq{height: 800px}
   .accordion.closed.gallery{height: 800px}
   .accordion.closed .shader{
     display: block;
   }
   /*  Open Button */
   .accordion .opener{position: absolute;bottom:30px; left:0; right:0; margin:auto;}
   
   @media only screen and (max-width: 480px) {
     .accordion.closed.faq{ height: 600px }
     .accordion.closed.gallery{ height: 500px }
   }
   
   
   
   
   
   /*
   ----------------------------------------------------------
   Archive: Plans
   ---------------------------------------------------------- */
   
   .page-plans{margin: 0 -3% 0;font-size: 0;}
   .page-plans .item{display: inline-block;width: 44%; margin: 60px 3% 0;position: relative;}
   .page-plans .item > .inner{position: relative; }
   
   /* Image */
   .page-plans .item .image{position: relative; z-index: 0; }
   .page-plans .item .image:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background-color: #69acc6; opacity: 0; z-index: 0;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
   .page-plans .item .image:hover:after { opacity: .3;}
   
   /* .text*/
   .page-plans .item .text{/*margin: -25px auto 0; */margin: 0; padding: 25px 0; /*width: 90%; background: #fefefe; */text-align: center;position: relative; z-index: 2;}
   
   .page-plans .item .en-title{color: #b7997c; font-size: 13px;font-family: 'Overpass', sans-serif;font-weight: 400;letter-spacing: 0.1em;line-height: 1;text-align: center;text-transform: capitalize;}
   .page-plans .item .text .title{margin-top: 10px;font-size: 16px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; letter-spacing: 0.05em; line-height: 1.4;}
   .page-plans .item .text .title a { border-bottom: transparent 1px solid; }
   .page-plans .item .text .title a:hover { color:#69acc6; border-color:#69acc6;}
   .page-plans .item .text .desc{ margin-top: 10px; font-size:13px;font-family: 'Noto Sans JP', sans-serif; font-weight: 400; line-height: 1.9;}
   .page-plans .item .text .link{margin-top:25px;}
   
   @media only screen and (max-width:1024px) {
   .page-plans .item .text .title{font-size: 15px;}
   }
   @media only screen and (max-width:900px) {
   .page-plans .item .image:after { display: none;}
   .page-plans .item .text .title{font-size: 14px;}
   .page-plans .item .text .title a:hover{ color:#111; border-color:transparent; }
   .page-plans .item .text .en-title{ font-size: 13px;}
   .page-plans .item .text.desc{font-size:13px;}
   }
   @media only screen and (max-width:738px) {
   .page-plans{margin: 0 -2.5% 0;}
   .page-plans .item{width: 45%;margin: 30px 2.5% 0;}
   .page-plans .item .text{margin: 20px auto 0; padding: 0 0 15px; width: 100%;}
   .page-plans .item .text:after { width: 25px; }
   .page-plans .item .text .title{margin-top: 5px;font-size: 14px;}
   .page-plans .item .text .en-title{ font-size: 13px;}
   .page-plans .item .text .desc{ display: none; font-size:12px;}
   }
   @media only screen and (max-width:480px) {
   .page-plans{margin: 0;}
   .page-plans .item{display: block;width: 100%; margin: 45px 0 0; padding: 45px 0 0;border-top: #d9e3e5 1px solid; }
   .page-plans .item .text:after { width: 25px; }
   .page-plans .item .text{padding: 0; }
   .page-plans .item .text .title{margin-top: 5px;font-size: 15px;}
   .page-plans .item .text .en-title{ font-size: 13px;}
   .page-plans .item .text .desc{ display: block; font-size:13px; letter-spacing: 0.075em;}
   }
   
   
   
   
   
   
   
   /*
   ----------------------------------------------------------
   Archive: Blog　
   ブログ 一覧ページ
   ---------------------------------------------------------- */
   .archive-blog-items{margin-top:50px;}
   .archive-blog-items .item{overflow: hidden;padding:35px 0;border-top: #d9e3e5 1px solid;position: relative;}
   .archive-blog-items .item:last-child{ border-bottom: #d9e3e5 1px solid; }
   .archive-blog-items .item > .inner{position: relative;}
   
   /* Image */
   .archive-blog-items .item .image{ width:45%;float:left; position: relative; z-index: 0; border: #eee 1px solid;}
   .archive-blog-items .item .image:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background-color: #69acc6; opacity: 0; z-index: 0;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
   .archive-blog-items .item .image:hover:after { opacity: .3;}
   
   /* Text */
   .archive-blog-items .item .text{width:50%;position: absolute; top:50%;right:0;transform:translateY(-50%);}
   
   .archive-blog-items .item .text .title{ font-size:18px;font-family: 'Noto Sans JP', sans-serif; font-weight: 500; line-height: 1.7; letter-spacing: 0.1em;}
   .archive-blog-items .item .text .title a {border-bottom:transparent 1px solid;}
   .archive-blog-items .item .text .title a:hover{ color:#69acc6; border-color:#69acc6; }
   .archive-blog-items .item .text .meta{overflow:hidden;margin-top:15px; }
   
   /* Common */
   .meta > .date,
   .meta > .cats{display: inline-block;font-family: 'Noto Sans JP', sans-serif; font-weight: 400; letter-spacing: 0.05em;line-height: 20px;}
   .meta > .date {color: #f79475;font-size:13px;font-family:'Open Sans', sans-serif;margin-right: 10px; line-height: 21px}
   .meta > .cats{display: inline-block;font-size:13px;}
   .meta > .cats a { border-bottom:#69acc6 1px dotted;}
   .meta > .cats a:hover { color: #fefefe; background: #69acc6}
   
   .archive-blog-items .item .text .excerpt{font-size:14px;line-height: 1.9;margin-top:10px;}
   
   @media (max-width:900px){
   .archive-blog-items{margin-top:40px;}
   .archive-blog-items .item{padding:30px 0;}
   .archive-blog-items .item:last-child{padding-bottom:40px;}
   .archive-blog-items .item .image:after { display: none;}
   .archive-blog-items .item .text .title{ font-size:15px;line-height: 1.7; }
   .archive-blog-items .item .text .title a:hover{ color:#111; border-color:transparent; }
   .archive-blog-items .item .text .meta{ margin-top:10px; }
   .meta > .date {font-size:14px; }
   .meta > .cats a { border-bottom:#69acc6 1px dotted;}
   .meta > .cats a:hover { color: #111; background: none}
   .archive-blog-items .item .text .excerpt{font-size:13px;line-height: 1.8;margin-top:10px;}
   }
   @media (max-width:738px){
     .archive-blog-items{margin-top:30px;}
     .archive-blog-items .item{padding:25px 0;}
       .archive-blog-items .item:last-child{padding-bottom:30px;}
   .archive-blog-items .item .text{width:50%;position: static; float: right; transform:translateY(0);}
   .archive-blog-items .item .text .title{ font-size:13px;line-height: 1.7; }
   .archive-blog-items .item .text .meta{ margin-top:5px; }
   .meta > .date {font-size:13px; line-height: 22px; }
   .meta > .cats{ font-size:12px;}
   .archive-blog-items .item .text .excerpt{font-size:12px;line-height: 1.8;margin-top:0;}
   }
   @media (max-width:480px){
     .archive-blog-items .item .image{width:35%;}
       .archive-blog-items .item .text{width:60%;}
       .archive-blog-items .item .text .title{ line-height: 1.6; }
     .archive-blog-items .item .text .meta{ margin-top:5px;}
       .meta > .date,
   .meta > .cats{display: block;line-height: 20px; margin: 0;}
   .meta > .date {margin-right: 0;font-size:12px; }
   .meta > .cats{ font-size:11px;}
     .archive-blog-items .item .text .excerpt{display: none;}
   }
   
   
   
   
   
   
   
   
   /*
   ----------------------------------------------------------
   Archive: Gallery
   ギャラリーページ
   ---------------------------------------------------------- */
   
   
   .archive-gallery-items{
     overflow: hidden;
   }
   .archive-gallery-items > .item{
     /*width:25%;*/
     /*float:left;*/
     /*overflow: hidden;*/
     /*border-top:1px dashed #111;
     margin-top:60px;*/
       /*padding:35px 0;position: relative; z-index: 0; border-top: #d9e3e5 1px solid;*/
   }
   
   .archive-gallery-items{margin-top:50px;}
   /* .Price item */
   .archive-gallery-items > .item{padding: 60px 0;border-top: #d9e3e5 1px solid;overflow: hidden;position: relative; z-index: 0;}
   .archive-gallery-items > .item:last-child {padding-bottom: 0;}
   
   .gallery-item-header{text-align: center;/*margin-top:60px;*/}
   .gallery-item-header .title{display: inline-block;font-size:26px;font-family: 'Noto Sans JP', sans-serif; font-weight: 400;letter-spacing:0.15em; line-height: 1.6; position: relative; z-index: 0;}
   .gallery-item-header .title:after{ position: absolute; right: 0; left: 0; bottom:0; height: 40%; content: ""; background: #f1eae3; z-index: -1;}
   
   .gallery-teaser-items{ margin:-0.1%;margin-top:50px;}
   .gallery-teaser-items .item{display: block; width:calc( 100%/5 - 0.2% );float:left;margin:0.1%;position: relative;overflow:hidden;}
   
   .gallery-teaser-items .item:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: transparent; opacity: 0.3; z-index: 0;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
   .gallery-teaser-items .item:hover:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background:#69acc6; z-index: 0;}
   .gallery-teaser-items .item img{position: absolute;top:-100%;bottom:-100%;right:-100%;left:-100%;margin:auto;}
   .gallery-teaser-items .item img.horizontal{height:100%;width:auto;}
   .gallery-teaser-items .item img.vertical{width:100%;height:auto;}
   
   
   @media (max-width:900px){
   .gallery-item-header{/*margin-top:50px;*/}
   .archive-gallery-items{margin-top:40px;}
   .archive-gallery-items > .item{padding: 50px 0;}
   .gallery-item-header .title{font-size:23px;}
   .gallery-teaser-items{ margin-top:45px;}
   .gallery-teaser-items .item:hover:after { display: none}
   }
   @media (max-width:738px){
       .archive-gallery-items{margin-top:35px;}
   .gallery-item-header{/*margin-top:45px;*/}
   .gallery-item-header .title{font-size:16px; font-weight: 500;}
   
   .archive-gallery-items > .item{padding: 40px 0;}
   .gallery-teaser-items{ margin-top:35px;}
   }
   @media (max-width:480px){
   .gallery-item-header .title{font-size:15px;}
       .gallery-item-header .title:after { display: none;}
     .gallery-teaser-items{margin:-0.16666%; margin-top:30px;}
     .gallery-teaser-items > .item{
       width:33%;
       margin:0.16666%;
     }
   }
   
   
   
   
   
   
   
   
   
   /*
   ----------------------------------------------------------
   Archive: FAQ
   ---------------------------------------------------------- */
   .page-section-faq { padding-top: 0; padding-bottom: 30px;}
   .faq-group-section{margin-top:60px;position: relative;}
   .faq-group-section .faq-style:last-child{margin-bottom:30px;padding-bottom:30px;border-bottom:1px dotted #d9e3e5; }
   
   @media only screen and (max-width: 900px) {
   .page-section-faq { padding-top: 0; padding-bottom: 25px;}
   .faq-group-section{margin-top:50px;}
   .faq-group-section .faq-style:last-child{margin-bottom:25px;padding-bottom:25px;  }
   }
   @media only screen and (max-width: 738px) {
   .page-section-faq { padding-top: 0; padding-bottom: 40px;}
   .faq-group-section{margin-top:40px;position: relative;}
   .faq-group-section .faq-style:last-child{margin-bottom:0px;padding-bottom:20px;  }
   }
   
   
   
   
   /* FAQ
   ------------------------------------------ */
   .faq-style{}
   
     .faq-style .q-wrapper{padding-top:30px;margin-top:30px;border-top:1px dotted #d9e3e5; }
     .faq-style .q-wrapper .q{display: block;font-size:15px;font-family: 'Noto Sans JP', sans-serif; font-weight: 500; line-height: 30px;letter-spacing: 0.1em;padding-left:80px;position: relative; z-index: 1;}
     .faq-style .q-wrapper .q:before { content: "Q";display: block;position: absolute; top: 0; left: 11px; width: 30px; height: 30px; color: #51799d; font-family: 'Overpass', sans-serif;font-weight: 700;letter-spacing: 0; font-size: 18px; font-weight: 500; line-height: 34px; text-align: center;}
     .faq-style .q-wrapper .q:after{ content: "";display: block;position: absolute; top: 0; left: 10px; width: 30px; height: 30px;border:1px #97c1d1 dotted;border-radius: 100%;}
   
   /* Answer */
   .faq-style p {margin-top: 12px;padding-left:80px;position: relative; z-index: 1; }
   .faq-style p:before { content: "A";display: block;position: absolute; top: -2px; left: 11px; width: 30px; height: 30px; color: #f79475; font-family: 'Overpass', sans-serif;font-weight: 700;letter-spacing: 0; font-size: 18px; font-weight: 500; line-height: 33px; text-align: center;}
   .faq-style p:after{ content: "";display: block;position: absolute; top: -2px; left: 10px; width: 30px; height: 30px;border:1px #f1b29f dotted;border-radius: 100%;}
   
   
   .faq-style p + p:before{content:none;}
   .faq-style p + p:after{content:none;}
   
   
   @media only screen and (max-width: 900px) {
     .faq-style .q-wrapper .q { font-size: 14px; }
   }
   @media only screen and (max-width: 738px) {
     .faq-style .q-wrapper .q { padding-left: 40px; font-size: 13px; line-height: 1.9; }
     .faq-style p { margin-top: 10px; padding-left: 40px; line-height: 1.8;}
     .faq-style .q-wrapper .q:before,
     .faq-style p:before { left: 1px; width: 26px; height: 26px; font-size: 16px; line-height: 30px; }
       .faq-style .q-wrapper .q:after,
       .faq-style p:after { left: 0; width: 26px; height: 26px;}
   
   }
   @media only screen and (max-width: 320px) {
     /*.faq-style p .linkArea a { font-size: 12.5px; letter-spacing: 0.5px; font-feature-settings : "palt" 1;}*/
   }
   
   
   
   
   
   
   /*
   ----------------------------------------------------------
   Archive: Staff
   スタッフページ
   ---------------------------------------------------------- */
   
   .archive-staff-items{}
   .archive-staff-items .item{padding: 60px 0;border-top: #d9e3e5 1px solid;overflow: hidden;position: relative; z-index: 0;}
   .archive-staff-items .item:first-child { padding-top: 0; border: none;}
   .archive-staff-items .item:last-child { padding-bottom: 0; }
   
   @media only screen and (max-width: 900px) {
   .archive-staff-items .item{padding: 50px 0;}
   }
   @media only screen and (max-width: 738px) {
   .archive-staff-items .item{padding:45px 0;}
   }
   
   .archive-staff-items .item > .image{width: 25%;float:left;position: relative;-webkit-border-radius: 100%;border-radius: 5%;}
   .archive-staff-items .item > .text{float:right;width: 70%;}
   .archive-staff-items .item > .text .role {display: inline-block;font-size: 14px;font-size: 16px;/* font-family: 'Overpass', sans-serif; */font-weight: 400;letter-spacing: 0.125em;line-height: 1.4;text-transform: uppercase;position: relative;z-index: 0;}
   .archive-staff-items .item > .text .role:after{position: absolute;right: 0;left: 0;bottom:0;height: 50%;content: ""; background: rgb(2 18 109 / 0.2);;z-index: -1;}
   .archive-staff-items .item > .text .name{ margin:10px 0 25px; }
   .archive-staff-items .item > .text .name .jp{margin-top: 10px;padding-left: 40px;font-size:12px;/* font-family: 'Noto Sans JP', sans-serif; */font-weight: 600;letter-spacing: 4px;display: block;line-height: 1;position: relative;z-index: 0;}
   .archive-staff-items .item > .text .name .jp:before {position: absolute;top: 50%;left: 0;width: 25px;height: 0;content: "";border-top: #02126d 1px solid;z-index: -1;}
   .archive-staff-items .item > .text .name .en{font-size:30px;font-size: 20px;/* font-family: 'Overpass', sans-serif; */font-weight: 400;letter-spacing: 1px;line-height: 1.2;display: block;}
   .archive-staff-items .item > .text .comment {padding:25px 25px 25px 0;margin-top:25px;font-size: 14px; line-height: 1.9; position: relative; z-index: 0;}
   .archive-staff-items .item > .text .comment:after { position: absolute; top: 0;right: 0; bottom: 0; left: -30px; content: ""; background: #f7f4f1; z-index: -1;-webkit-border-radius: 0px 0px 15px 0px;border-radius: 0px 0px 15px 0px;}
   
   @media only screen and (max-width: 900px) {
   .archive-staff-items .item > .text .name .en{font-size:25px;}
   .archive-staff-items .item > .text .comment{ margin-top: 20px; padding:20px 25px 20px 0;font-size: 13px;}
   .archive-staff-items .item > .text .comment:after { left: -25px;}
   }
   @media only screen and (max-width: 738px) {
   .archive-staff-items .item > .image{ margin: 0 auto; width:100%; max-width: 250px; float:none;}
   .archive-staff-items .item > .text{ float:none; width: 100%; margin: 25px 0 0; text-align: center;}
   .archive-staff-items .item > .text .name{margin-bottom: 20px; text-align: center;}
   .archive-staff-items .item > .text .role { font-size: 13px;letter-spacing: 0.1em; }
   .archive-staff-items .item > .text .name{ margin:5px 0 20px; }
   .archive-staff-items .item > .text .name .jp{ margin-top: 10px; padding-left: 0;}
   .archive-staff-items .item > .text .name .jp:before { display: none;}
   .archive-staff-items .item > .text .name .en{font-size:22px;}
   .archive-staff-items .item > .text .career {margin: 0 auto; text-align: left; max-width: 450px;}
   .archive-staff-items .item > .text .comment{ max-width: 450px;padding:20px 5%;margin:20px auto 0;font-size: 13px; text-align: left;}
   .archive-staff-items .item > .text .comment:after { left: 0;}
   }
   @media only screen and (max-width: 414px) {
   .archive-staff-items .item > .image{ max-width: 200px;}
   }
   
   
   
   
   
   
   
   
   
   
   
   /*
   ----------------------------------------------------------
   Single: Service menu
   撮影メニュー
   ---------------------------------------------------------- */
   
   .pricing-items{margin-top:50px;}
   /* .Price item */
   .pricing-items .item{padding: 60px 0;border-top: #d9e3e5 1px solid;position:relative}
   .pricing-items .item:last-child {padding-bottom: 0;}
   
   @media only screen and (max-width: 900px) {
     .pricing-items{margin-top:50px;}
     .pricing-items .item{padding: 50px 0}
   }
   @media only screen and (max-width: 738px) {
     .pricing-items{margin-top:40px;}
     .pricing-items .item{padding: 45px 0;}
   }
   
   
   
   
   
   /* Price overvview
   --------------------------------- */
   .price-overview{position: relative;}
   .price-overview .text{position: absolute;top:50%;right:0;transform:translateY(-50%)}
   
   .price-overview .image {float: left; width: 42.5%;}
   
   /* Text */
   .price-overview .text {float: right; width: 52.5%; text-align: center;}
   .price-overview .text .title { margin-bottom: 10px; font-size: 20px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; letter-spacing: 0.1em;}
   .price-overview .text .data{font-family: 'Noto Sans JP', sans-serif; margin-top:8px;}
   
   /* Price */
   .price-overview .text .price { margin-top: 10px; }
   .price-overview .text .price .shooting-fee{font-size:22px;color: #f79475;}
   /*.price-overview .text .price h3 { font-size: 14px; font-weight: 700; line-height: 1.8; letter-spacing: 1px;}*/
   
   /* .detail */
   .call-to-reservation .note {padding:0px 2.5%;max-width:740px;margin:60px auto 0;}
   .call-to-reservation .note.bordered { border-top:#d9e3e5 1px dotted;border-bottom:#d9e3e5 1px dotted;}
   .call-to-reservation .note ul { list-style:none; text-align: left;display: inline-block;}
   .call-to-reservation .note ul li { margin-top: 3px; padding-left: 1.25em; font-size: 14px; line-height: 1.9; letter-spacing: 1px; position: relative; z-index: 0;}
   .call-to-reservation .note ul li:before { position: absolute; top: 9px; left: 0; width: 5px; height: 5px; content: ""; border: #cfbdab 1px solid;z-index: -1;-webkit-border-radius: 100%;border-radius: 100%; }
   .call-to-reservation .linkArea .note {font-size:11px;line-height: 1.6;}
   
   @media only screen and (max-width: 1024px) {
     .price-overview .text .title { font-size: 18px;}
   }
   @media only screen and (max-width:900px) {
     .price-overview .image  {float: none; width: 100%;}
     .price-overview .image:before{padding-bottom:66.6666%;}
     .price-overview .text {transform:none;position:initial;float: none; width: 100%;margin-left:0;margin-top: 35px;}
     .price-overview .text .title{ margin-bottom: 5px; font-size:18px;}
     .call-to-reservation .note ul li { font-size: 13px; letter-spacing: 0.5px;}
   }
   @media only screen and (max-width: 738px) {
     .price-overview .text {margin-top: 25px;}
     .price-overview .text .price { margin-top:5px; }
     .call-to-reservation .note { margin-top: 15px; padding: 15px 0; }
   
   }
   @media only screen and (max-width: 480px) {
     .price-overview .text .title { font-size: 16px;}
   }
   
   
   
   /* Price plan list
   --------------------------------- */
   /* "← SCROLL" Indication */
   .price-plan-list-scroll-indication{display: none;}
   
   /* List */
   .price-plan-list{overflow: hidden;margin:60px auto 0;}
   .price-plan-list > .scroller {text-align: center;}
   
   /* Plan item */
   .price-plans{margin:0 auto;border:1px solid #69acc6;padding:30px 0px;box-sizing:content-box;}
   .price-plans .plan{display: inline-block;width:20%;border-right:1px solid #d9e3e5;padding:0 1.5%;position: relative;}
   .price-plans .plan:last-child{border-color:transparent;}
   
   /* Plan item - head */
   .price-plans .plan .head{text-align: center;padding:16px 0 20px; position: relative;}
   .price-plans .plan .head .tag{height:18px;line-height: 18px;background-color: #97c1d1; font-size:10px;letter-spacing: 0;color:#fff;margin:0 auto;width:64px;font-family: 'Noto Sans JP';padding-right:8px; position:absolute;top:-10px; right:0;left:0;margin:auto;}
   .price-plans .plan .head .tag:after{content:'';width:12px;height:18px;display: block;background-position: right center;background-size: auto 100%;background-repeat: no-repeat;background-image: url(../img/ui/ribbon-tail.png);position: absolute;top:0;right:0;}
   .price-plans .plan .head .tag.placeholder{visibility: hidden}
   .price-plans .plan .head .name{font-size:15px;font-family:'Noto Sans JP';position: relative;}
   .price-plans .plan .head .name:after{position: absolute;/*content:'';*/display: block;bottom:20%;left:0;right:0;height: 20%;background-color:#f1eae3;z-index: -1;}
   .price-plans .plan .head .price{color: #f79475;font-family:'Noto Sans JP';font-size:18px;letter-spacing: 0.04em;margin-top:2px;}
   .price-plans .plan .head .price .tax{font-size:12px;}
   .price-plans .plan .head .desc{font-size:12px;line-height: 1.8;margin-top:4px;height:42px;}
   
   
   /*  Plan item - elements */
   .price-plans .plan .element{border-top:1px dotted #d9e3e5;overflow: hidden;padding:18px 0;position: relative;}
   .price-plans .plan .element:last-child{border-bottom:1px dotted #d9e3e5}
   .price-plans .plan .element .image{display: block;float:left;width:30%;height: auto;background-color: #ecf4f6;background-repeat: no-repeat;background-position: center;background-size:70%;}
   .price-plans .plan .element .image.photo{background-size:cover}
   .price-plans .plan .element .text{text-align: left;width:62%;font-size:12px;letter-spacing: 0.01em;line-height: 1.6;font-family:'Noto Sans JP';position:absolute;right:0;top:50%;transform:translateY(-50%);}
   .price-plans .plan .element .text .note{color:#666;margin-top:2px;font-size:10px;}
   .price-plans .plan .element .text .big-num{font-size:18px;line-height:1.4;vertical-align: baseline;}
   .price-plans .plan .element .text .unit{margin-left:0.2em;vertical-align: baseline;}
   
   
   /* Edit link */
   .price-plans .plan .post-edit-link{font-size:10px;margin-left:2px;}
   
   
   
   
   /* 固定の横リスト */
   @media only screen and (min-width: 1201px) {
     /* 5 columns. This is the default */
     .price-plans.column-5 .plan{}
     /* 4 columns */
     .price-plans.column-4 .plan{width:25%;}
     .price-plans.column-4 .xxxx{ /* add style later */  }
     /* 3 columns */
     .price-plans.column-3 .plan{width:33.3333%;padding:0 4%;}
     .price-plans.column-3 .plan .head .name{font-size:17px;}
     .price-plans.column-3 .plan .head .price{font-size:18px;}
     .price-plans.column-3 .plan .element .image{width:26%;}
     .price-plans.column-3 .plan .element .text{width:58%;font-size:13px;line-height: 2;letter-spacing: 0.04em;}
     .price-plans.column-3 .plan .element .text .big-num{font-size:19px;line-height: 1.2;}
     .price-plans.column-3 .plan .element .text .unit{margin-left:0.2em;}
     .price-plans.column-3 .plan .element .text .label{font-size:14px;line-height: 1.6;}
     .price-plans.column-3 .plan .element .text .note{font-size:11px;}
   
   }
   
   /* 微調整 */
   @media only screen and (max-width: 1400px) and (min-width: 1201px) {
     .price-plans.column-5 .plan .element .text{font-size:11px;letter-spacing: 0}
     .price-plans.column-5 .plan{padding:0 1%;}
     .price-plans.column-5 .plan .element .image{width:28%;}
     .price-plans.column-5 .plan .element .text{font-size:10.5px;width:66%;}
   }
   
   
   /* 縦方向のリストに変換 */
   @media only screen and (max-width: 1200px) and (min-width: 641px) {
     .price-plan-list{ margin-top:40px;}
     .price-plan-list > .scroller{  }
   
     .price-plans{padding: 0 3%}
     .price-plans .plan{ float:none; display: block;width:auto!important;  overflow: hidden; border-right:none;  border-bottom:1px solid #ccc;  padding:22px 0;}
     .price-plans .plan:first-child{  border-left:none;position: relative;}
     /* Head */
     .price-plans .plan .head{  float:left;  width:30%;  padding:12px 0 0;  border-bottom:none!important; border-right:1px solid #ccc;}
     .price-plans .plan .element{  float:left;  width:35%;  border-top:none;  padding:0 3%;}
     .price-plans .plan .element:last-child{border-bottom:none;}
     .price-plans .plan .element + .element + .element{  margin-top:10px;}
   }
   
   
   /* 横スクロールに変形 */
   @media only screen and (max-width: 640px) {
     .price-plan-list-scroll-indication{display:block;font-family: 'Overpass'; font-size:11px; text-transform: uppercase;font-weight: 600;letter-spacing: 0.1em;color:#97c1d1;line-height: 1;}
      .price-plan-list-scroll-indication{animation-name: swing;animation-duration: 0.5s;animation-timing-function: ease-out;animation-iteration-count: infinite;animation-direction: alternate;position: relative;top:20px;}
     .price-plan-list-scroll-indication.hidden{opacity:0;transition:opacity 1s linear;}
     @keyframes swing{
       0%{transform:translateX(-7px);}
       100%{transform:translateX(0px);}
     }
   
     .price-plan-list{  margin-top:30px;  overflow-x:scroll;  -webkit-overflow-scrolling: touch;overflow-scrolling: touch;  margin-right:-8%;  margin-left:-8%; padding-bottom:20px;  position: relative;padding-bottom:15px;/* padding for the scroll bar */}
     .price-plan-list > .scroller{padding:0 30px;width:fit-content;}
   
     .price-plans{padding:24px 0px;background-color:#fff;overflow: hidden;}
     .price-plans.column-5 {width:calc(220px * 5 );}
     .price-plans.column-4 {width:calc(220px * 4 );}
     .price-plans.column-3 {width:calc(220px * 3 );}
     /* Items */
     .price-plans .plan{  width:220px!important;float:left;display: block;}
     .price-plans .plan .head{padding:12px 0;}
     .price-plans .plan .head .price{margin-top:0;}
     .price-plans .plan .head .desc{font-size:11px;margin-top:2px;}
     .price-plans .plan .head .tag{top:-10px}
     .price-plans .plan .element{padding:12px 0;}
     .price-plans .plan .element .text{font-size:12px;}
     .price-plans .plan .element .text .big-num{font-size:16px;}
     .price-plans .plan .element .text .note{font-size:10px;}
   }
   
   
   
   
   
   
   
   
   
   
   
   
   /* Gallery
   ------------------------------------------ */
   .gallery-items{overflow: hidden;margin:-0.5%;}
   .gallery-items .item{float:left;width:24%;margin:0.5%;}
   
   
   
   /* Option
   ------------------------------------------ */
   .option-items{margin-top:60px;}
   @media only screen and (max-width:1023px) {
   .option-items{margin-top:50px;}
   }
   @media only screen and (max-width: 738px) {
   .option-items{margin-top:45px;}
   }
   
   
   
   
   
   
   
   
   
   
   
   
   /*
   ----------------------------------------------------------
   Single: Blog ブログ詳細ページ
   ---------------------------------------------------------- */
   .single-blog{
   
   }
   .single-blog-header{}
   
   .single-blog-header img { border:#eee 1px solid;}
   
   .single-blog-header .title{margin-top:45px; font-size:25px;font-family: 'Noto Sans JP', sans-serif; font-weight: 400; line-height: 1.6; letter-spacing: 0.1em;}
   .single-blog-header .meta{margin-top:25px; }
   .single-blog-header .meta > .date { margin-right: 15px; font-size:15px;line-height: 25px;}
   .single-blog-header .meta > .cats{font-size:14px;line-height: 25px;}
   .single-blog-body{ margin-top:50px;padding:50px 5% 0; border-top: #d9e3e5 1px solid;}
   
   @media (max-width:900px){
    .single-blog-body{margin-top:40px; padding:40px 2.5% 0; }
   .single-blog-header .title{font-size:20px;}
   }
   @media (max-width:600px){
     .single-blog-body{ margin-top:30px;padding:30px 0 0;}
       .single-blog-header .title{ margin-top: 30px; font-size:16px; line-height: 1.7;}
     .single-blog-header .meta{font-size:12px;margin-top:10px;}
       .single-blog-header .meta > .date { display: block; margin-bottom: 5px; font-size: 13px;}
   .single-blog-header .meta > .cats{font-size:13px;line-height: 25px;}
   }
   
   
   
   /* More */
   .more-blog{border-top:1px #d9e3e5 solid;margin-top:50px;padding-top:60px; }
   .more-blog .link{margin-top:50px;}
   .more-blog .items{margin:-30px -1.5% 0;overflow: hidden;}
   .more-blog .items .item{width:22%;margin: 0 1.5%; margin-top:30px;float:left;}
   .more-blog .items .image{ position: relative; z-index: 0;border: #eee 1px solid;}
   .more-blog .items .image:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background-color: #69acc6; opacity: 0; z-index: 0;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
   .more-blog .items .image:hover:after { opacity: .3;}
   
   .more-blog .items .text{height: 78px;margin-top:15px;}
   .more-blog .items .text .title{font-size:13px;font-family: 'Noto Sans JP', sans-serif; font-weight: 400;line-height: 1.7; letter-spacing: 1px;}
   .more-blog .items .text .title a {border-bottom:transparent 1px solid;}
   .more-blog .items .text .title a:hover{ color:#69acc6; border-color:#69acc6; }
   .more-blog .items .text .meta{ margin-top: 8px; color: #f79475; font-size:12px;font-family: 'Overpass', sans-serif;font-weight: 400; letter-spacing: 0.05em; line-height: 1;}
   
   
   /* Common */
   .sticky-post-ribbon{position: absolute;top:-2px;left:10px;width:20px;}
   
   @media (max-width:1200px){
     .more-blog .items .text{height: 76px;margin-top:10px; }
     .more-blog .items .text .meta{margin-top:5px;}
   }
   @media (max-width:900px) {
       .more-blog{ margin-top:45px;padding-top:50px; }
     .more-blog .items{margin:0 -1.5%;overflow: hidden; }
     .more-blog .items .item{width:30.333%;}
       .more-blog .items .image:after { display: none;}
       .more-blog .items .text .title a:hover{ color:#111; border-color:transparent  }
       .more-blog .link{margin-top:45px;}
   }
   @media (max-width:738px) {
       .more-blog{ margin-top:45px;padding-top:45px; }
     .more-blog .items{margin:-10px 0 0; }
       .more-blog .items .item{width:100%;margin: 0; padding: 25px 0; float:none;border-top: #d9e3e5 1px dotted; overflow: hidden;}
   .more-blog .items .item:last-child{ border-bottom: #d9e3e5 1px dotted; }
   .more-blog .items .item .image{width:45%;float:left;}
   .more-blog .items .item .text{width:50%;float: right; margin: 0;}
   .more-blog .items .text .title{font-size:13px;line-height: 1.7;}
   .more-blog .items .text .meta{ margin-top: 5px; font-size:13px;}
       .more-blog .link{margin-top:35px;}
   }
   @media (max-width:480px){
   .more-blog .items .item .image{width:35%;}
   .more-blog .items .item .text{width:60%;}
   .more-blog .items .text .title{ line-height: 1.6; }
   .more-blog .items .text .meta{font-size:12px;}
   }
   
   
   
   
   
   
   
   
   
   
   
   
   
   /*
   ------------------------------------
   Post Default style
   
   
   WordPress投稿のデータから出力される要素のスタイルです。
   ------------------------------------ */
   .default-style{font-size: 14px;line-height: 2;}
   
   @media only screen and (max-width: 800px) {
     .default-style{font-size: 13px;line-height: 2;}
   }
   
   .default-style img{width: 100%; max-width:100%;height: auto;}
   .default-style p{font-size:inherit;line-height: inherit;margin:10px 0 20px;word-wrap: break-word;}
   
   .default-style h1{ margin: 40px 0 25px 0; padding: 10px 0 10px 25px; border-left: #b7997c 2px solid; font-size: 20px; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; letter-spacing: 1px; line-height: 1.6;}
   
   .default-style h2,
   .default-style h3,
   .default-style h4,
   .default-style h5{margin: 40px 0 25px 0; padding: 10px 0 10px 20px; border-left: #b7997c 2px solid; font-size: 16px; font-family: 'Noto Sans JP', sans-serif; font-weight: 400;  letter-spacing: 1px; line-height: 1.7;}
   
   /*.default-style h3{ margin: 35px 0 25px; padding: 0 0 0 50px; font-size: 16px; font-weight: 700; letter-spacing: 1px; line-height: 1.8; position: relative; z-index: 1;}
   .default-style h3:before { position: absolute; top: 12px; left: 0; width: 35px; height: 0; content: ""; border-top: #111 1px solid; z-index: -1;}
   
   .default-style h4{ margin: 35px 0 25px; padding: 0 0 0 50px; font-size: 15px; font-weight: 700; letter-spacing: 1px; line-height: 1.8; position: relative; z-index: 1;}
   .default-style h4:before { position: absolute; top: 11px; left: 0; width: 35px; height: 0; content: ""; border-top: #111 1px solid; z-index: -1;}
   
   .default-style h5{ margin: 35px 0 25px; padding: 0 0 0 50px; font-size: 14px; font-weight: 700; letter-spacing: 1px; line-height: 1.8; position: relative; z-index: 1;}
   .default-style h5:before { position: absolute; top: 10px; left: 0; width: 35px; height: 0; content: ""; border-top: #111 1px solid; z-index: -1;}*/
   
   .default-style h1:first-child,
   .default-style h2:first-child,
   .default-style h3:first-child,
   .default-style h4:first-child,
   .default-style h5:first-child{margin-top:0;}
   
   @media only screen and (max-width: 900px) {
     .default-style h1{ margin: 35px 0 20px 0; padding: 15px 0 15px 20px; font-size: 16px;line-height: 1.9;}
     .default-style h2
     .default-style h3,
     .default-style h4,
     .default-style h5{margin: 40px 0 25px 0; padding: 10px 0 10px 15px;font-size: 14px; line-height: 1.8;}
   }
   
   @media only screen and (max-width: 738px) {
     .default-style h1{ margin: 35px 0 20px 0; padding: 10px 0 10px 15px; font-size: 15px;line-height: 1.9;}
     .default-style h2
     .default-style h3,
     .default-style h4,
     .default-style h5{margin: 40px 0 25px 0; padding: 5px 0 5px 15px;font-size: 14px; line-height: 1.8;}
   }
   
   .default-style blockquote{ margin: 15px 0 0; padding:20px 30px;background-color: #f7f4f1;border:none;}
   .default-style blockquote p{margin:5px 0;}
   
   @media only screen and (max-width: 738px) {
     .default-style blockquote{ padding:15px 20px;}
   }
   
   .default-style hr{border:none;border-top:1px dotted #d9e3e5;margin:25px 0;}
   
   .default-style a{border-bottom:1px dashed #69acc6;}
   .default-style a:hover{color:#fefefe;background:#69acc6;border-bottom: #69acc6 1px dashed;}
   @media only screen and (max-width: 900px) {
   .default-style a:hover{color:#111;background:none;}
   }
   
   
   .default-style img{max-width: 100%;margin:10px auto;}
   .default-style ul{margin:10px 0px;list-style-type: disc;list-style-position: outside;padding-left:20px;font-size: inherit}
   .default-style ol{font-size: inherit;margin:10px 0;padding-left: 20px;list-style-type: decimal;list-style-position: outside}
   .default-style ul li,
   .default-style ol li{font-size: inherit;line-height: 1.8;margin:5px 0;}
   
   
   
   
   /*　Post style: Additional
   ------------------------------------ */
   .default-style table{line-height: 1.4;width:100%;font-size: 12px;}
   .default-style table tr{
   }
   
   .default-style table tr th,
   .default-style table tr td{padding: 10px 8px;border: 1px solid #ccc;border-width: 1px 0;/*border-width: 0;*/}
   .default-style table tr th{font-weight: bold;width:90px;}
   
   
   .default-style table thead{font-weight: bold;background-color: #eee;}
   
   
   
   /*　Default style (WordPress Core)
   ------------------------------------ */
   .alignnone {}
   .aligncenter{display: block;margin-right:auto;margin-left:auto;}
   .alignright {float:right;margin: 5px 0 5px 30px;}
   .alignleft {float: left;margin: 5px 30px 5px 0;}
   
   a img.alignright {float: right;/*margin: 5px 0 20px 20px;*/}
   a img.alignnone {/*margin: 5px 20px 20px 0;*/}
   a img.alignleft {float: left;/*margin: 5px 20px 20px 0;*/}
   a img.aligncenter {display: block;margin-left: auto;margin-right: auto;}
   
   /* Figure shortcode from the admin edit */
   .wp-caption{/*background: rgba(255,255,255,0.6);*//*border: 1px solid #f0f0f0;*/max-width: 100%; /* Image does not overflow the content area *//*padding: 5px 3px 5px;*/text-align:left;margin-top:20px ;margin-bottom:20px ;}
   .wp-caption.alignnone {/*margin: 5px 20px 20px 0;*/}
   .wp-caption.alignleft {/*margin: 5px 20px 20px 0;*/}
   .wp-caption.alignright {/*margin: 5px 0 20px 20px;*/}
   .wp-caption img {border: 0 none;height: auto;margin: 0;padding: 0;width: auto;}
   .wp-caption .wp-caption-text{font-size: 11px;line-height: 1.2;margin: 5px 0 0 0;padding: 0;}
   
   
   
   /* ----------------------------------------------------------
      #follow
      ---------------------------------------------------------- */
   
   #follow { margin-top: 60px;}
   
   @media (max-width:900px) {
   #follow { margin-top: 50px;}
   }
   @media (max-width:738px) {
   #follow { margin-top: 40px;}
   }
   
   #follow .headline {margin-bottom: 50px;padding-bottom: 0;border-bottom: none;}
   #follow .headline .en{ font-size: 70px; font-family: 'notera_2';font-weight: 700; line-height: 1; text-transform: capitalize; letter-spacing: 0;}
   
   @media (max-width:900px) {
   #follow .headline {margin-bottom: 40px;}
   #follow .headline .en{ font-size: 60px;}
   }
   @media (max-width:738px) {
   #follow .headline {margin-bottom: 25px; margin-top: -10px;}
   #follow .headline .en{ font-size: 45px; font-weight: 700;}
   }
   
   /* ul.imageInstagram */
   ul.imageInstagram { margin: -15px -10px 0; padding: 0; font-size: 0; }
   ul.imageInstagram li { list-style: none; margin: 0; padding: 0; display: inline-block; width: 25%; margin-top: 10px; border: transparent 10px solid; position:relative; z-index: 0; }
   ul.imageInstagram li .inner { /*border:#eee 1px solid; */position: relative; z-index: 1;border-radius: 5px; overflow: hidden;}
   ul.imageInstagram li .imgBox { background: #69acc6; }
   ul.imageInstagram li img { display: block; width: 100%; height: 15vw; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
   ul.imageInstagram li:hover img {opacity: 0.5;}
   ul.imageInstagram li .imgBox a {position: relative; z-index: 1; display: block;}
   ul.imageInstagram li .imgBox a:after { position: absolute; top: 0; right:0; bottom: 0; left: 0; margin: auto; width: 50px; height: 50px; color: #fefefe; font-size:30px; font-family:'FontAwesome';content:"\f16d"; text-align: center; line-height: 50px; z-index: 0;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}
   ul.imageInstagram li .imgBox a:hover:after { opacity: 1; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); }
   
   /* .il-photo__likes */
   .il-photo__likes { position: relative; margin:8px 0 0 5px; display: block; padding-left: 18px; color: #b7997c;font-size: 13px; font-family: 'Overpass', sans-serif;font-weight: 300; letter-spacing: 0;line-height: 15px; z-index: 1; }
   .il-photo__likes:before { position: absolute; bottom: 0; left: 0; width: 18px; font-size: 0.9em; font-family:themify; content:"\e634";}
   
   @media only screen and (max-width: 900px) {
   ul.imageInstagram { margin: -20px -10px 0; padding: 0; font-size: 0; }
     ul.imageInstagram li:hover img {opacity: 1;}
     ul.imageInstagram li .imgBox a:after {display: none;}
   }
   @media only screen and (max-width: 738px) {
     ul.imageInstagram { margin: -15px -5px 0; }
     ul.imageInstagram li { width: 50%; border: transparent 5px solid; }
   ul.imageInstagram li img { height: 30vw; }
   }
   @media only screen and (max-width: 414px) {
   ul.imageInstagram li img { height: 32.5vw; }
   .il-photo__likes { padding-left: 15px;font-size: 12px; }
   .il-photo__likes:before {width: 15px;}
   }
   
   /* .linkArea */
   #follow .linkArea { margin: 35px auto 0; }
   #follow ul.snsList { font-size: 0; margin: -10px -10px 0; list-style: none; text-align: center;}
   #follow ul.snsList li { display: inline-block; width: 33.333%; border:transparent 10px solid;}
   
   #follow ul.snsList li a { display: block;  padding-left: 10px;width:100%; max-width:280px; border:#b7997c 1px solid;font-size: 14px; text-decoration: none; text-align:center; font-family: 'Noto Sans JP', sans-serif; font-weight:500; line-height: 60px; letter-spacing: 1px; position: relative;  -webkit-border-radius: 30px; border-radius: 30px;-webkit-border-radius: 2px; border-radius: 2px;}
   #follow ul.snsList li a:before { color: #b7997c; font-family: 'FontAwesome'; content: "\e649"; font-size: 20px; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; left: 15px; z-index: 0;-webkit-transition: all 0.3s ease;transition: all 0.3s ease; }
   
   #follow ul.snsList li a.btn_facebook:before {content:"\f09a"}
   #follow ul.snsList li a.btn_instagram:before {content:"\f16d";}
   
   #follow ul.snsList li a.btn_line:before { width:22px; bottom:0; content: ""; background: url("../images/line_logo.png") center left no-repeat; background-size: 22px 21px; z-index: 0;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
   
   #follow ul.snsList li a:hover { color:#fefefe; background: #b7997c; border-color:#b7997c; }
   #follow ul.snsList li a:hover:before { color: #fefefe; }
   
   
   @media only screen and (max-width: 900px) {
     #follow .linkArea { margin-top: 35px; text-align: center;}
   #follow ul.snsList li { width: 45%;}
       #follow ul.snsList li a { margin: 0 auto;}
     #follow ul.snsList li a:hover { color:#111; background: none; border-color:#b7997c; }
   #follow ul.snsList li a:hover:before { color: #b7997c; }
   }
   
   
   @media only screen and (max-width: 738px) {
     #follow .linkArea { margin-top: 25px; }
     #follow ul.snsList { margin:0; text-align: center;}
     #follow ul.snsList li { display: block; width:250px; margin: 10px auto 0; border:none;}
     #follow ul.snsList li a { font-size: 13px; line-height: 45px;}
   }
/*    
   
   * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    
    body {
    background: #2d2c41;
    font-family: 'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma;
    }
    
    ul {
    list-style-type: none;
    }
    
    a {
    color: #b63b4d;
    text-decoration: none;
    } */
    
    /** =======================
     * Contenedor Principal
     ===========================*/
    h1 {
     /* color: #FFF; */
     /* font-size: 24px; */
     /* font-weight: 400; */
     /* text-align: center; */
     /* margin-top: 80px; */
     }
    
    h1 a {
     color: #c12c42;
     font-size: 16px;
     }
    
     .accordion {
     width: 100%;
     max-width: 360px;
     margin: 30px auto 20px;
     background: #FFF;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     }
    
    .accordion .link {
    cursor: pointer;
    display: block;
    padding: 15px 15px 15px 42px;
    color: #4D4D4D;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #CCC;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    }
    
    .accordion li:last-child .link {
    border-bottom: 0;
    }
    
    .accordion li i {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 18px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    }
    
    .accordion li i.fa-chevron-down {
    right: 12px;
    left: auto;
    font-size: 16px;
    }
    
    .accordion li.open .link {
    color: #b63b4d;
    }
    
    .accordion li.open i {
    color: #b63b4d;
    }
    .accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    }
    
    .accordion li.default .submenu {display: block;}
    /**
     * Submenu
     -----------------------------*/
     .submenu {
     display: none;
     background: #444359;
     font-size: 14px;
     }
    
     .submenu li {
     border-bottom: 1px solid #4b4a5e;
     }
    
     .submenu a {
     display: block;
     text-decoration: none;
     color: #d9d9d9;
     padding: 12px;
     padding-left: 42px;
     -webkit-transition: all 0.25s ease;
     -o-transition: all 0.25s ease;
     transition: all 0.25s ease;
     }
    
     .submenu a:hover {
     background: #b63b4d;
     color: #FFF;
     }