@charset 'utf-8';
html{margin-top: 50px;}
*{outline: none;}
.sp-none{display: none !important;}
img{width: 100%;height: auto;}
.bg_gray{background: #F0F1F1; padding: 40px 0 1px; margin-bottom: 40px;}
br.clear{clear: both;}

header{background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;width: 100%;z-index: 99;padding: 0 10px;height: 50px;transition: 0.3s;}
header.hide {transform: translateY(-60px);}
header h1{padding: 10px 0; font-size: 13px; height: 50px;}
header h1 a img{width: 200px;}
header .inner{}
header .lang{font-size: 0;}
header .lang p{transition: 0.3s;position: fixed;top: 0;right: 0;width: 50px;}
header .lang p:hover{opacity: 0.8;cursor: pointer;}
header .lang ul{position: absolute;top: 50px;right: 0;padding: 7% 5%;background: #000;text-align: left;width: 100%;display: none;}
header .lang ul li{margin-bottom: 8px;}
header .lang ul li:last-of-type{margin-bottom: 0;}
header .lang ul li a{color: #fff;font-weight: bold;text-decoration: none;transition: 0.3s;}
header .lang ul li a:hover{opacity: 0.8;}
#header nav{position: fixed;bottom: 0;left: 0;width: 100%;padding: 5%;background: #fff;text-align: left;display: none;height: 100%;z-index: 998;}
#header nav .inner{padding-left: 60px;height: 100%;overflow-y: scroll;}
#header nav p{margin-bottom: 8px;padding: 8px 16px;background: #111;}
#header nav p a{color: #111;font-weight: bold;text-decoration: none;transition: 0.3s;font-size: 15px;color: #fff;}
#header nav p a:hover{opacity: 0.8;}
/*#header nav .submenu{display: inline-block;}*/
#header nav .submenu li{margin-bottom: 1px;}
#header nav .submenu li a{display: block;text-decoration: none;color: #111;padding: 20px 0;border-bottom: 1px solid #e8e8e8;font-weight: 500;font-size: 16px;
	/*background: url(../img/common/m_arrow@2x.png)no-repeat center left 5px;-webkit-background-size: 7px auto;background-size: 7px auto;*/}
#header nav .parent{margin-bottom: 32px;}
#header nav .parent:last-of-type{padding-bottom: 20px;}
#header ul.sns{font-size: 0; margin: 20px auto; width: 120px;}
#header ul.sns li{display: inline-block;padding-right: 8px;width: 40px;}
#header .menu_btn{
  position: fixed;
  bottom: 16px;
  left: 0;
  width: 50px;
  z-index: 999;
  background: #f8b500;
  width: 60px;
  height: 60px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  transition: 0.3s;
}
#header .menu_btn span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
#header .menu_btn span.line {
  position: absolute;
  left: 17px;
  width: 26px;
  height: 2px;
  background-color: #000;
  border-radius: 2px;
}
#header .menu_btn span:nth-of-type(1) {
  top: 12px;
}
#header .menu_btn span:nth-of-type(2) {
  top: 20px;
}
#header .menu_btn span:nth-of-type(3) {
  top: 28px;
}
#header .menu_btn.active{
  background: #111;
}
#header .menu_btn.active span{
  background: #fff;
}
#header .menu_btn.active span:nth-of-type(1) {
  -webkit-transform: translateY(9px) rotate(-45deg);
  transform: translateY(9px) rotate(-45deg);
}
#header .menu_btn.active span:nth-of-type(2) {
  opacity: 0;
}
#header .menu_btn.active span:nth-of-type(3) {
  -webkit-transform: translateY(-7px) rotate(45deg);
  transform: translateY(-7px) rotate(45deg);
}
#header .menu_btn .ttl{
	position: absolute;
	bottom: 8px;
	left: 0;
	font-size: 10px;
	color: #000;
	width: 100%;
	text-align: center;
	font-weight: 700;
}
#header .menu_btn.active .ttl{
  color: #fff;
  background: inherit;
}
body.fixed {
    position: fixed;
    width: 100%;
    height: 100%;
}

