@charset "utf-8";

/*////////////////////////////////////////////////////////

css/style.css

/////////////////////////////////////////////////////////*/
/* ----------------------------------------------- 
	
	1: pc
	
	2: Font 

	3: contents
	
	4: table

	
 ----------------------------------------------- */
 
/* --------------------------------------------
1: pc
-------------------------------------------- */
body {font-family: Montserrat,��S�V�b�N,Hiragino Kaku Gothic ProN,�q���M�m�p�S ProN W3,Meiryo,���C���I,sans-serif;}
::selection {background:rgb(255 230 225);}
#main{display: inline-block !important;height: auto !important;}
main.mainin{display: block !important;}
.mainin_inner a{color:#e37968 !important;}
.mainin_inner a:hover{opacity: 0.7;}
.main_ttl{width: 100%;}
.main_ttl img{width: 100%;}
.news_txt{color: #e37968;font-size: 30px;text-align: center;margin: 20px;}

.youtube_sp{display:none;}
.sns_in{position: absolute;top: 40px;right: 0;}
#twitter-widget-0{ vertical-align: bottom;}
.sns_in span img{vertical-align: bottom;}
.sns_in_sp{display: none;}
.twitter-share-button{vertical-align: bottom;}
.line-it-button{vertical-align: bottom;}

p.ttl{font-size: 20px;padding: 20px;color: #895661;text-align: center;}
p.txt1{font-size: 20px;margin: 0 auto;text-align: center;padding: 0.5em;color:#8c562b;font-weight: bold;}

.list-mv{opacity: 0;transform: translate(0,60px); -webkit-transform: translate(0,60px); }
.mv{opacity: 1.0;transform: translate(0,0); -webkit-transform: translate(0,0);}

.sns{list-style-type: none;overflow: hidden;margin: 50px auto;text-align: center;}
.sns li{display: inline-block;transition: .8s;margin-bottom: 10px;margin: 5px;width : calc(93% / 4) ;}
.sns li a{display:block;}
.sns li img{width :100%;}

.img1{margin: 0 auto;}
.pc_none1{width: 60%;display: inline-block;text-align: center;}
.sp_none1{width: 20%;display: inline-block;text-align: center;}
.pc_none1 img{display: block;width: 510px;height: auto;margin: 0 auto;}
.sp_none1 img{display: block;width: 163px;height: auto;margin: 0 auto;}
br.sp_none1{display:block;}
.pc_navi a:hover img{filter:alpha(opacity=100) !important;-moz-opacity: 1 !important;opacity: 1 !important;}
.sns li a:hover img{filter:alpha(opacity=100) !important;-moz-opacity: 1 !important;opacity: 1 !important;}
.sns li:nth-child(4){margin-right: 13px;}

iframe{margin: 50px auto;display: block;}


#page-top a {text-decoration: none;width: 100px;display: block;}
#page-top a:hover {text-decoration: none;}
#footer{margin: 100px auto 10px auto;color: #898989;font-size: 12px;line-height: 1.7em;}

.page-top {position: fixed;right: 10px;display: block;}

/*layout*/
.wrapper {position:relative;}

/*menu*/
a.hamburger{background-image: url(../img/menu_icon.png);background-size: 70px 70px;margin: 10px;text-align: center;}
.fat-nav,.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before{-moz-transition-duration:.4s;-o-transition-duration:.4s;-webkit-transition-duration:.4s}
.hamburger{display:block;width:70px;height:70px;position:fixed;top:0;left:0;z-index:1000;padding:12px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation}
.hamburger__icon{position:relative;margin-top:17px;margin-bottom:7px;margin-left: 9px;}
.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before{display:block;width:25px;height:2px;background-color: #FFF; -moz-transition-property:background-color,-moz-transform;-o-transition-property:background-color,-o-transform;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,transform;transition-duration:.4s}
.hamburger__icon:after,.hamburger__icon:before{position:absolute;content:"";visibility: inherit;}
.hamburger__icon:before{top:-7px}.hamburger__icon:after{top:7px}
.hamburger.active .hamburger__icon{background-color:transparent}
.hamburger.active .hamburger__icon:after,.hamburger.active .hamburger__icon:before{background-color:#fff}
.hamburger.active .hamburger__icon:before{-moz-transform:translateY(7px)rotate(45deg);-ms-transform:translateY(7px)rotate(45deg);-webkit-transform:translateY(7px)rotate(45deg);transform:translateY(7px)rotate(45deg)}
.hamburger.active .hamburger__icon:after{-moz-transform:translateY(-7px)rotate(-45deg);-ms-transform:translateY(-7px)rotate(-45deg);-webkit-transform:translateY(-7px)rotate(-45deg);transform:translateY(-7px)rotate(-45deg)}
.fat-nav{top:0;left:0;z-index:999;position:fixed;display:none;width:100%;height:100%;background:#ffffffeb;-moz-transform:scale(1.4);-ms-transform:scale(1.4);-webkit-transform:scale(1.4);transform:scale(1.4);-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-webkit-transition-property:-webkit-transform;transition-property:transform;transition-duration:.4s;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.fat-nav__wrapper{width: 1024px;margin: 0 auto;height:100%;display:table;table-layout:fixed}.fat-nav.active{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.fat-nav ul{display:table-cell;vertical-align:middle;margin:0;padding:0}
.fat-nav li{list-style-type:none;text-align:center;padding:10px;font-size:3em}
.fat-nav li,.fat-nav li a{color: #898989;}
.fat-nav li a:hover{color: #f19789;}
.fat-nav li a{text-decoration:none}

.fat-nav li span{font-size: 0.7em;color: #e93a1e;font-weight: normal;}
.fat-nav li img.icon{max-width: 30px; margin-bottom: 0.2rem;}

.fat-nav__wrapper
.fat-nav.active{box-sizing: border-box;}

#footer {background-image: none;text-align: center;}

@media only screen and (max-device-width: 0), screen and (max-width: 1260px){
.fat-nav.active{padding: 0;}
}

@media only screen and (max-device-width: 0), screen and (max-width: 768px){
.fat-nav li{font-size: 2em;}
.fat-nav li img.icon{max-width: 20px;}
.fat-nav__wrapper{width:100%;padding-top: 4em;}
.fat-nav ul{display: block;width: 100%;}
}

@media only screen and (max-device-width: 700px), screen and (max-width: 768px){

.sns li{display: inline-block;width: 32%;}
.sns_in_sp{display: none !important;}
#footer{padding-top: 5%;}
}
@media only screen and (max-device-width: 0), screen and (max-width: 599px){
.topics{text-align: left;}
.topics li{width: 49%;}
.sns li{width: 80%;display: block;margin: 1% auto;}
.sns_in_pc{display: none !important;}
.sns_in_sp{display: block !important;position: inherit;margin: 0 auto;text-align: center;}

#page-top a{width: 50%;margin: 0 auto;}
#page-top a img{width: 100%;}
#page-top a:hover{width: 50%;margin: 0 auto;}
#page-top a:hover img{width: 100%;}
.page-top {right:0;padding:0;margin: 20px 0;}
#footer{text-align: left;padding: 5%;box-sizing: border-box;font-size: 70%;}
#footer span{text-align: center;display:block;}
}
@media only screen and (max-device-width: 0), screen and (max-width: 768px){
main.mainin{width: 100%;}

#colorbox{width: 100% !important;height: auto !important;box-sizing: border-box;}
#cboxWrapper{width: 100% !important;height: 100% !important;}
#cboxLoadedContent{width: 100% !important;height: 50% !important;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;}
#cboxClose {position: inherit;right: 0;left: 0;margin: 0 auto 30% auto;background: none;width: 74px;height: auto;text-indent: inherit;text-align: center;display: block;clear: both;float: none;font-size: 25px;width: 100%;color: #3F3A39;}


#cboxContent{width: 100% !important;height: 100% !important;}
#colorbox, #cboxOverlay, #cboxWrapper{}
iframe{width: 90%;}
.news_txt{font-size: 120%;margin: 5%;}
.logo_sns{width: 90%;margin: 1% auto;position: inherit;}
.logo_sns .logo{width: 30%;margin: 1%;display: block;}
.logo a{width: 100%;}
.logo img{width: 100%;}
.logo_sns .sns_in{position: inherit;display: block;text-align: right;width: 100%;}

.mainin h2{width: 100%;height: auto;position: inherit;}
.mainin h2 img{width: 100%;position: inherit;}

p.ttl{font-size: 100%;text-align: left;}
p.txt1{font-size: 115%;text-align: left;padding: 2% 0;}

.br-sp { display:none; }


.sns{margin: 5% auto;text-align: center;}
.sns img{width: 90%;}
.sns li:nth-child(4){margin-right: inherit;}


.img1{width: 98%;}
.img2{width: 50% !important;}

.pc_none1{display: none;}
br.sp_none1{display: none;}
.sp_none1{width: 90%;}
.sns_in{ width:98%;display: inline-block;}
.boxin {padding: 0;width: 98%;margin: 0 auto;}

#footer{margin: 15% auto 2% auto;}
}

/* --------------------------------------------
3: contents
-------------------------------------------- */
.mainin_inner{padding-top: 100px;}
h2{color: #e37968;font-size: 30px;text-align: center;margin: 130px 0 72px;}
h2:first-child{margin: 73px 0 72px;}
h2 span{display: block;border: 1px solid;width: 40px;margin: 20px auto 0 auto;font-size: 0;}
.txt2{width: 855px;margin: 0 auto;line-height: 34px;letter-spacing: .053em;font-size: 1rem;}
.image{margin: 50px auto;text-align: center;}
.image li{display: inline-block;transition: .8s;margin-bottom: 10px;margin: 5px;}
.image li a{display:block;}
.txt3{text-align: center;font-size: 2rem;margin-bottom: 10px;}
.txt3 span{font-size: 1.2rem;display: block;}

.width4{width: 420px;}
.width5{width: 720px;}
.width6{width: 600px;}
.margin-bottom50{margin-bottom: 50px;}

.accordion{position: relative;margin-bottom: 10em;}
.more .open{position: absolute;top: 50px;right: 0px;left: 0px;font-size: 20px;margin: auto;display: block;text-align: center;}
.more .close{position: absolute;top: 50px;right: 0px;left: 0px;font-size: 20px;margin: auto;display: block;text-align: center;}


/*ブログ*/
.news{background: #fff; width:1000px; margin:0 auto;}
.news ul{display: flex;flex-wrap: wrap;}
.news ul li{vertical-align: top;list-style-type: none;zoom: 100%;line-height: 1.7em;font-size: 12px;margin:.6rem;width: calc((100% - 6.5em) / 4 );}
.news ul img{height: auto;margin: 0 auto;vertical-align: middle;width: 100%;max-width: 230px;height:auto;}
span.title{color: #898989;line-height: 1.7em;display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0 0.5em;}
.news ul li span.date{font-size: 12px;font-weight: bold;color: #898989;}
.news ul li a.tpLink{padding: 10px 0 0 0;width: 330px;display: block;float: right;}
.date {color: #898989;}
#box_img{display: inline-block;max-width: 230px;}
span.news{font-size: 12px;color: #e37968;text-align: left;margin-right: 5px;}
span.news img{max-width: 80px;height: auto;}




@media only screen and (max-device-width: 0), screen and (max-width: 599px){
.mainin_inner{padding-top: 50px;}
h2{font-size: 1.5rem;margin-bottom: 5rem;}
h2:first-child{margin-bottom: 5rem;}
.txt2{width: 100%;padding: 0 5%;box-sizing: border-box;}
.image{padding: 0 5%;box-sizing: border-box;margin: 50px auto 0 auto;}
.image img{width: 100%;}
.txt3{font-size: 1.5rem;}
.width4{width: 100%;}
.width5{width: 100%;}
.width6{width: 100%;}
.margin-bottom50{margin-bottom: 50px;}
.accordion{margin-bottom: 5em;}

/*ブログ*/
.news{width:100%;}
.news ul{width: 98%;}
.news ul li{width: 100%;box-sizing: border-box;padding: 2% 5%;display: block;margin: 0 auto;}
#box_img {width: 100%;display: flex;max-width: inherit;}
#box_img a:nth-child(1){width: 25%;}
#box_img a:nth-child(2){width: 75%;}
.news ul li:nth-child(n + 6){display: none;}
span.title{text-align: left;display: inline-block;display: -webkit-box;-webkit-line-clamp: 4;box-sizing: border-box;vertical-align: top;font-size: 100%;}

}
@media only screen and (max-device-width: 321px), screen and (max-width:599px){
.more .open{top: 2em;}
.more .close{top: 2em;}
}
@media only screen and (max-device-width: 0), screen and (max-width: 320px){
.more .open{top: 3.5em;}
.more .close{top: 3.5em;}
}