footer{background: #2D333C;padding: 5%;}
footer .logo{display: none;}
footer .inner{overflow: hidden;display: none;}
footer .inner a{color: #B5B5B5;text-decoration: none;transition: 0.3s;}
footer .inner a:hover{opacity: 0.8;}
footer .inner ul{width: 50%;float: left;}
footer .inner ul:last-of-type{padding: 0;}
footer .inner ul li{margin-bottom: 20px;}
footer .inner ul li a{font-weight: bold;}
footer .inner ul ul{width: 100%;float: none;}
footer .inner ul ul li{display: block;font-size: 12px;color: #B5B5B5;margin-bottom: 16px;}
footer .inner ul ul li a{font-size: 12px;font-weight: normal;}
footer .inner ul.bdr{clear: both;}
footer .f_box .copyright{font-size: 12px;font-weight: bold;color: #B5B5B5;text-align: center;}
footer .f_box .rightBox{text-align: center;margin-bottom: 10px;}
footer .f_box .rightBox p{display: inline-block;color: #B5B5B5;line-height: 15px;margin-right: 20px;}
footer .f_box .rightBox ul{display: inline-block;font-size: 0;}
footer .f_box .rightBox ul li{display: inline-block;line-height: 15px;margin-right: 10px;}
footer .f_box .rightBox ul li:last-of-type{margin-right: 0;}
footer .f_box .rightBox ul li img{vertical-align: middle;width: 20px;}
footer #pagetop{position: fixed;bottom: 24px;margin-left: 1032px;}

.ttlBox{text-align: center;padding-bottom: 8px;position: relative;margin-bottom: 30px;}
.ttlBox:before{content: "";width: 50px;height: 3px;background: #23A5C4;position: absolute;bottom: 0;left: 50%;margin-left: -25px;}
.ttlBox p{font-weight: bold;color: #23A5C4;margin-bottom: 4px;letter-spacing: 0.2em;line-height: 1em;}
.ttlBox h2{font-size: 20px;font-weight: bold;color: #2D333C;line-height: 140%;}

.buttonarea{text-align: center;position: relative;margin-bottom: 10px;margin-top: -10px;}
.buttonarea:before{content: "";position: absolute;bottom: -10px;right: 50%;background: #eee;width: 200px;height: 50px;margin-right: -106px;border-radius: 50px;
	background: url(../img/common/btn_bg@2x.png)no-repeat center;-webkit-background-size: cover;background-size: cover;}
.buttonarea a{display: inline-block;line-height: 50px;color: #fff;background: #23A5C4;border: 1px solid #23A5C4;font-weight: bold;text-decoration: none;border-radius: 50px;transition: 0.3s;width: 200px;position: relative;z-index: 1;margin-left: -6px;}
.buttonarea a:hover{color: #23A5C4;background: #fff;}
.buttonarea2{text-align: center;position: relative;margin-bottom: 10px;margin-top: -10px;}
.buttonarea2 a{display: inline-block;line-height: 50px;color: #fff;background: #23A5C4;border: 1px solid #23A5C4;font-weight: bold;text-decoration: none;border-radius: 50px;transition: 0.3s;width: 200px;position: relative;z-index: 1;margin-left: -6px;}

.mainV{margin-bottom: 50px;position: relative;}
.mainV:before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;/*background: #fff;*/z-index: 10;}
.mainV .box{float: left;position: relative;}
.mainV .box a{display: block;}
.mainV .box a .name{position: absolute;bottom: 8px;right: 8px;color: #fff;font-weight: bold;z-index: 1;font-size: 11px;background: rgba(0,0,0,0.4); padding: 3px 10px; box-sizing: border-box;}
.mainV .box a .overlay{display: none;}
.mainV .main1{width: 100%;/*margin-bottom: 1px;*/}
.mainV .main2{width: 50%;/*margin-bottom: 1px;*/}
.mainV .main2:before{content: "";position: absolute;top: 0;right: 0;width: 1px;height: 100%;/*background: #fff;*/z-index: 10;}
.mainV .main3{width: 50%;/*margin-bottom: 1px;*/}
.mainV .main4{width: 62%;/*margin-bottom: 1px;*/}
.mainV .main4:before{content: "";position: absolute;top: 0;right: 0;width: 1px;height: 100%;/*background: #fff;*/z-index: 10;}
.mainV .main4 a .name{color: #FFF;}
.mainV .main5{width: 38%;}

#top #news{margin-bottom: 66px;padding: 0 5%;}
#top .news .right{position: relative;margin-bottom: 24px;}
#top .news .right h4{color: #2D333C;font-size: 26px;font-weight: bold;letter-spacing: 0.2em;margin-bottom: 10px;line-height: 1em;}
#top .news .right p{color: #2D333C;font-weight: bold;}
#top .news .right .button{position: absolute;top: 0;right: 0;}
#top .news .right .button a{text-decoration: none;border: 1px solid #23A5C4;background: #23A5C4;color: #fff;font-size: 12px;font-weight: bold;padding: 12px 27px;border-radius: 50px;transition: 0.3s;display: inline-block;}
#top .news .left dl{padding-bottom: 17px;margin-bottom: 20px;
    background-image: linear-gradient(to right, #8D8D8D, #8D8D8D 1px, transparent 2px, transparent 4px);
    background-size: 6px 1px;
    background-position: bottom;
    background-repeat: repeat-x;}
#top .news .left dl:last-of-type{margin-bottom: 0;}
#top .news .left dl dt{margin-bottom: 8px;}
#top .news .left dl dt .date{font-weight: normal;color: #2D333C;width: 80px;display: inline-block;margin-left: 10px;white-space: nowrap;}
#top .news .left dl dt .label{display: inline-block;line-height: 1em;color: #fff;font-size: 11px;line-height: 23px;background: #8f8f8f;font-weight: bold;width: 90px;text-align: center;}
#top .news .left dl dt .label.info{background: #FFA91F;}
#top .news .left dl dt .label.campaign{background: #e84141;}
#top .news .left dl dt .label.important{background: #004AAC;}
#top .news .left dl dt .label.news{background: #0BA31B;}
#top .news .left dl dd a{color: #2D333C;text-decoration: none;transition: 0.3s;}

#top .feature{margin-bottom: 99px;padding: 0 5%;}
#top .feature .inner .txtBox{text-align: center;margin-bottom: 20px;}
#top .feature .inner .txtBox h3{display: inline-block;line-height: 30px;padding: 0 24px;font-size: 18px;font-weight: bold;color: #E07384;position: relative;margin-bottom: 16px;}
#top .feature .inner .txtBox h3:before{content: "";width: 8px;height: 30px;border: 1px solid #E07384;border-right: none;position: absolute;top: 0;left: 0;}
#top .feature .inner .txtBox h3:after{content: "";width: 8px;height: 30px;border: 1px solid #E07384;border-left: none;position: absolute;top: 0;right: 0;}
#top .feature .inner .txtBox p{font-size: 12px;line-height: 2em;letter-spacing: 0em;text-align: left;}
#top .feature .inner .imgBox{overflow: hidden;}
#top .feature .inner .imgBox .item{position: relative;height: 120px;overflow: hidden;}
#top .feature .inner .imgBox .item .thumb img{opacity: 1;height: 120px;object-fit:cover;object-position:50% 50%;}
#top .feature .inner .imgBox .item a .overlay{position: absolute;bottom: 8px;/*right: 8px;*/padding: 6px;}
#top .feature .inner .imgBox .item a .overlay .txt{color: #fff;font-size: 10px;font-weight: normal;text-align: right;}
#top .feature .inner .imgBox .item a .overlay .txt h6{font-weight: bold;font-size: 12px;line-height: 1em;text-align: left;line-height: 140%;}
#top .feature .inner .thumb {height: 120px;}
#top .feature .inner .thumb:after {content:'';display:block;position: absolute;top:0;left:0;width: 100%;height: 120px;background: rgba(1,17,31,0.3);}
#top .feature .item{position: relative;}
#top .feature .item:before{content: "";width: 1px;height: 100%;background: #fff;position: absolute;top: 0;right: 0;}
#top .feature .item:nth-of-type(2n-1){width: 50%;float: left;margin-bottom: 1px;}
#top .feature .item:nth-of-type(2n){width: 50%;float: right;margin-bottom: 1px;}
#top .feature .overseas{margin-top: 50px;}
#top .feature .overseas .txtBox h3{color: #60B258;}
#top .feature .overseas .txtBox h3:before{border: 1px solid #60B258;border-right: none;}
#top .feature .overseas .txtBox h3:after{border: 1px solid #60B258;border-left: none;}
#top .news .buttonarea,#top .feature .buttonarea{margin-top: 20px;}

#top .journal{margin-bottom: 100px;padding: 0 5%;}
#top .journal .item{margin-bottom: 40px;}
#top .journal .item .txtBox{margin-top: 20px;}
#top .journal .item .txtBox .date{color: #23A5C4;font-weight: bold;margin-bottom: 10px;line-height: 1em;font-size: 12px;}
#top .journal .item .txtBox h6{font-size: 20px;color: #2D333C;font-weight: bold;line-height: 1.5em;margin-bottom: 16px;}
#top .journal .item .txtBox p{color: #2D333C;line-height: 2em;}
#top .journal .item .txtBox .name{font-size: 12px;font-weight: bold;color: #23A5C4;margin-top: 10px;}
#top .journal .item img{transition: 0.3s;}
#top .journal .item a:hover img{opacity: 0.8;}

#top .diary{margin-bottom: 100px;padding: 0 5%;}
#top .diary .item{margin-bottom: 40px;}
#top .diary .item img{transition: 0.3s;}
#top .diary .item a{text-decoration: none;}
#top .diary .item .img{margin-bottom: 19px;height: 200px;overflow: hidden;}
#top .diary .item h6{font-size: 16px;font-weight: bold;color: #23A5C4;margin-bottom: 10px;line-height: 140%;}
#top .diary .item p{color: #333;}
#top.under.feature{padding-top: 60px;}
#top.under.feature .diary{margin-bottom: 0;}

#top .instagram{margin-bottom: 80px;padding: 0 5%;}
#top .instagram .ttl{padding: 0 20%;margin-bottom: 20px;}
#top .instagram .ttl .btn{padding: 0 25%;margin-top: 10px;}
#top .instagram .item{position: relative;overflow: hidden;position: relative;}
#top .instagram .item:before{content: "";width: 1px;height: 100%;background: #fff;position: absolute;top: 0;right: 0;z-index: 1;}
#top .instagram .item:nth-of-type(2n-1){width: 50%;float: left;margin-bottom: 1px;}
#top .instagram .item:nth-of-type(2n){width: 50%;float: right;margin-bottom: 1px;}
#top .instagram .item a img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

#top .company{padding: 0 5%;padding-top: 100px;margin-top: -100px;margin-bottom: 100px;}
#top .company .item{position: relative;margin-top: 0;margin-bottom: 10px;}
#top .company .item:last-of-type{margin: 0;}
#top .company .item .overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(1,17,31,0.6);z-index: 10;text-align: center;}
#top .company .item .overlay .inner{text-align: center;color: #fff;font-weight: bold;position: absolute;top: 50%;left: 50%;width: 100%;
	transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}
#top .company .item .overlay .inner .ico{margin-bottom: 10px;}
#top .company .item .overlay .inner .ico img{width: 50px;}
#top .company .item .overlay .inner h6{font-size: 16px;font-weight: bold;margin-bottom: 6px;line-height: 1em;}
#top .company .item .overlay .inner p{font-size: 9px;}
#top .company .item img{transition: 0.3s;}
#top .company .item a:hover img{opacity: 0.8;}

#top .t4{margin-bottom: 99px;padding: 0 5%;}
/*#top .t4 .item{position: relative;height: 120px;overflow: hidden;}*/
#top .t4 .item a .overlay{position: absolute;bottom: 8px;/*right: 8px;*/padding: 6px;}
#top .t4 .item a .overlay .txt{color: #fff;font-size: 10px;font-weight: normal;text-align: right;}
#top .t4 .item a .overlay .txt h6{font-weight: bold;font-size: 12px;line-height: 1em;text-align: left;line-height: 140%;}
#top .t4 .item .thumb{height: 120px;overflow: hidden;}
#top .t4 .item .thumb img{opacity: 0;}
#top .t4 .item .thumb:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(1,17,31,0.3);}
#top .t4 .item .img{position: relative;margin: 0 1px;}
/*#top .t4 .item:before{content: "";width: 1px;height: 100%;background: #fff;position: absolute;top: 0;right: 0;}*/
/*#top .t4 .item:nth-of-type(2n-1){width: 50%;float: left;margin-bottom: 1px;border-right: 1px solid #fff;}
#top .t4 .item:nth-of-type(2n){width: 50%;float: right;margin-bottom: 1px;}*/
#top .t4 .slick-prev,
#top .t4 .slick-next{font-size: 13px;line-height: 0;position: absolute;top: 50%;display: block;padding: 0;cursor: pointer;border: none;outline: none;margin-top: -16px;
    width: 32px;line-height: 28px;padding-bottom: 4px;z-index: 99;background: none;border-radius: 50%;font-weight: bold;color: #fff;text-align: center;
    -webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}
#top .t4 .slick-prev:hover,
#top .t4 .slick-prev:focus,
#top .t4 .slick-next:hover,
#top .t4 .slick-next:focus{outline: none;}
#top .t4 .slick-prev:hover:before,
#top .t4 .slick-prev:focus:before,
#top .t4 .slick-next:hover:before,
#top .t4 .slick-next:focus:before{opacity: 0.8;}
#top .t4 .slick-prev:before,
#top .t4 .slick-next:before{font-size: 13px;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#top .t4 .slick-prev{left: -16px;}
#top .t4 .slick-prev{content: '▲';background: #23A5C4;-webkit-background-size: contain;background-size: contain;transition: 0.3s;
    transform: rotate(-90deg);}
#top .t4 .slick-next{right: -16px;}
#top .t4 .slick-next{content: '▲';background: #23A5C4;-webkit-background-size: contain;background-size: contain;transition: 0.3s;
    transform: rotate(90deg);}
#top .t4 .slick-dots{bottom: -20px;}
#top .t4 .t4_slides{margin: 0 -1px;}


.journal{position: relative;overflow: hidden;}
.slideConts{width: 100%;-webkit-transition: 1s;-o-transition: 1s;transition: 1s;}
.slideContsL {transform: translate(-100%, 0);opacity: 0;}
.slideContsR {transform: translate(100%, 0);opacity: 0;}
.slideContsL.show {transform: translate(0, 0) !important;opacity: 1;}
.slideContsR.show {transform: translate(0, 0) !important;opacity: 1;}

.fadeConts {width: 100%;opacity: 0;-webkit-transition: 1s;-o-transition: 1s;transition: 1s;}
.fadeConts.show {opacity: 1;}

.animateConts{position: relative;opacity: 0;}
.animateConts.img1,
.animateConts.img2{margin-top: 100px;}
.animateConts.img3,
.animateConts.img4{margin-bottom: -100px;}
.animateConts.show{opacity: 1;}
.animateConts.img1.show,
.animateConts.img2.show{margin-top: 0;}
.animateConts.img3.show,
.animateConts.img4.show{margin-bottom: 0;}
.animateConts.item{margin-top: 100px;transition: all 1s;}
.animateConts.item.show{margin-top: 0;}
.animateConts2.item{margin-top: 100px;transition: all 1s;}
.animateConts2.item.show{margin-top: 0;}
.animateConts3.item{margin-top: 100px;transition: all 1s;}
.animateConts3.item.show{margin-top: 0;}



.under{background: #F8F8F8;padding-bottom: 100px;padding-bottom: 100px;}
.under .main{height: 250px;width: 100%;display: table;
	background: url(../img/common/under_bg@2x.png)no-repeat center right;-webkit-background-size: cover;background-size: cover;}
.under .main .inner{display: table-cell;vertical-align: middle;text-align: center;}
.under .main .inner p{color: #fff;font-size: 13px;font-weight: bold;letter-spacing: 0.2em;margin-bottom: 5px;}
.under .main .inner h2{font-size: 25px;color: #2D333C;font-weight: bold;letter-spacing: 0.1em;position: relative;padding-bottom: 16px;}
.under .main .inner h2:before{content: "";position: absolute;bottom: 0;left: 50%;width: 80px;height: 3px;background: #fff;margin-left: -40px;}
.under .cont{background: #fff;width: 90%;margin: -45px auto 0;padding: 8%;border-radius: 4px;}


/* 投稿内容テキスト整形 */
.under.news .wrapper img{width: 100%;height: auto;}
.under.news .wrapper p{font-size: 13px;margin-bottom: 32px;line-height: 2em;}
.under.news .wrapper h1{margin-bottom: 32px;font-size: 22px;line-height: 2em;}
.under.news .wrapper h2{margin-bottom: 32px;font-size: 20px;line-height: 2em;}
.under.news .wrapper h3{margin-bottom: 32px;font-size: 18px;line-height: 2em;}
.under.news .wrapper h4{margin-bottom: 32px;font-size: 16px;line-height: 2em;}
.under.news .wrapper h5{margin-bottom: 32px;font-size: 15px;line-height: 2em;}
.under.news .wrapper h6{margin-bottom: 32px;font-size: 14px;line-height: 2em;}
.under.news .wrapper pre{font-size: 13px;margin-bottom: 32px;line-height: 2em;/**/padding: 15px 20px;background: #f8f8f8;border-radius: 4px;border: 1px solid #eee;}
.under.news .wrapper strong{line-height: 2em;/**/font-weight: bold;}
.under.news .wrapper em{font-size: 13px;line-height: 2em;/**/font-style: italic;}
.under.news .wrapper ol{margin-bottom: 32px;line-height: 2em;/**/padding-left: 15px;}
.under.news .wrapper ol li{font-size: 13px;line-height: 2em;/**/list-style-type: decimal;}
.under.news .wrapper ul{margin-bottom: 32px;line-height: 2em;/**/padding-left: 15px;}
.under.news .wrapper ul li{font-size: 13px;line-height: 2em;/**/list-style-type: disc;}
.under.news .wrapper blockquote{font-size: 13px;margin-bottom: 32px;line-height: 2em;/**/border-left: 2px solid #eee;padding-left: 20px;}
.under.news .wrapper a{font-size: 13px;line-height: 2em;/**/color: #000;}
.under.news .wrapper del{font-size: 13px;line-height: 2em;}
.under.news .wrapper hr{border: 1px solid #eee;}
/* 投稿内容テキスト整形 */
.under.news .left{margin-bottom: 64px;}
.under.news .left .title h4{font-size: 18px;font-weight: bold;padding-bottom: 30px;border-bottom: 1px dotted #000;margin-bottom: 20px;}
.under.news .left .dateBox{font-size: 0;padding-bottom: 18px;margin-bottom: 30px;border-bottom: 1px dotted #000;}
.under.news .left .dateBox p{display: inline-block;font-size: 13px;margin-right: 20px;font-weight: normal;}
.under.news .left .dateBox p.label{color: #fff;font-size: 11px;line-height: 23px;padding: 0 21px;font-weight: bold;background: #8f8f8f;}
.under.news .left .dateBox p.label.info{background: #FFA91F;}
.under.news .left .dateBox p.label.campaign{background: #e84141;}
.under.news .left .dateBox p.label.important{background: #004AAC;}
.under.news .left .dateBox p.label.news{background: #0BA31B;}
.under.news .right .inner{margin-bottom: 40px;}
.under.news .right h6{font-size: 16px;font-weight: bold;padding-bottom: 16px;margin-bottom: 16px;border-bottom: 3px solid #23A5C4;line-height: 1em;}
.under.news .right a{text-decoration: none;color: #000;}
.under.news .right dl{padding-bottom: 16px;margin-bottom: 16px;border-bottom: 1px dotted #000;}
.under.news .right dl:first-of-type{margin-top: 16px;}
.under.news .right dl dt{width: 64px;display: table-cell;vertical-align: top;}
.under.news .right dl dt p{width: 64px;height: 64px;overflow: hidden;}
.under.news .right dl dt img{width: 100%;height: auto;border: 1px solid #E4E4E4;}
.under.news .right dl dd{display: table-cell;padding-left: 16px;}
.under.news .right dl dd .date{font-size: 11px;margin: 7px 0 5px;line-height: 1em;font-weight: normal;}
.under.news .right dl dd .label{display: inherit;line-height: 1em;color: #fff;font-size: 11px;line-height: 23px;padding: 0 21px;background: #8f8f8f;font-weight: bold;}
.under.news .right dl dd .label.info{background: #FFA91F;}
.under.news .right dl dd .label.campaign{background: #e84141;}
.under.news .right dl dd .label.important{background: #004AAC;}
.under.news .right dl dd .label.news{background: #0BA31B;}
.under.news .right dl dd h3{font-size: 12px;line-height: 1.8em;font-weight: normal;}
.under.news .right ul li{margin-top: 23px;border-bottom: 1px dotted #000;}
.under.news .right ul li a{padding-bottom: 23px;display: block;}

.under.news.detail .cont{margin-bottom: 40px;}
.under.news.list .left a{text-decoration: none;color: #000;}
.under.news.list .left dl{padding-bottom: 32px;margin-bottom: 32px;border-bottom: 1px dashed #E4E4E4;}
.under.news.list .left dl dt{width: 85px;display: table-cell;vertical-align: top;}
.under.news.list .left dl dt p{width: 85px;height: 85px;overflow: hidden;}
.under.news.list .left dl dd{display: table-cell;padding-left: 16px;}
.under.news.list .left dl dd .date{font-size: 12px;letter-spacing: 0.2em;display: inline-block;font-weight: normal;margin-right: 10px;}
.under.news.list .left dl dd .label{display: inline-block;line-height: 1em;color: #fff;font-size: 11px;line-height: 23px;padding: 0 21px;background: #8f8f8f;font-weight: bold;}
.under.news.list .left dl dd .label.info{background: #FFA91F;}
.under.news.list .left dl dd .label.campaign{background: #e84141;}
.under.news.list .left dl dd .label.important{background: #004AAC;}
.under.news.list .left dl dd .label.news{background: #0BA31B;}
.under.news.list .left dl dd h3{font-size: 14px;line-height: 2em;font-weight: normal;margin-top: 16px;}
.under .pager{text-align: center;}
.under .pager .next:before,
.under .pager .prev:before{display: none;}
.under .pager a{color: #fff;font-size: 13px;line-height: 27px;width: 25px;text-align: center;display: inline-block;background: #23A5C4;border-radius: 3px;font-weight: 500;text-decoration: none;}
.under .pager span.current{color: #fff;font-size: 13px;line-height: 27px;width: 25px;text-align: center;display: inline-block;background: #ccc;border-radius: 3px;font-weight: 500;}
.under .pager a.next,
.under .pager a.prev{display: none;}

.under.company dl{margin-bottom: 32px;padding-bottom: 20px;border-bottom: 1px solid #d2d2d2;}
.under.company dl dt{border-left: 3px solid #23A5C4;font-size: 14px;font-weight: bold;color: #23A5C4;box-sizing: border-box;padding-left: 10px;line-height: 1em;margin-bottom: 16px;}
.under.company dl dd p{font-size: 14px;line-height: 2em;}
.under.company dl dd p a{font-size: 14px;text-decoration: underline;color: #000;}
.under.company dl dd .inner{border-bottom: 1px dotted #D2D2D2;margin-bottom: 32px;padding-bottom: 32px;}
.under.company dl dd .inner:last-of-type{border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.under.company dl dd .inner h6{font-size: 13px;font-weight: bold;color: #23A5C4;margin-bottom: 10px;}
.under.company dl dd .inner p{font-size: 13px;margin-bottom: 20px;line-height: 2em;}
.under.company dl dd .inner .map{position:relative;width:100%;height:0;padding-top:75%;}
.under.company dl dd .inner .map iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.under.company .buttonarea2 a{font-size: 12px;width: 100%;}

.under.pp dl dt{font-size: 16px;color: #23A5C4;border-bottom: 1px solid #23A5C4;padding-bottom: 10px;margin-bottom: 20px;font-weight: bold;
	padding-left: 1.4em;text-indent: -1.4em;}
.under.pp dl dt:nth-of-type(n+10){padding-left: 2.1em;text-indent: -2.1em;}
.under.pp dl dd{margin-bottom: 40px;}
.under.pp dl dd:last-of-type{margin-bottom: 0;}
.under.pp dl dd h3{font-size: 14px;font-weight: 500;color: #23A5C4;margin-bottom: 16px;}
.under.pp dl dd p{font-size: 13px;line-height: 2em;}
.under.pp dl dd a{font-size: 13px;text-decoration: underline;color: #000;word-break: break-all;}
.under.pp dl dd .attention{margin: 20px 0;background: #F3FBFC;border-radius: 4px;padding: 8%;}
.under.pp dl dd .attention li{padding-left: 15px;margin-bottom: 10px;font-size: 13px;line-height: 1.9em;position: relative;}
.under.pp dl dd .attention li:last-of-type{margin-bottom: 0;}
.under.pp dl dd .attention li:before{content: "";width: 8px;height: 8px;border-radius: 50%;background: #23A5C4;position: absolute;top: 8px;left: 0;}
.under.pp dl dd .info{margin: 20px 0;background: #F3FBFC;border-radius: 4px;padding: 8%;}
.under.pp dl dd .info p{margin-bottom: 12px;}
.under.pp dl dd .info p:last-of-type{margin-bottom: 0;}










#joshitabi *{letter-spacing: 0;}
#joshitabi .main{/*height: 250px;*/width: 100%;/*display: table;*/position: relative;
	background: url(../img/joshitabi/bg@2x.png)no-repeat center;-webkit-background-size: cover;background-size: cover;}
#joshitabi .main_wrapper{display: table;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#joshitabi .main:before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #000;opacity: 0.1;}
#joshitabi .main_inner{display: table-cell;vertical-align: middle;text-align: center;position: relative;z-index: 1;}
#joshitabi .main_inner h2{font-weight: bold;font-size: 26px;color: #fff;margin-bottom: 10px;line-height: 1em;text-shadow:0px 0px 10px #000000;}
#joshitabi .main_inner p{font-weight: bold;font-size: 14px;color: #fff;line-height: 1em;text-shadow:0px 0px 10px #000000;}
#joshitabi .btn_wrapper{margin: 40px 0 25px;}
#joshitabi .btn_wrapper ul{text-align: center;font-size: 0;padding: 0 5%;}
#joshitabi .btn_wrapper ul li{display: inline-block;width: 32%;margin-right: 2%;margin-bottom: 10px;}
#joshitabi .btn_wrapper ul li:nth-of-type(3n),
#joshitabi .btn_wrapper ul li:last-of-type{margin-right: 0;}
#joshitabi .btn_wrapper ul li a{font-size: 12px;color: #fff;font-weight: bold;border-radius: 4px;display: block;text-decoration: none;line-height: 1.2em;padding: 10px 0 36px;
	position: relative;background: url(../img/joshitabi/btn_arrow1@2x.png)no-repeat bottom 10px center #C4283C;-webkit-background-size: 20px;background-size: 20px;}
#joshitabi .btn_wrapper ul li a:before{content: "";width: 100%;height: 100%;background: #8E0719;border-radius: 4px;position: absolute;top: 5px;left: 0;z-index: -1;}
#joshitabi .lead{font-size: 14px;font-weight: bold;line-height: 1.8em;margin-bottom: 40px;padding: 0 5%;}
#joshitabi .box{margin-bottom: 64px;padding: 0 5%;}
#joshitabi .box .mainttl{padding: 0 0 12px 70px;border-bottom: 3px solid #BD0245;margin-bottom: 24px;min-height: 6em;display: table;width: 100%;
	background: url(../img/joshitabi/ico@2x.png)no-repeat left top 6px;-webkit-background-size: auto 48px;background-size: auto 48px;}
#joshitabi .box .mainttl h3{font-size: 22px;font-weight: bold;line-height: 1.4em;display: table-cell;vertical-align: middle;}
#joshitabi .item{margin-bottom: 40px;}
#joshitabi .item a{text-decoration: none;color: #000;}
#joshitabi .item:nth-of-type(3n){margin-bottom: 0;}
#joshitabi .item p{font-size: 13px;line-height: 1.8em;}
#joshitabi .item .img{margin-bottom: 20px;}
#joshitabi .item .ttl{padding-bottom: 16px;border-bottom: 1px dotted #000;margin-bottom: 16px;}
#joshitabi .item .ttl h4{font-weight: bold;font-size: 16px;line-height: 1.2em;}
#joshitabi .item .ttl .small{font-weight: bold;font-size: 13px;color: #BD0245;margin-bottom: 10px;line-height: 1.2em;}
#joshitabi .innerBox{margin-bottom: 40px;}
/*#joshitabi .innerBox:nth-of-type(3n){margin-bottom: 0;}*/
#joshitabi .innerBox p{font-size: 13px;line-height: 1.8em;}
#joshitabi .innerBox .img{margin-bottom: 20px;}
#joshitabi .innerBox .ttl{padding-bottom: 16px;border-bottom: 1px dotted #000;margin-bottom: 16px;}
#joshitabi .innerBox .ttl h4{font-weight: bold;font-size: 16px;line-height: 1.2em;}
#joshitabi .innerBox .ttl .small{font-weight: bold;font-size: 13px;color: #BD0245;margin-bottom: 10px;line-height: 1.2em;}
#joshitabi .btn{margin-top: 16px;text-align: center;}
#joshitabi .btn a{font-size: 14px;font-weight: bold;color: #fff;line-height: 50px;display: inline-block;padding: 0 16px 0 44px;border-radius: 4px;text-decoration: none;
	background: url(../img/joshitabi/btn_arrow2@2x.png)no-repeat left 16px center #DB3F49;-webkit-background-size: 20px;background-size: 20px;}

#joshitabi .btn_list,
#joshitabi .btn_list2{margin-top: 8px;font-size: 0;text-align: center;}
#joshitabi .btn_list li,
#joshitabi .btn_list2 li{width: 49%;display: inline-block;margin-top: 8px;text-align: left;}
#joshitabi .btn_list li:nth-of-type(2n),
#joshitabi .btn_list2 li:nth-of-type(2n){margin-left: 2%;}
#joshitabi .btn_list li a,
#joshitabi .btn_list2 li a{font-size: 14px;font-weight: bold;color: #fff;line-height: 50px;display: block;padding: 0 16px 0 44px;border-radius: 4px;text-decoration: none;
	background: url(../img/joshitabi/btn_arrow2@2x.png)no-repeat left 16px center #DB3F49;-webkit-background-size: 20px;background-size: 20px;transition: 0.3s;}

#world-heritage{padding-bottom: 64px;}
#world-heritage *{letter-spacing: 0;}
#world-heritage .main{height: auto;width: 100%;display: inherit;position: relative;
  background: url(../img/world-heritage/bg@2x.png)no-repeat center;-webkit-background-size: cover;background-size: cover;}
#world-heritage .main:before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #000;opacity: 0.1;}
#world-heritage .main_wrapper{display: table;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#world-heritage .main_inner{display: table-cell;vertical-align: middle;text-align: center;position: relative;z-index: 1;}
#world-heritage .main_inner h2{font-weight: bold;font-size: 26px;color: #fff;margin-bottom: 10px;line-height: 1em;text-shadow:0px 0px 10px #000000;}
#world-heritage .main_inner p{font-weight: bold;font-size: 14px;color: #fff;line-height: 1em;text-shadow:0px 0px 10px #000000;}
#world-heritage .lead{font-size: 14px;font-weight: bold;line-height: 1.8em;margin: 40px 0;padding: 0 5%;}
#world-heritage .box{background: #fff;padding: 20px;margin: 0 5% 32px;box-shadow:0px 3px 6px 0px rgba(0,0,0,0.1);}
#world-heritage .box .imgBox{margin-bottom: 24px;}
#world-heritage .box .imgBox .img{margin-bottom: 10px;}
#world-heritage .box .imgBox .priceBox{background: #FFF1EF;padding: 20px;}
#world-heritage .box .imgBox .priceBox h6{font-size: 15px;margin-bottom: 12px;line-height: 1em;}
#world-heritage .box .imgBox .priceBox p{font-size: 20px;font-weight: bold;color: #CE0000;line-height: 1em;}
#world-heritage .box .imgBox .priceBox p span{color: inherit;font-weight: inherit;font-size: 15px;}
#world-heritage .box .txtBox p{font-size: 13px;line-height: 1.8em;}
#world-heritage .box .txtBox .ttl{margin-bottom: 16px;}
#world-heritage .box .txtBox .ttl .ico{display: table-cell;vertical-align: middle;width: 20%;padding-right: 4%;}
#world-heritage .box .txtBox .ttl .ttl_inner{display: table-cell;vertical-align: middle;width: 76%;}
#world-heritage .box .txtBox .ttl .ttl_inner h4{font-size: 16px;font-weight: bold;margin-bottom: 5px;line-height: 1.2em;}
#world-heritage .box .txtBox .ttl .ttl_inner p{font-size: 14px;font-weight: bold;color: #CE0000;}
#world-heritage .btn{margin-top: 16px;text-align: center;}
#world-heritage .btn a{font-size: 14px;font-weight: bold;color: #fff;line-height: 50px;display: inline-block;padding: 0 16px 0 44px;border-radius: 4px;text-decoration: none;
	background: url(../img/joshitabi/btn_arrow2@2x.png)no-repeat left 16px center #DB3F49;-webkit-background-size: 20px;background-size: 20px;}

#world-heritage .btn_list{margin-top: 8px;font-size: 0;text-align: center;}
#world-heritage .btn_list li{width: 49%;display: inline-block;margin-top: 8px;text-align: left;}
#world-heritage .btn_list li:nth-of-type(2n){margin-left: 2%;}
#world-heritage .btn_list li a{font-size: 14px;font-weight: bold;color: #fff;line-height: 50px;display: block;padding: 0 16px 0 44px;border-radius: 4px;text-decoration: none;
	background: url(../img/joshitabi/btn_arrow2@2x.png)no-repeat left 16px center #DB3F49;-webkit-background-size: 20px;background-size: 20px;transition: 0.3s;}


#temp3{padding-bottom: 80px;}
#temp3 *{letter-spacing: 0;}
#temp3 .main{/*height: 450px;*/width: 100%;/*display: table;*/position: relative;margin-bottom: 40px;
  background: url(../img/world-heritage/bg@2x.png)no-repeat center;-webkit-background-size: cover;background-size: cover;}
#temp3 .main:before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #000;opacity: 0.3;}
#temp3 .main_wrapper{position: absolute;top: 0;left: 0;height: 100%;width: 100%;}
#temp3 .main_inner{position: absolute;left: 5%;bottom: 32px;}
#temp3 .main_inner p{font-weight: 600;color: #fff;font-size: 14px;margin-bottom: 28px;position: relative;letter-spacing: 0.1em;}
#temp3 .main_inner p:before{content: "";position: absolute;bottom: -20px;height: 17px;width: 96px;
	background: url(../img/temp3/line_f@2x.png)repeat-x left center;-webkit-background-size: auto 100%;background-size: auto 100%;}
#temp3 .main_inner h2{font-size: 22px;color: #fff;font-weight: bold;line-height: 1.4em;}
#temp3 .leadBox{padding: 0 5%;margin-bottom: 10px;}
#temp3 .leadBox .img{border-radius: 6px;overflow: hidden;margin-bottom: 20px;}
#temp3 .leadBox .txtBox h4{font-size: 20px;line-height: 1.7em;color: #41ADDD;font-weight: bold;letter-spacing: 0.1em;
    background: linear-gradient(transparent 92%, #41ADDD 0%);display: inline;}
#temp3 .leadBox .txtBox p{font-size: 13px;line-height: 2em;margin-top: 20px;}
#temp3 .scroll{width: 18px;margin: auto;}
#temp3 .cont{margin-top: -28px;position: relative;z-index: -1;}
#temp3 .box{margin-bottom: 64px;}
#temp3 .box:last-of-type{margin-bottom: 20px;}
#temp3 .box .headBox{position: relative;height: 150px;position: relative;overflow: hidden;margin-bottom: 32px;}
#temp3 .box .headBox .img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);height: 100%;width: 100%;
	-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
#temp3 .box .headBox .img img{filter: blur(3px);}
#temp3 .box .headBox .img:before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #000;opacity: 0.2;z-index: 1;}
#temp3 .box .headBox h3{text-align: center;z-index: 2;font-size: 20px;font-weight: bold;color: #fff;letter-spacing: 0.1em;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;
	-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);line-height: 1.2em;
	font-family: 'Lato', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#temp3 .box .headBox h3:before{content: "";width: 40px;height: 3px;background: #fff;position: absolute;bottom: -27px;left: 50%;margin-left: -20px;}
#temp3 .box .imgBox{margin: 0 5% 24px;}
#temp3 .box .imgBox .img1{width: 100%;height: 200px;overflow: hidden;margin-bottom: 16px;}
#temp3 .box .imgBox .img2{width: 60%;height: 180px;overflow: hidden;margin-left: 35%;}
#temp3 .box .imgBox .img3{width: 180px;height: 180px;overflow: hidden;border-radius: 50%;margin-top: -120px;margin-left: 5%;}
#temp3 .box .txtBox{margin: 0 5%;text-align: center;}
#temp3 .box .txtBox .label{line-height: 28px;font-size: 12px;color: #fff;letter-spacing: 0.2em;background: #41ADDD;padding: 0 14px;margin-bottom: 16px;display: inline-block;}
#temp3 .box .txtBox .ttl{border-left: 1px solid #000;border-right: 1px solid #000;position: relative;margin: 0 5% 20px;}
#temp3 .box .txtBox .ttl:before{content: "";width: 12px;height: 1px;background: #000;position: absolute;top: 0;left: 0;}
#temp3 .box .txtBox .ttl:after{content: "";width: 12px;height: 1px;background: #000;position: absolute;top: 0;right: 0;}
#temp3 .box .txtBox .ttl h4{padding: 6px 20px 12px;font-size: 18px;font-weight: bold;line-height: 1.4em;position: relative;}
#temp3 .box .txtBox .ttl h4:before{content: "";width: 12px;height: 1px;background: #000;position: absolute;bottom: 0;left: 0;}
#temp3 .box .txtBox .ttl h4:after{content: "";width: 12px;height: 1px;background: #000;position: absolute;bottom: 0;right: 0;}
#temp3 .box .txtBox .txt{padding-top: 34px;position: relative;font-size: 14px;line-height: 2.1em;text-align: left;}
#temp3 .box .txtBox .txt:before{content: "";position: absolute;top: 0;left: 50%;height: 17px;width: 106px;margin-left: -53px;
	background: url(../img/temp3/line_b@2x.png)repeat-x left center;-webkit-background-size: auto 100%;background-size: auto 100%;}
#temp3 .lastBox{text-align: center;}
#temp3 .lastBox .dot{margin: 0 auto 32px;width: 30px;}
#temp3 .btn a{font-size: 15px;font-weight: bold;color: #fff;line-height: 50px;display: inline-block;padding: 0 16px 0 44px;border-radius: 4px;text-decoration: none;
	background: url(../img/joshitabi/btn_arrow2@2x.png)no-repeat left 16px center #41ADDD;-webkit-background-size: 20px;background-size: 20px;}




#temp4 .main{position: relative;margin-bottom: 32px;}
#temp4 .overlay{position: absolute;top: 45%;left: 50%;transform: translate(-50%,-50%);width: 100%;text-align: center;}
/*#temp4 .overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 0 8%;}
#temp4 .overlay .wrapper{display: table;width: 100%;height: 100%;text-align: center;}
#temp4 .overlay .inner{display: table-cell;vertical-align: middle;}*/
#temp4 .overlay .img{margin-bottom: 24px;padding: 0 20%;}
#temp4 .overlay p{font-size: 16px;font-weight: bold;color: #fff;text-shadow: 0px 0px 10px #000000;display: inline-block;}

#temp4 .title{margin-bottom: 32px;padding: 0 5% 96px;
	background: url(../img/temp4/arrow@2x.png)no-repeat center bottom;-webkit-background-size: auto 64px;background-size: auto 64px;}
#temp4 .title .inner p{font-size: 16px;font-weight: bold;line-height: 1.8em;padding-left: 80px;
	background: url(../img/temp4/ico@2x.png)no-repeat center left;-webkit-background-size: 70px auto;background-size: 70px auto;}

#temp4 .content .inner_ttl{text-align: center;margin-bottom: 24px;}
#temp4 .content .inner_ttl .img{margin-bottom: 16px;padding: 0 20%;}
#temp4 .content .inner_ttl p{font-size: 16px;font-weight: bold;letter-spacing: 0.1em;}
#temp4 .content .box{position: relative;padding: 0 5% 64px;}
#temp4 .content .box span{position: absolute;top: 40px;left: 0;width: 80%;max-height: 725px;height: 60%;background: #E1EDF4;z-index: -1;}
#temp4 .content .box:nth-of-type(2n) span{right: 0;left: inherit;}
#temp4 .content .box .topBox{margin-bottom: 7px;}
#temp4 .content .box .bottomBox{margin-bottom: 7px;}
#temp4 .content .box .boxL{margin-bottom: 7px;}
#temp4 .content .box .inner_boxL{float: left;width: 49%;}
#temp4 .content .box .inner_boxR{float: right;width: 49%;}
#temp4 .content .box .bottomBox .inner_boxL{float: right;}
#temp4 .content .box .bottomBox .inner_boxR{float: left;}
#temp4 .content .box .parent{font-size: 0;}
#temp4 .content .box .item{overflow: hidden;position: relative;}
#temp4 .content .box .item img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#temp4 .content .box .item video{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: auto;height: 100%;}
#temp4 .content .box .item1{margin-bottom: 7px;}
#temp4 .content .box .item2{width: 49%;display: inline-block;margin-right: 2%;}
#temp4 .content .box .item3{width: 49%;display: inline-block;}
#temp4 .content .box .item4{margin-bottom: 7px;}
#temp4 .content .box .item7{margin-bottom: 7px;}
#temp4 .content .box .item10{margin-bottom: 7px;}
#temp4 .content .box .item11{width: 49%;display: inline-block;margin-right: 2%;}
#temp4 .content .box .item12{width: 49%;display: inline-block;}


.mainSlide {
	position:relative;
	width:100%;
	height:200px;
	margin-bottom:50px;
	transition:all 1.2s ease;
	overflow: hidden;
}
.mainSlide .slick-initialized{
	opacity:1;
	visibility:visible;
}
.slick-slide {
	position:relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.slick-slide video{
    display:block;
    /*position:absolute;
    top:50%;
    left:50%;*/
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    /*transform:translate(-50%, -50%);*/
}
.slick-slide iframe{
    position:relative;
    pointer-events:none;
}
.slick-slide .slide-image{
    height:100%;
    background-size:cover;
    background-position:center;
    transition:all .8s ease;
}
.slick-slide .slide-image.show{
	opacity:1;
}
.slick-slide .image-entity{
    width:100%;
    height:auto;
}
.slick-slide .slick-active{
    z-index:1;
}
.slick-dots {
	text-align: center;
	padding-top:15px;
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
}
.slick-dots li {
    display: inline-block;
    vertical-align: top;
    margin: 0 4px;
}
.slick-dots li button{
  width:8px;
  height:8px;
  border:none;
  cursor:pointer;
  border-radius:50%;
  border:1px solid rgba(0,0,0,0.6);
  box-shadow:0 0 0 0 transparent;
  vertical-align:middle;
  color:#23A5C4;
  background-color:#FFF;
  transition:all .3s ease;
  opacity:.5;
  text-indent: -99999px;
}
.slick-dots li button:focus{
	outline:none;
}
.slick-dots li button:hover{
	opacity:1;
}
.slick-dots li.slick-active button{
	opacity:1;
}

#temp_single_back{padding: 32px 0 24px;background: #f0f0f0;}



/* Add */

.pc_only{
    display: none;
}
#special{
    color: #333;
}
#special .main{
    position: relative;
    height: 214px;
    margin-top: 0px;
}
#special .main.main_hflex{
    position: relative;
    height: 57vw;
    min-height: 214px;
    max-height: 740px;
}
#special .spacial_kv{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    z-index: -1;
}
#special .main_wrapper{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
#special .main_wrapper .main_inner{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 50px 20px 0;
    z-index: 0;
    color: #FFF;
    text-align:center;
}
#special .main_wrapper .main_inner.main_bgblack{
    background: rgba(0,0,0,0.5);
}

#special.special_top .main_wrapper .main_inner{
    padding-bottom: 35px;
}
#special .main_wrapper .main_inner h2{
    margin-bottom: 16px;
    font-size: 30px;
    line-height: 38px;
    letter-spacing: 0.02em;
    font-family: serif;
}
#special.special_top .main_wrapper .main_inner h2{
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0.1em;
}
#special .main_wrapper .main_inner p{
    margin-bottom: 16px;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.02em;
}
#special .search_links_box{
    margin-top: -75px;
    margin-bottom: 32px;
    padding: 0;
}
#special .search_links{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    background: #FFF;
    border: 1px solid #E2E2E2;
    box-shadow: 0 3px 5px rgba(0,0,0,0.06);
    z-index:10;
}
#special .search_links li{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 25%;
    height: 70px;
    flex-grow: 1;
    border-right: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
}
#special .search_links:has(> :nth-child(5):last-child) li{
    width: 20%;
}
#special .search_links:has(> :nth-child(6):last-child) li{
    width: 33.3333%;
}
#special .search_links:has(> :nth-child(7):last-child) li{
    width: 25%;
}
#special .search_links:has(> :nth-child(8):last-child) li{
    width: 25%;
}
#special .search_links:has(> :nth-child(9):last-child) li{
    width: 33.3333%;
}
#special .search_links:has(> :nth-child(10):last-child) li{
    width: 20%;
}
#special .search_links:has(> :nth-child(11):last-child) li{
    width: 25%;
}
#special .search_links:has(> :nth-child(12):last-child) li{
    width: 25%;
}
#special .search_links li a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 100%;
    height: 70px;
}
#special .search_links li .search_link_icon{
  width: 28px;
  height: 28px;
}
#special .search_links li a span{
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: 0;
}
#special .category_tabs .tab_radio {
    display: none;
}
#special .category_tabs input[type="radio"] + label{
    margin-right: 0;
}
#special .category_tabs input[type="radio"] + label::before,
#special .category_tabs input[type="radio"] + label::after{
    display: none;
}
#special .category_tabs_wrapper{
    max-width: 100%;
    margin: 20px -12px;
    padding-left: 12px;
    padding-bottom: 12px;
    overflow-x: auto;
}
#special .category_tabs{
    display: flex;
    gap :22px;
}
#special .category_tabs .tab_menu {
    display: block;
    text-align: center;
    padding: 14px 0px;
    flex-shrink: 0;
    white-space: nowrap;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: 0;
    color: #888888;
}
#special .category_tabs .tab_radio:checked + .tab_menu{
    color: #333;
    border-bottom: 1px solid #4DC3EE;
}

#special .tab_contents .tab_content_item {
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: opacity .4s ease-in-out;
}

.pagelink_box:has(#tab1:checked) + .tab_contents #tabContent1,
.pagelink_box:has(#tab2:checked) + .tab_contents #tabContent2,
.pagelink_box:has(#tab3:checked) + .tab_contents #tabContent3,
.pagelink_box:has(#tab4:checked) + .tab_contents #tabContent4,
.pagelink_box:has(#tab5:checked) + .tab_contents #tabContent5,
.pagelink_box:has(#tab6:checked) + .tab_contents #tabContent6,
.pagelink_box:has(#tab7:checked) + .tab_contents #tabContent7,
.pagelink_box:has(#tab8:checked) + .tab_contents #tabContent8,
.pagelink_box:has(#tab9:checked) + .tab_contents #tabContent9,
.pagelink_box:has(#tab10:checked) + .tab_contents #tabContent10{
  overflow: visible;
  height: auto;
  opacity: 1;
}
#special .special_items{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 18px;
}
#special .special_item{
    width: calc(50% - 9px);
    flex-grow: 0;
}
#special .special_item_a{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}
#special .special_item_fig{
    width: 100%;
    max-width: 100%;
}
#special .special_item_fig img{
    aspect-ratio: 1.5;
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}
#special .special_item_catch{
    display: inline-block;
    padding: 1px 6px;
    font-size: 12px;
    line-height: 18px;
    color: #FFF;
    background: #4DC3EE;
    letter-spacing: 0.02em;
}
#special .special_item_ttl{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0.02em;
    color: #333;
}
#special .special_item_desc{
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #888;
    letter-spacing: 0.02em;
}
#special .goto_special_index{
    padding: 24px 0;
    text-align: right;
}
#special .goto_special_index a{
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 400;
    color: #333;
}
#special .content_wrapper{
    padding: 32px 12px;
    max-width: 100%;
    margin: auto;
}
#special .h_txt_1{
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.03em;
    font-weight: 500;
}
#special .h_txt_2{
    position: relative;
    margin-bottom: 12px;
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.02em;
    font-weight: 700;
}
#special .h_txt_2:after{
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background-color: #4DC3EE;
    margin-top: 12px;
}
#special .recommend_box{
    margin-bottom: 24px;
}
#special .recommend_items_wrapper{
    margin: 0 -12px;
    padding: 0 0 16px 12px;
    overflow-x: auto;
}
#special .recommend_items{
    display:flex;
    align-items: stretch;
    margin: 0 auto;
}
#special .recommend_item{
    display:flex;
    position: relative;
    flex-direction:column;
    width: 168px;
    min-width: 168px;
    margin-right: 6px;
    padding-right: 12px;
}
#special .recommend_item_shoulder{
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    padding: 2px 6px;
    font-size: 12px;
    line-height:18px;
    color: #FFF;
}
#special.special_top .recommend_item_shoulder{
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    padding: 5px 10px;
    font-size: 16px;
    line-height:20px;
    color: #FFF;
    font-weight: bold;
}
#special .recommend_item_fig{
    width: 100%;
    height: 136px;
    overflow: hidden;
}
#special .recommend_item_fig img{
    width: 100%;
    height: 136px;
    object-fit: cover;
    object-position: 50% 50%;
}
#special .recommend_item_ttl{
    padding: 10px 0 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    letter-spacing: 0;
    flex-grow: 3;
    color: #333;
}
#special .recommend_item_area{
    padding: 0 0 2px 0;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    color: #666666;
    letter-spacing: 0;
    flex-grow: 0;
}
#special .recommend_item_opt{
    padding: 8px 0 14px;
    flex-grow: 0;
    text-align: right;
}
#special .recommend_item_opt .memo{
    font-size: 12px;
    color: #666666;
    letter-spacing: 0;
}
#special .recommend_item_opt .price{
    font-size: 15px;
    color: #D3440F;
    letter-spacing: 0;
    font-weight: 700;
    margin-left: 8px;
}
#special .recommend_item_opt .price.black{
    color: #333;
}
#special .recommend_box .slick-list, #special .recommend_box .slick-slider, #special .recommend_box .slick-track{
    display: flex;
}
#special .recommend_box .slick-prev{
    display: block;
    width: 32px;
    min-width: 32px;
    margin-right: 12px;
    background: #fff url(../img/common/ar_prev.svg) no-repeat center center;
    text-indent: -9999px;
    transition: .3s;
    margin-left: -40px;
}
#special .recommend_box .slick-prev.slick-disabled{
     opacity: 0;
}
#special .recommend_box .slick-next{
    display: block;
    width: 32px;
    min-width: 32px;
    margin-left: 12px;
    background: #fff url(../img/common/ar_next.svg) no-repeat center center;
    text-indent: -9999px;
    transition: .3s;
    margin-right: -40px;
}
#special .recommend_box .slick-next.slick-disabled{
    opacity: 0;
}
#special .recommend_box .slick-track{
    padding-bottom: 8px;
}
#special .pagelink_box{
    padding-bottom: 8px;
}
#special .pagelinks{
    display:flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 24px 0;
}
#special .pagelinks .pagelink{
    display:flex;
    justify-content: center;
    align-items: stretch;
    border: 1px solid #D3D3D3;
    width: calc(33.33% - 4px);
    min-height: 70px;

}

#special .t1_pagelink_box .pagelinks{
    display:flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0px;
    margin: -32px -12px 24px;
}
#special .t1_pagelink_box .pagelinks .pagelink{
    display:flex;
    justify-content: center;
    align-items: stretch;
    border:none;
    border-right: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    width: 33.33%;
    min-height: 70px;
}
#special .t1_pagelink_box .pagelinks .pagelink:nth-child(3n){
    border-right: none;
}

#special .pagelinks .pagelink a{
    display: flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
    align-self: stretch;
    width: 100%;
    padding: 4px 2px 20px;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0;
    text-align: center;
    background: url(../img/common/ar_down.svg) no-repeat bottom center;
}
#special .s_content_box{
    margin-bottom: 12px;
    padding: 20px 0;
}
#special .s_content_box p{
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0;
    color: #454545;
}
#special .s_content_head{
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 28px;
}
#special .s_content_head .s_content_head_alpha{
    width: 100%;
}
#special .s_content_head .s_content_head_beta{
    width: 100%;
}
#special .s_content_head .s_content_head_beta:has(iframe) {
    width: 100%;
    aspect-ratio: 16 / 9;
}
#special .s_content_head .s_content_head_beta:has(iframe)  iframe {
    width: 100%;
    height: 100%;
}
#special .s_content_head .s_content_head_fig{

}
#special .s_content_items{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 16px;
    color: #454545;
}
#special .s_content_item{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    box-shadow: 0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;
}
#special .s_content_item_figs{
    position: relative;
    width: 100%;
    flex-grow: 0;
}

#special .s_content_item_figs .slick-prev{
    position: absolute;
    width: 32px;
    height: 32px;
    background: rgba(0,0,0,0.6) url(../img/common/ar_s_prev.svg) no-repeat center center;
    top: calc(50% - 16px);
    left:0;
    z-index:10;
    text-indent: -9999px;
    opacity: 1;
    transition: 0.3s;
}
#special .s_content_item_figs .slick-next{
    width: 32px;
    height: 32px;
    background: rgba(0,0,0,0.6) url(../img/common/ar_s_next.svg) no-repeat center center;
    position: absolute;
    top: calc(50% - 16px);
    right:0px;
    z-index:10;
    text-indent: -9999px;
    opacity: 1;
    transition: 0.3s;
}
#special .s_content_item_figs .slick-prev.slick-disabled{
    opacity: 0;
}
#special .s_content_item_figs .slick-next.slick-disabled{
    opacity: 0;
}
#special .s_content_item_figs .slick-dots{
    bottom: 0px;
}

#special .s_content_item_figs li img{
    aspect-ratio: 1.53;
    width: 100%;
    object-fit: cover;
}
#special .s_content_item_head{
    display: flex;
    flex-direction: column;
    padding: 16px 16px 12px;
    flex-grow: 0;
}
#special .s_content_item_ttl{
    flex-grow:1;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    letter-spacing: 0;
}
#special .s_content_item_area{
    flex-grow:0;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    letter-spacing: 0;
}
#special .s_content_item_catch{
    display: inline;
    align-self: flex-end;
    margin-top: 6px;
    margin-right: -2px;
    padding: 2px 6px;
    font-size: 13px;
    line-height: 18px;
    color: #FFF;
}
#special .s_content_item_opt{
    display:flex;
    flex-direction: column;
    align-items: flex-end;
    flex-grow:0;
    margin-top: 4px;
}
#special .s_content_item_opt .memo{
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
}
#special .s_content_item_opt .price{
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #D3440F;
    letter-spacing: 0;
}
#special .s_content_item_opt .price.black{
    color: #333333;
}
#special .s_content_item_body{
    display: flex;
    flex-direction: column;
    margin-top: 0;
    padding: 0px 16px 12px;
    flex-grow: 3;
}
#special .s_content_item_desc{
    flex-grow: 5;
}
#special .s_content_item_desc p{
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0;
    text-align : justify;
}
#special .s_content_item_features{
    display: flex;
    margin-top: 12px;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    flex-grow: 0;
}
#special .s_content_item_features span{
    padding: 4px 8px;
    border: 1px solid #EBEBEB;
    font-size: 13px;
    line-height: 19px;
    color: #454545;
    font-weight: 400;
    letter-spacing: 0;
}
#special .s_content_item_btns{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 0px 14px 16px;
    flex-grow: 0;
    gap: 10px;
}
#special .s_content_item_btn{
    width: 100%;
}
#special .s_content_item_btn .s_btn{
    display: flex;
    gap: 8px;
    padding: 10px 4px 10px 10px;
    background: #0F9ED3;
    border-radius: 5px;
    color: #FFF;
}
#special .s_content_item_btn img{
  width: 24px;
}
#special .s_content_item_btn span{
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    color: #FFF;
    letter-spacing: 0;
}
#special .s_content_cat{
    padding-bottom: 80px;
}
#special .s_content_cat .s_content_head{
    margin-bottom: 12px;
}
#special .s_content_body{
    display: flex;
    flex-direction: column;
    gap: 40px;
}

#special .s_contents_box{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

#special .s_contents_box_ttl{
    display: block;
    width: 100%;
    margin-bottom: 12px;
    padding: 4px 6px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    background: #F5F5F5;
    letter-spacing: 0.02em;
}

#special .s_contents_box_main{
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 20px;
}
#special .s_content_item_figs{
    width: 100%;
}
#special .s_content_texts{
    width: 100%;
    color: #454545;
}
#special .s_content_texts h5{
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 14px;
    letter-spacing: 0;
}
#special .s_content_texts p{
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0;
}
#special .s_content_texts .s_content_item_btns{
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 20px;
    padding: 0;
}
#special .s_content_texts .s_content_item_btns .s_content_item_btn{
    width: calc(50% - 5px);
}
#special .s_contents_box.layout_e {
    display: flex;
    width: 100%;
}
#special .s_contents_box.layout_e .s_contents_box_main{
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 20px;
}
#special .s_content_item_figs{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 16px;
}
#special .s_contents_box.layout_e .s_content_item_figs li{
    width: 100%;
}
#special .s_related_box{
    margin-bottom: 4px;
    padding: 0 0 20px 0;
}
#special .s_related_items_wrapper{
    width: calc(100% + 24px);
    margin:0 -12px;
    padding:0 12px 12px;
    overflow-x: auto;
}
#special .s_related_items{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
}
#special .s_related_item{
    width: 156px;
    flex-shrink: 0;
}
#special .s_related_item a{
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}
#special .s_related_item a img{
    width: 100%;
    aspect-ratio: 1.5;
    object-fit: cover;
    object-position: 50% 50%;
}
#special .s_related_item a span{
    padding: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #333;
}

.gallery-area{
    padding: 0 0 60px;
}
.gallery-show{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 8px 16px;
    border: 1px solid #0F9ED3;
    color: #0F9ED3;
    font-size: 15px;
    border-radius: 5px;
    white-space: nowrap;
}
.gallery-show:hover{
    cursor: pointer;
    opacity: 0.75;
}
.gallery-show img{
    width: 24px;
}
#gallery{
    display:none;
    position: fixed;
    top: 0;
    left:0;
    background: #FFF;
    width: 100vw;
    height: 100vh;
    z-index:10000;
}
#gallery .gallery-head{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    width: 100%;
    height: 52px;
    z-index: 100;
    background: #fff;
}
#gallery .gallery-ttl{
    padding: 4px 12px;
    color: #333;
    font-size: 16px;
    font-weight: bold;
}
#gallery .gallery-close span{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    background: #666;
    color: #fff;
    font-size: 36px;
    transition: .3s;
    letter-spacing: 0;
    overflow: hidden;
}
#gallery .gallery-close span:hover{
    background: #ababab;
    cursor: pointer;
}
#gallery .gallery-body{
    display: flex;
    flex-direction: column;
    justify-content: flex-strat;
    margin-top: 52px;
    width: 100%;
    height: calc(100vh - 52px);
    overflow-y: hidden;
}
#gallery .gallery-main{
    flex-shrink: 0;
    align-self: stretch;
    width: 100%;
    background: #999;
}
#gallery .gallery-sub{
    align-self: stretch;
    width: 100%;
    padding: 12px;
    overflow-y: auto;
}
#gallery .gallery-thumbnails .slick-track {
  transform: unset !important;
  width: 100% !important;
  display: flex;
  justify-content: flex-start;
  flex-flow: row wrap;
  gap: 8px 2%;
}
#gallery .gallery-thumbnails .slick-slide {
    display: block!important;
    float: none !important;
    flex: 0 0 32%;
}
#gallery .gallery-thumbnails img{
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
}
#gallery .slick-track:after, #gallery .slick-track:before{
    display: none;
}
#gallery .gallery-thumbnails .slick-slide img{
    border: 3px solid #FFFFFF;
    transition: 0.3s;
}
#gallery .gallery-thumbnails .slick-slide.slick-current img{
    border: 3px solid #0F9ED3;
}
#gallery .fig-caption{
    position: absolute;
    background: rgba(0,0,0,0.5);
    width: 100%;
    color: #FFF;
    padding: 4px 8px;
    font-size: 14px;
}
#special.mod .main_wrapper{
padding-top: 0;
}
#special.mod .main_wrapper .main_inner{
padding-top: 50px;
}