/*  釧路ママコレ
--------------------------------------------------------*/
/*  https://
--------------------------------------------------------*/



@charset "shift_jis";
a:link {text-decoration: none;} 
a:visited {text-decoration: none;} 
a:hover {text-decoration: none;} 
body { margin:0px;padding:0px;}
body { width: 100%;position:relative;}
body { background-color: rgba(255,255,255,1.0); }
body { width: 100%;position: relative;background: url(../img/bg.jpg) top center repeat-y;background-attachment: ;z-index:1;}
body, th, td, div, font { line-height: 1.5; }
body { font-family: 'Noto Sans JP', sans-serif;}
body { font-size: 16px;font-size: 1.6rem;   /* sets the default sizing to make sure nothing is actually 10px */}
html { font-size: 62.5%; /* sets the base font to 10px for easier math */}


::-webkit-scrollbar-track {background: #fff;border-radius: 5px;}
::-webkit-scrollbar { width: 12px;height: 10px;}
::-webkit-scrollbar-thumb {background: #d8d8d8;border-radius: 5px;}

ul, ol, ul li, ol li { list-style: none;}
img, a img { border: 0px none; vertical-align: bottom;}
object {vertical-align : middle;outline : none;}
form{margin:0px;}
input{margin:0px;}form{margin:0px;}
iframe{ vertical-align: bottom;}

@font-face {font-family: 'Pinyon Script', cursive;font-style: ;src: url(''),url('../font/PinyonScript-Regular.ttf') format('truetype');}
@font-face {font-family: 'Noto Sans JP', sans-serif;font-style: ;src: url(''),url('../font/NotoSansJP-Light.otf') format('opentype');}
@font-face {font-family: 'Noto Sans JP', sans-serif;font-style: ;src: url(''),url('../font/NotoSansJP-Thin.otf') format('opentype');}
@font-face {font-family: 'Noto Sans JP', sans-serif;font-style: ;src: url(''),url('../font/NotoSansJP-Medium.otf') format('opentype');}

.font-script {font-family: "Pinyon Script", cursive; letter-spacing: -0.5px;}
.mincho { font-family:"游明朝","YuMincho","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E",serif;}
@media screen and (max-width: 640px) {
.mincho { font-family:"Sawarabi Mincho", serif;}
}

@-webkit-keyframes light {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

@media screen and (max-width: 640px) {.sp_none {display: none !important;}}
@media screen and (min-width: 640px) {.pc_none {display: none !important;}}

@keyframes fuwafuwa {
  0% {transform:translate(0,0) rotate(0deg);}
  50% {transform:translate(0,-20px) rotate(0deg);}
  100% {transform:translate(0,0) rotate(5deg);}
}
@media screen and (max-width: 640px) {.sp_none {display: none !important;}}
@media screen and (min-width: 640px) {.pc_none {display: none !important;}}

.marker_pink { background: linear-gradient(transparent 70%, #ffa2a6 60%);}
.marker_pink { background: linear-gradient(transparent 40%, #ffa2a6 40%);display: inline; }


h1 { margin: 0px;padding: 0px;}
h2 { margin: 0px;padding: 0px;}
h3 { margin: 0px;padding: 0px;}
.clear { display: none;}


/* アニメーション */

.delighter.delighter {transition: all .6s ease-out;transform: translateY(30%);opacity: 0;}
.delighter.delighter.started { transform: none;opacity: 1;}
.delighter.delighter.started.ended {}
.delighterL.delighter {/* 左から */transition:all .6s ease-out;transform:translateX(-15%);opacity:0}
.delighterR.delighter {/* 右から */transition:all .6s ease-out;transform:translateX(15%);opacity:0}

.img_wrap{position: relative;overflow: hidden;}
.img_fadein::before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #fff;z-index: 2;transition: .5s;}
.img_fadein.show::before{transform: translateX(100%);}
.img_fadein img{opacity: 0;transition: .5s;}

.img_fadein.show img{opacity: 1;}



/* 画像左から */

.flipLeft{animation-name: flipLeft;animation-duration:0.5s;animation-fill-mode:forwards;perspective-origin: left center;opacity: 0;}
@keyframes flipLeft{from {transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);opacity: 0;}
 to {transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);opacity: 1;}
}

.wrapper { right:0px;left:0px;margin: auto auto;}


/* HEADER */

#header { background-color: rgba(255,255,255,1.0);border-bottom: 1px solid #ffebe1;position: fixed;top: 0 ;text-align:center;}
#header { width: 100% ;height: 130px;margin: 0 ;padding: 0px 0px;z-index:8888;}
#header.scroll-nav { width: 100% ;height: 100px;margin: 0 ;padding: 0px 0px;transition: 0.5s;z-index:5;}
#header.scroll-nav .logo { max-width: 220px;position:absolute;top:25px;left: 30px;z-index: 3;}
#header .logo { max-width: 220px;position:absolute;top: 25px;left: 30px;z-index: 3;transition: 0.5s;}
#head_content { padding: 130px 0px 0;}

@media only screen and (max-width:768px) {
#header { width: 100% ;height: 80px;padding: 0px 0px;}
#header.scroll-nav { width: 100% ;height: 80px;padding: 0px 0px;}
#header.scroll-nav .logo { max-width: 180px;position:absolute;top:20px;left: 15px;}
#header .logo { max-width: 180px;position:absolute;top: 20px;left: 15px;z-index: 3;transition: 0.5s;}
#head_content { padding: 80px 0px 0;}
}
/*メニューボタン*/

.openbtn{ position: fixed;top:15px;right:15px;width: 80px;height:80px;cursor: pointer;background:#;z-index:9999;}
.openbtn span{ display: inline-block;transition: all .4s;position: absolute;height: 2px;background-color: #333;}
.openbtn span:nth-of-type(1) {top:25px;left: 15px;width: 50px;}
.openbtn span:nth-of-type(2) {top:35px;left: 15px;width:35px;}
.openbtn.active span:nth-of-type(1) {top: 28px;left: 16px;transform: translateY(10px) rotate(-45deg);width: 50px;}
.openbtn.active span:nth-of-type(2) {top: 48px;left: 16px;transform: translateY(-10px) rotate(45deg);width: 50px;}

@media only screen and (max-width:640px) {
.openbtn{ position: fixed;top:10px;right:10px;width: 60px;height:60px;cursor: pointer;background:#;z-index:9999;}
.openbtn span{ display: inline-block;transition: all .4s;position: absolute;height: 2px;background-color: #333;}
.openbtn span:nth-of-type(1) {top:25px;left: 10px;width: 40px;}
.openbtn span:nth-of-type(2) {top:35px;left: 10px;width:25px;}
.openbtn.active span:nth-of-type(1) {top: 25px;left: 10px;transform: translateY(5px) rotate(-45deg);width: 40px;}
.openbtn.active span:nth-of-type(2) {top: 35px;left: 10px;transform: translateY(-5px) rotate(45deg);width: 40px;}
}

/* MENU */

.slide_wrap { position: fixed;top: 0;right: 0;z-index:9000;width: 100%;height:%;overflow: auto;-webkit-overflow-scrolling: touch;background: rgba(255,255,255,1.0);border-bottom: 1px solid #f0f0f0;text-align:center;}
.slide_wrap { moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.slide_wrap { padding: 30px 20px 100px;pointer-events: none;opacity: 0;transition: opacity .3s linear;z-index:8888;}
.slide_wrap.is-active{ pointer-events: auto;opacity: 1;}
.slide_wrap .logo{ max-width:250px;margin: 20px 0; }

ul.sp_menu { max-width: 1000px;padding: 0px 0px;border-top: 1px solid #e1decf;border-left: 1px solid #e1decf;border-radius: 0px;right:0px;left:0px;margin:20px auto;}
ul.sp_menu:after {content: "";display: block;clear: both;}
ul.sp_menu li { float: left;width: 50%;border-right: 1px solid #e1decf;border-bottom: 1px solid #e1decf;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.sp_menu li a { margin: 0px;padding: 20px 0px;display: block; text-decoration: none;text-align:center;}
ul.sp_menu li a { font-size: 16px;color: #333;font-weight:normal;letter-spacing: 0.05em;text-indent:0.05em;}
ul.sp_menu li a:hover { background-color: #f4f3ee;text-decoration: none;}
@media screen and (max-width: 640px) {
ul.sp_menu li a { margin: 0px;padding: 15px 0px;display: block; text-decoration: none;text-align:center;}
ul.sp_menu li a { font-size: 13px;color: #222;font-weight:normal;letter-spacing:1px;transition: all .3s;}
}


/* MAIN */

.wrapper { margin: 0px;padding: 0px ;text-align: center;overflow: hidden;}
.wrapper { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.main_wrap { max-width: 830px; background-color: rgba(244,244,236,1.0);padding: 10px 15px;position:relative;right:0px;left:0px;margin:auto auto;text-align: center;}
.main_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.main_wrap .gaku01 { max-width: 350px;position:absolute;top:50px;left:-250px;transform: rotate(-10deg);z-index:-1;}
.main_wrap .gaku02 { max-width: 350px;position:absolute;top:350px;left:-250px;transform: rotate(15deg);z-index:1;}
.main_wrap .gaku03 { max-width: 350px;position:absolute;top:420px;right:-200px;transform: rotate(10deg);z-index:-1;}
.main_wrap .gaku04 { max-width: 280px;position:absolute;top:750px;right:-170px;transform: rotate(-10deg);z-index:1;}
.main_wrap .rose01 { max-width: 350px;position:absolute;top:580px;left:-200px;transform: rotate(-10deg);z-index:1;}
@media screen and (max-width: 640px) {
.main_wrap { padding: 15px 10px;position:relative;}
}


.title { max-width:830px;background-image: url(../img/bg_tl.png);background-size: 139px 168px;background-repeat: repeat; margin: 0px ;padding: 30px 0px;position:relative;right:0px;left:0px;margin:auto;text-align: center;z-index:0;}
.title .inner { max-width: 100%;background:linear-gradient(to right, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.0) 100%);margin: 0px;padding: 30px ;position:relative;}
.title .inner { font-family: 'Noto Serif JP', sans-serif;font-size: 15px;color: #a9014c;font-weight:normal;letter-spacing:1px;text-align: center;position: relative;z-index:1;}
@media only screen and (max-width:640px) {
.title { max-width:830px;background-image: url(../img/bg_tl.png);background-size: 139px 168px;background-repeat: repeat; margin: 0px ;padding: 20px 0px;position:relative;right:0px;left:0px;margin:auto;text-align: center;}
.title .inner { max-width: 100%;background:linear-gradient(to right, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.0) 100%);margin: 0px;padding: 20px ;position:relative;}
}

.main_tl { padding: 10px 0px;margin: 20px 0px 10px;font-family: 'Oswald', sans-serif;position:relative;}
.main_tl { font-size: 2.3rem;color: #f8a69e;font-weight: normal;letter-spacing:5px;text-align: center;}
.main_tl span { padding: 0px 0px;font-size: 13px;color: #a69b87;font-weight:normal;letter-spacing:2px;display: block;}
@media screen and (max-width: 640px) {
.main_tl { font-size: 2.0rem;color: #f8a69e;font-weight: normal;letter-spacing:5px;text-align: center;}
.main_tl span { padding: 0px 0px 0px;font-size: 12px;color: #a69b87;font-weight:normal;letter-spacing:1px;display: block;}
}

.btn_more a { max-width: 400px;background-color: #c91755; border: 1px solid #b6134c;display: block;margin: 0;padding: 18px 0px;position: relative;right:0px;left:0px;margin:20px auto;text-align:center;z-index:3;}
.btn_more a { font-family: 'Noto Serif JP', sans-serif;font-size: 12px;color: #fff;font-weight:normal;letter-spacing: 0.05em;text-indent:0.05em;line-height: 1.5;text-decoration: none;}
.btn_more a { -webkit-transition: all .3s;transition: all .3s;display: block;position: relative;}
.btn_more a::after { position:absolute;  top: 45%;right: 25px;transform: translateY(-50%) ;-webkit- transform: translateY(-45%) ;content:"";}
.btn_more a::after { content: '';width: 22px;height: 5px;border-bottom: solid 1px;border-right: solid 1px;border-color: #fff;transform: skew(45deg);transition: all .3s;}
.btn_more a:hover::after { border-color: #333;right:15px;}
.btn_more a:hover { background-color: #fff;color: #333; }
@media screen and (max-width: 640px) {
.btn_more a { max-width: 280px;background-color: #c91755; border: 1px solid #b6134c;display: block;margin: 0;padding: 15px 0px;position: relative;right:0px;left:0px;margin:10px auto;text-align:center;}
}





/* TOP */


.main_visual { background: #;position: relative;;display: flex;justify-content: center;align-items: center;text-align:center;}
.main_visual { max-width: 830px;height: calc(100vh / 1 - 130px);margin: 0;padding: 0px 20px ;background : transparent url(../img/main_visual.jpg) no-repeat center top;background-position: 50% 50%;background-size: cover;position: relative;right:0px;left:0px;top:0px;margin:auto auto;text-align:center;z-index:-1;}
.main_visual { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.main_visual .inner { max-width: 100%;margin: 0px;padding: 10px 15px ;position: relative;background:linear-gradient(to right, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.0) 100%);z-index:3;right:0px;left:0px;margin: auto auto;}
.main_visual .inner { border-top: 1px solid #616161;border-image: linear-gradient(to right, rgba(255,255,255,0.0) 0%,rgba(159,151,147,0.8) 50%, rgba(255,255,255,0.0) 100%);border-image-slice: 1;}
.main_visual .inner { border-bottom: 1px solid #616161;border-image: linear-gradient(to right, rgba(255,255,255,0.0) 0%,rgba(159,151,147,0.8) 50%, rgba(255,255,255,0.0) 100%);border-image-slice: 1;}
@media screen and (max-width: 640px) {
.main_visual { min-height: 650px;margin: 0;padding: 0px 10px ;background : transparent url(../img/main_visual.jpg) no-repeat center top;background-position: 50% 50%;background-size: cover;position: relative;right:0px;left:0px;top:0px;margin:auto auto;text-align:center;z-index:-1;}
}



#top_catch { max-width:800px;padding: 20px 10px ;font-family: 'Noto Serif JP', sans-serif;right:0px;left:0px;margin:auto auto;text-align: center;}
#top_catch .tl { margin: 0px ;padding:5px 0px;position:relative;font-size:1.1em;color: #222;font-weight: normal;letter-spacing: 0.1em;text-indent:0.1em;line-height: 1.5;text-align: center;}
#top_catch .tcwrap{ max-width: 450px; background-color: rgba(201,23,85,0.7);margin: 10px 0;padding: 20px 10px ;}
#top_catch .txt { margin: 0px;padding:10px ;font-size: 16px;color: #fff;line-height: 1.8;font-weight: normal;letter-spacing: 0.1em;text-indent:0.1em;text-align: center;}
#top_catch .txt span{padding-bottom: 1px;display: inline; background:linear-gradient(transparent 70%, rgba(255,146,173,0.4) 0%);}
#top_catch .logo { max-width: 170px;margin: 10px 0px;}
@media screen and (max-width: 640px) {
#top_catch .tl { margin: 0px ;padding:5px 0px;position:relative;font-size:16px;color: #222;font-weight: normal;letter-spacing: 0.1em;text-indent:0.1em;line-height: 1.5;text-align: center;}
#top_catch .tcwrap { max-width: 100%; background-color: rgba(201,23,85,0.7);margin: 10px 0;padding: 20px 10px ;}
#top_catch .tcwrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#top_catch .txt { margin: 0px;padding:10px;font-size: 14px;color: #fff;line-height: 1.8;font-weight: normal;letter-spacing: 0.1em;text-indent:0.1em;text-align: center;}
#top_catch .logo { max-width: 150px;margin: 10px 0px;}
}

.concept_wrap { max-width: 830px;min-height: 400px;margin: 0;padding: 50px 10px ;background : transparent url(../img/bg_concept.jpg) no-repeat center top;background-position: 50% 50%;background-size: cover;position: relative;right:0px;left:0px;top:0px;margin:auto auto;text-align:center;z-index:-1;}
.concept_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.concept_wrap .inner { max-width: 100%;margin: 0px;padding: 50px 10px ;position: relative;background:linear-gradient(to right, rgba(0,0,0,0.0) 0%,rgba(255,255,255,0.9) 50%, rgba(0,0,0,0.0) 100%);z-index:3;right:0px;left:0px;margin: auto auto;}
.concept_wrap .inner { border-top: 1px solid #616161;border-image: linear-gradient(to right, rgba(255,255,255,0.0) 0%,rgba(159,151,147,0.6) 50%, rgba(255,255,255,0.0) 100%);border-image-slice: 1;}
.concept_wrap .inner { border-bottom: 1px solid #616161;border-image: linear-gradient(to right, rgba(255,255,255,0.0) 0%,rgba(159,151,147,0.6) 50%, rgba(255,255,255,0.0) 100%);border-image-slice: 1;}
.concept_wrap .inner .tl { position: relative;display: inline-block;margin: auto auto ;padding: 10px 0px;}
.concept_wrap .inner .tl { font-size:1.1em;color: #333;font-weight: normal;letter-spacing: 0.1em;text-indent:0.1em;line-height: 1.6;text-align: center;}
.concept_wrap .inner .txt { margin: 0px;padding:10px 0px;font-size: 16px;color: #333;line-height: 1.8;font-weight: normal;letter-spacing: 0.1em;text-indent:0.1em;text-align: left;}
.concept_wrap .inner .txt  span{padding-bottom: 1px;display: inline; background:linear-gradient(transparent 70%, rgba(255,146,173,0.4) 0%);}
.concept_wrap .inner .logo { max-width: 250px;margin: 10px 0px;}
@media screen and (max-width: 640px) {
.concept_wrap .inner .tl { font-size:16px;color: #333;font-weight: normal;letter-spacing: 0.1em;text-indent:0.1em;line-height: 1.6;text-align: center;}
.concept_wrap .inner .txt { margin: 0px;padding:10px 0px;font-size: 15px;color: #333;line-height: 1.6;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;text-align: left;}
}


/* CHART */

.chart_wrap { max-width: 830px;min-height:590px;background-color: rgba(244,244,236,0.7);padding: 15px 15px;position:relative;right:0px;left:0px;margin:auto auto;text-align: center;}
.chart_wrap  { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.chart_wrap .inner { max-width: 700px;margin: 0px;padding: 0px 0px;position: relative;right:0px;left:0px;margin:auto auto;}
.chart_wrap .kazari01 { max-width: 500px;position:absolute;top:-50px;left:-200px;transform: rotate(-80deg);z-index:1;}
.chart_wrap .kazari02 { max-width: 500px;position:absolute;top:350px;right:-150px;transform: rotate(0deg);z-index:1;}
.chart_wrap .inner .txt{ margin: 0px;padding: 10px 0;font-size:16px;color: #222;text-shadow: 0px 0px 8px rgba(255,255,255,0.7); letter-spacing:2px;line-height: 1.6;text-align: left;position: relative;z-index:1;}

@media screen and (max-width: 640px) {
.chart_wrap .inner .txt { margin: 0px;padding:10px ;font-size: 15px;color: #333;line-height: 1.6;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;text-align: left;}
}
.radar-chart {display: flex;justify-content: center;align-items: center;position: relative;max-width: 550px;height: auto;margin: 0 auto;padding: 35px;box-sizing: content-box;}
.radar-chart svg {width: 100%;height: 100%;}
.radar-chart dl {position: absolute;width: 100%;height: 100%;}
.radar-chart dl > div {position: absolute;color: #333;font-size: 16px;text-align: center;z-index:1;}
.radar-chart dl > div:nth-child(1) {top: 0;left: 50%;transform: translateX(-50%);}
.radar-chart dl > div:nth-child(2) {top: 31%;right: 7%;transform: translateX(50%);}
.radar-chart dl > div:nth-child(3) {bottom: 6%;right: 25%;transform: translateX(50%);}
.radar-chart dl > div:nth-child(4) { bottom: 6%;left: 25%;transform: translateX(-50%);}
.radar-chart dl > div:nth-child(5) {top: 31%;left: 7%;transform: translateX(-50%);}
.radar-chart dd {margin: 0;}
@media screen and (max-width: 640px) {
.radar-chart dl > div {position: absolute;color: #333;font-size: 14px;text-align: center;z-index:1;}
}



#bana { width: 100% ;margin: 0 ;padding: 15px 5px;}
#bana { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

#bana .bana_l { margin: 0px;padding:3px 0;text-align: center;}
#bana .bana_l img{ max-width: 100%;}



/* NAVI */


.scroll_wrap { max-width: 830px;background:linear-gradient(to right, #f16fa0 0%, #fcc89d 100%);border-radius:5px;margin: 0px ;padding: 10px 15px;position: relative;text-align: center;right:0px;left:0px;margin: 5px auto;}
.scroll_wrap  { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.scroll_wrap h3 { padding:5px 0px 0;font-family:"Sawarabi Mincho", serif;font-size: 1.8rem;color: #fff;line-height: 1.2;font-weight: normal;letter-spacing:1px;text-align: center;}
.scroll_wrap .inner {position: relative;margin:10px 0;padding: 5px 10px 7px;border: 0px solid #ff3b77;border-radius: 15px;background: #fff;}
.scroll_catch { margin:auto;padding: 0px;overflow : hidden;}
.scroll_catch span{display:inline-block;padding-left: 100%;white-space : nowrap;line-height : 1em;animation : scrollAnime 13s linear infinite;}
.scroll_catch span { font-size: 15px;color: #222;letter-spacing:1px;line-height: 1;}
.scroll_catch span a{ color: #222;text-decoration: none;}
.scroll_catch span:hover {animation-play-state: paused;}
@keyframes scrollAnime{0% { transform: translateX(0)}100% { transform: translateX(-100%)}}
@media screen and (max-width: 640px) {
.scroll_wrap h3 { padding:5px 0px;font-family:"Sawarabi Mincho", serif;font-size: 14px;color: #fff;line-height: 1.2;font-weight: normal;letter-spacing:1px;text-align: center;}
.scroll_wrap .inner {position: relative;margin:5px 0;padding: 4px 10px;border-radius: 15px;}
.scroll_wrap .inner {position: relative;margin:10px 0;padding: 6px 10px 8px;border: 0px solid #ff3b77;border-radius: 15px;background: #fff;}
.scroll_catch span { font-size: 12px;color: #222;letter-spacing:1px;}
}

.contact_navi { max-width: 830px;background:linear-gradient(to right, #f16fa0 0%, #fcc89d 100%);border-radius:0px;margin: 0px ;padding: 10px ;position: relative;text-align: center;right:0px;left:0px;margin: 5px auto;}
.contact_navi { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
@media screen and (max-width: 640px) {
.contact_navi { margin: 0px ;padding: 5px ;position: relative;text-align: center;right:0px;left:0px;margin: 5px auto;}
}

.contact_navi_column { display: flex;flex-wrap: wrap;width: 100%;margin: 0;padding: 0px;}
.contact_navi_column .box1 { width: 60%;margin: 0px;padding: 2px ;position: relative;overflow: hidden;text-align:center;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.contact_navi_column .box2 { width: 20%;margin: 0px;padding: 4px 2px 0;position: relative;overflow: hidden;text-align:center;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.contact_navi_column .box2 .inner { height: calc(100% / 1 - 10px);background-color: #a9014c;padding: 3px;display: flex;justify-content: center;align-items: center;text-align:center;}
.contact_navi_column .box2 .inner img{ max-width: 100%;}

table.navi_time { width: 100%;font-family: 'Noto Serif JP', sans-serif;border-collapse: separate;border-spacing: 0px 2px;right:0px;left:0px;margin: auto auto;}
table.navi_time th { vertical-align: middle;text-align:center;}
table.navi_time td { vertical-align: middle;text-align:center;}
table.navi_time th { width: 40%;background-color: #a9014c;border:1px solid #f16fa0;padding:10px 5px;font-size: 14px;color: #fff; letter-spacing: 0.1em;text-indent:0.1em;font-weight: normal;}
table.navi_time td { width: 60%;background-color: #fff;border:1px solid #fcc89d;padding:10px 5px;font-size: 15px;color: #222; letter-spacing: 0.05em;text-indent:0.1em;font-weight: normal;}
@media screen and (max-width: 640px) {
table.navi_time th { width: 40%;background-color: #a9014c;border:1px solid #f16fa0;padding:5px 5px;font-size: 12px;color: #fff; letter-spacing: 0.05em;text-indent:0.06em;font-weight: normal;}
table.navi_time td { width: 60%;background-color: #fff;border:1px solid #fcc89d;padding:5px 5px;font-size: 14px;color: #222; letter-spacing: 0.05em;text-indent:0.05em;font-weight: normal;}
}

ul.navi_menu { width:100%;margin: 0px 0px;padding: 0px 0px;background-color: #e06489;background:linear-gradient(to bottom, #f088b8 0%, #ac5c75 100%);border-bottom: 1px solid #f8f8f8;display: inline-block;vertical-align: top;}
ul.navi_menu li { width: 25%;float:left;border-top: 1px solid #f8f8f8; border-left: 1px solid #f8f8f8; margin: 0px 0px 0px;text-align:center; position: relative;}
ul.navi_menu li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow:hidden;}
ul.navi_menu li a { display: block;margin: 0px ;padding: 20px 0px;overflow: hidden;position: relative;}
ul.navi_menu li a { margin: 0px;padding:25px 0px;display: block; text-decoration: none;}
ul.navi_menu li a { font-family: 'Noto Serif JP', sans-serif;font-size: 14px;color: #fff; letter-spacing: 0.1em;text-indent:0.1em;font-weight: normal;}
ul.navi_menu li a:hover { background-color: #bb638a;color: #; }
ul.navi_menu li::after {content: "";position: absolute;bottom: 5px;right: 3px;width: 3;height: 0;border-bottom: 10px solid #fff;border-left: 10px solid transparent;}
ul.navi_menu li:first-child { border-left: 0px solid ;}
@media screen and (max-width: 900px) {
ul.navi_menu { width:100%;margin: 0px 0px;padding: 0px 0px;border-bottom: 1px solid #f8f8f8;display: inline-block;vertical-align: top;}
ul.navi_menu li a { font-size: 12px;color: #fff; letter-spacing: 0.05em;text-indent:0.05em;font-weight: normal;}
}

.navi_caution { margin: 5px 0 0; padding: 15px 0px;display: inline-block; font-size:13px;color: #333;font-weight: normal;letter-spacing:2px;line-height: 1.4;position: relative;text-align: center;}
.navi_caution span{ padding-right: 42px;}
.navi_caution span::after{position:absolute;top: 0;bottom: 0;margin: auto;left:-1px;content:"";width:34px;height:34px;}
.navi_caution span::after{background:url(../img/icon_info.png) no-repeat scroll 0% 0%;background-size:contain;opacity: 5; content: "";}


ul.btn_navi { max-width: 800px;margin: 0px;padding: 30px 0px;right:0px;left:0px;margin:auto auto;}
ul.btn_navi li { width: 50%;float: left;text-align: center; margin: 0px;padding: 0px 10px; position:relative;}
ul.btn_navi li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.btn_navi li a{ font-size: 15px;color: #fff;font-weight: bold;letter-spacing: 0.1em;text-indent:0.1em;line-height: 60px;text-decoration: none;}
@media screen and (max-width: 640px) {
ul.btn_navi li { width: 100%;text-align: center; margin: 0px;padding: 5px 3px; position:relative;}
ul.btn_navi li a{ font-size: 13px;color: #fff;font-weight: ;letter-spacing: 0.1em;text-indent:0.1em;line-height: 55px;text-decoration: none;}
}

.btn_contact a{ max-width: 400px;display: block;background-color: #369ccc;border-radius: 30px;padding:0px;position: relative;right:0px;left:0px;margin:auto auto;z-index: 2;}
.btn_contact a::before{position:absolute;top: 0;bottom: 0;margin: auto;left:20px;content:"";width:30px;height:30px;}
.btn_contact a::before{background:url(../img/btn_icon_contact.png) no-repeat scroll 0% 0%;background-size:contain;opacity: 5; content: ""; }
.btn_contact a::after { position:absolute;right:15px;top:23px;content:"";width:18px;height:13px;}
.btn_contact a::after { background:url(../img/btn_arrow.png) no-repeat scroll 0% 0%;background-size:contain;opacity: 5; content: ""; transition: all 0.2s ease-in-out 0.1s; transform: translateX(-7px);}
.btn_contact a:hover::after { opacity: 1;transform: translateX(0px);}

.btn_tel a { max-width: 400px;display: block;background-color: #3c2c25;border-radius: 30px;padding:0px;position: relative;right:0px;left:0px;margin:auto auto;z-index: 2;}
.btn_tel a::before{position:absolute;top: 0;bottom: 0;margin: auto;left:20px;content:"";width:30px;height:30px;}
.btn_tel a::before{background:url(../img/btn_icon_tel.png) no-repeat scroll 0% 0%;background-size:contain;opacity: 5; content: ""; }
.btn_tel a::after { position:absolute;right:15px;top:23px;content:"";width:18px;height:13px;}
.btn_tel a::after { background:url(../img/btn_arrow.png) no-repeat scroll 0% 0%;background-size:contain;opacity: 5; content: ""; transition: all 0.2s ease-in-out 0.1s; transform: translateX(-7px);}
.btn_tel a:hover::after { opacity: 1;transform: translateX(0px);}

.btn_line a { max-width: 400px;display: block;background-color: #ff95bf;background:linear-gradient(to bottom, #ffb4d1 0%, #ff458d 100%);border-radius: 30px;padding:0px;position: relative;right:0px;left:0px;margin:auto auto;z-index: 2;}
.btn_line a::before{position:absolute;top: 0;bottom: 0;margin: auto;left:20px;content:"";width:30px;height:30px;}
.btn_line a::before{background:url(../img/btn_icon_line.png) no-repeat scroll 0% 0%;background-size:contain;opacity: 5; content: ""; }
.btn_line a::after { position:absolute;right:15px;top:21px;content:"";width:18px;height:13px;}
.btn_line a::after { background:url(../img/btn_arrow.png) no-repeat scroll 0% 0%;background-size:contain;opacity: 5; content: ""; transition: all 0.2s ease-in-out 0.1s; transform: translateX(-7px);}
.btn_line a:hover::after { opacity: 1;transform: translateX(0px);}



/* CAST */

.cast_wrap { padding: 10px 0px;margin: 0px 0px;position: relative;text-align:center;}
.disnon{display: none;}

ul.cast_tab { max-width: 700px;margin: 0px 0px ;padding: 0px 0px ;display: flex;position: relative;right:0px;left:0px;margin: 20px auto 0px;}
ul.cast_tab li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.cast_tab li { width: 50%;background-color: #fff; border: 1px solid #f8a69e;border-radius: 0px;margin: 0px 1px 0px;padding: 15px 0px;cursor: pointer;float: left;}
ul.cast_tab li { font-size: 14px;color: #f8a69e;letter-spacing:1px;text-align: center;}
ul.cast_tab li.select { background: #c91755;color: #fff;}
@media screen and (max-width: 700px) {
ul.cast_tab  { margin: 0px ;padding: 0px ;display: flex;position: relative;right:0px;left:0px;margin: 10px 0px 0px;}
ul.cast_tab li { width: 50%;margin: 0px 1px 0px;padding: 12px 0px;cursor: pointer;float: left;}
ul.cast_tab li { font-size: 12px;color: #f8a69e;letter-spacing:1px;text-align: center;}
}

ul.schedule_tab  { max-width: 100%;margin: 0px 0px 5px;padding: 0px 0px ;display: flex;position: relative;right:0px;left:0px;margin: auto auto;}
ul.schedule_tab li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.schedule_tab li { width: 20%;background-color: #fff; border: 1px solid #f8a69e;border-radius: 0px;margin: 0px 1px 0px;padding: 10px 0px;cursor: pointer;float: left;}
ul.schedule_tab li { font-size: 13px;color: #f8a69e;font-weight:normal;letter-spacing:1px;text-align: center;}
ul.schedule_tab li span{ font-size: 13px;color: #f8a69e;letter-spacing:1px;text-align: center;display: block;}
ul.schedule_tab li.sat { background: #98c6e1;color: #fff;}
ul.schedule_tab li.sat span{ color: #fff;}
ul.schedule_tab li.sun { background: #e91f05;color: #fff;}
ul.schedule_tab li.sun span{ color: #fff;}
ul.schedule_tab li.select { background: #c91755;color: #fff;}
ul.schedule_tab li.select span{ color: #fff;}
@media screen and (max-width: 640px) {
ul.schedule_tab li { width: 20%;background-color: #fff; border: 1px solid #ffd1cc;border-radius: 0px;margin: 0px 1px 0px;padding: 13px 0px;cursor: pointer;float: left;}
ul.schedule_tab li { font-size: 12px;color: #f8a69e;letter-spacing:1px;text-align: center;}
ul.schedule_tab li span{ font-size: 12px;}
}

.calendar_wrap { max-width: 700px;padding: 0px 5px;margin: 0px 0px;position: relative;right:0px;left:0px;margin: auto auto;text-align:center;}
ul.schedule_calendar { margin: 0px;padding: 5px 0 10px; display: flex;width: 100%;overflow: hidden;overflow-x: scroll;}
ul.schedule_calendar li { width: 100px;flex-shrink: 0;text-align: center; padding: 0px; cursor: pointer;position:relative;}
ul.schedule_calendar li { background-color:#fff;border-left: 1px solid #ffd1cc;border-top: 1px solid #ffd1cc;  border-bottom: 1px solid #ffd1cc; display: block;margin: 0px 0px;padding: 8px;position:relative;}
ul.schedule_calendar li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.schedule_calendar li:last-child { border-right: 1px solid #ffd1cc;}
ul.schedule_calendar li { font-size: 13px;color: #f8a69e;font-weight:bold;letter-spacing:1px;}
ul.schedule_calendar li span{ font-size: 12px;color: #f8a69e;letter-spacing:1px;text-align: center;display: block;}
ul.schedule_calendar::-webkit-scrollbar-track {background: #f4f4ec;border-radius: 5px;}
ul.schedule_calendar::-webkit-scrollbar { width: 8px;height: 10px;}
ul.schedule_calendar::-webkit-scrollbar-thumb {background: #ffc2bc;border-radius: 5px;line-height: 0;}
ul.schedule_calendar li.sat { background: #98c6e1;color: #fff;}
ul.schedule_calendar li.sat span{ color: #fff;}
ul.schedule_calendar li.sun { background: #e91f05;color: #fff;}
ul.schedule_calendar li.sun span{ color: #fff;}
ul.schedule_calendar li.select { background: #ffc2bc;color: #fff;}
ul.schedule_calendar li.select span{ color: #fff;}
.sche_disnon{display: none;}
.disnon{display: none;}


.cast_list_wrap { max-width:1000px;background-color: #fff;margin: 10px 0; padding: 10px 10px;text-align: center;}
.new_list_wrap { max-width:1000px;background-color: #fff;margin: 10px 0; padding: 10px 10px;text-align: center;}
@media screen and (max-width: 640px) {
.cast_list_wrap { max-width:1000px;background-color: rgba(255,255,255,0.7);margin: 7px 0; padding: 5px 5px;text-align: center;}
.new_list_wrap { max-width:1000px;background-color: #fff;margin: 10px 0; padding: 10px 5px;text-align: center;}
}

.cast_list_container { width: 100%;display: flex;flex-wrap: wrap;vertical-align: top;padding: 5px 0px ; z-index:2;}
.cast_list_container { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.cast_list { width:33.3333%;margin:0px;padding: 0px;float: left;position: relative;text-align: center;z-index:2; }
.cast_list { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.cast_list a{ background-color:#fff;border: 1px solid #ffd1cc;display: block;margin: 0px 5px 10px;padding: 10px;position:relative;text-decoration: none;}
.cast_list img { width: 100%;object-fit: cover;overflow: hidden;margin: 0px 0px;}

@media screen and (max-width: 640px) {
.cast_list { width:50%;margin:0px;padding: 0px;float: left;position: relative;text-align: center; }
.cast_list a{ background-color:#fff;border: 1px solid #ffd1cc;display: block;margin: 0px 3px 10px;padding: 7px;position:relative;text-decoration: none;}

}


.cast_name { background-color: #c91755;margin: 3px 0;padding: 7px 8px;font-size: 14px;color: #fff;font-weight: normal;letter-spacing: 0px;text-align: left;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.cast_size { margin: 0px;padding: 2px 0px;font-size: 13px;color: #222;letter-spacing:1px;line-height: 1.3;text-align: left;position:relative;}
.cast_sche { margin: 5px 0 0;padding: 7px 0px; border:1px solid #ffd2ce;font-size: 14px;color: #f8a69e;letter-spacing:0px;position:relative;text-align: center;}
.cast_sche{ background: url('../img/icon_time.png') no-repeat scroll ;background-size: 20px 20px;background-position: left 10px top 8px;}
.cast_sche::after {content: "";position: absolute;bottom: 2px;right: 2px;width: 2;height: 0;border-bottom: 8px solid #ffd2ce;border-left: 8px solid transparent;}
.cast_new{ padding-left: 25px;}
.cast_new::after{position:absolute;top: 0;bottom: 0;margin: auto;left:-1px;content:"";width:20px;height:20px;}
.cast_new::after{background:url(../img/new.png) no-repeat scroll 0% 0%;background-size:contain;opacity: 5; content: "";}
@media screen and (max-width: 640px) {
.cast_name { margin: 3px 0;padding: 6px 6px ;font-size: 12px;color: #fff;font-weight: nomral;letter-spacing: 1px;text-decoration: none;text-align: left;}
.cast_size { margin: 0px;padding: 0px 0px ;font-size: 12px;color: #bfb49f;letter-spacing:0px;line-height: 1.5;text-align: left;}
.cast_sche { margin: 5px 0 0;padding: 6px 0px; border:1px solid #ffd2ce;font-size: 11px;color: #f8a69e;font-weight: bold;letter-spacing:0px;position:relative;text-align: center;}
.cast_sche{ background: none ;background-size: 18px 18px;background-position: left 5px top 5px;}
}
ul.cast_status { width:100%;margin: 5px 0px 0px;padding: 0px;display: inline-block;vertical-align:bottom;}
ul.cast_status li { width: 50%;margin: 0px ;padding: 0px;float:left;}
ul.cast_status li { font-size: 12px;color: #fff;font-weight: normal;letter-spacing:0px;text-align: center;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.icon01{ margin-right: auto;background-color:#dbd4c0;margin: 0px 1px 1px 0px;padding: 5px 0px;}
.icon02{ margin-left: auto;background-color:#fbc29d;margin: 0px 0px 1px 1px;padding: 5px 0px;}
.icon03{ margin-right: auto;background-color:#f6999f;margin: 1px 1px 0px 0px;padding: 5px 0px;}
.icon04{ margin-left: auto;background-color:#d8bd9b;margin: 1px 0px 0px 1px;padding: 5px 0px;}
@media screen and (max-width: 640px) {
ul.cast_status li { width: 100%;margin: 0px 0px ;padding: 0px 0px;float:left;position: relative;}
ul.cast_status li { font-size: 12px;color: #fff;font-weight: normal;letter-spacing:1px;text-align: center;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.icon01{ margin: auto;background-color:#dbd4c0;margin: 1px 0px;padding: 3px 0px;}
.icon02{ margin: auto;background-color:#fbc29d;margin: 1px 0px;padding: 3px 0px;}
.icon03{ margin: auto;background-color:#f6999f;margin: 1px 0px;padding: 3px 0px;}
.icon04{ margin: auto;background-color:#d8bd9b;margin: 1px 0px;padding: 3px 0px;}
}



/* PICK */

.pick_cast { width:94%;padding: 20px 0px;margin:auto auto;z-index:2;}
.pick_cast .slide { max-width: 250px;margin: 0px 0px;background-color: rgba(255,255,255,1);border:1px solid #cfcfcf;}
.pick_cast .slide img { width: 100%;object-fit: cover;}
.pick_cast .slick-slide {transform: scale(0.8);/transition: all .5s;opacity: 1;margin: 0px 0px;padding: 15px 15px;}
.pick_cast .slick-slide.slick-center{transform: scale(1);opacity: 1;box-shadow: 0px 5px 15px -10px rgba(0, 1, 0, 1.0);padding: 15px 15px;}
@media screen and (max-width:768px){
.pick_cast { width:94%;padding: 10px 0px;margin:0px auto ;z-index:2;}
.pick_cast .slide { max-width: 200px;margin: 0px 0px;background-color: rgba(255,255,255,1);border:1px solid #cfcfcf;padding: 8px 10px;display:block;}
.pick_cast .slick-slide {transform: scale(1);/transition: all .5s;opacity: 1;margin: 0px 10px;padding: 10px;}
.pick_cast .slick-slide.slick-center{transform: scale(1);opacity: 1;box-shadow: 0px 5px 15px -10px rgba(0, 1, 0, 1.0);padding: 10px;}
}


.slick-prev {position: absolute;top: 40%;cursor: pointer;outline: none;left: -10px;z-index:2; }
.slick-prev {background:url(../img/slick_next.png) no-repeat scroll 0% 0%;background-size:contain;opacity: 1.0; content: ""; transform: rotate(-180deg);height: 50px;width: 50px;}
.slick-next {position: absolute;top: 40%;cursor: pointer;outline: none;right: -10px;}
.slick-next {background:url(../img/slick_next.png) no-repeat scroll 0% 0%;background-size:contain;opacity: 1.0; content: ""; height: 50px;width: 50px;}

.slick-dots { padding: 10px 0px 0px;text-align:center; }
.slick-dots li {display:inline-block;margin:0 5px;}
.slick-dots button {color: transparent;outline: none;width:10px;height:10px;padding: 0px;display:block;border-radius:50%;background:#ccc;border: none;}
.slick-dots .slick-active button{background:#333;}
@media screen and (max-width: 640px) {
}





/* PROF */
.prof_wrap { max-width: 830px; background-color: rgba(255,255,255,0.8);padding: 25px 15px;position:relative;right:0px;left:0px;margin:auto auto;text-align: center;}
.prof_wrap  { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.prof_wrap .kazari01 { max-width: 500px;position:absolute;top:-50px;left:-200px;transform: rotate(-80deg);z-index:1;}
.prof_wrap .kazari02 { max-width: 500px;position:absolute;top:350px;right:-150px;transform: rotate(0deg);z-index:1;}

ul.prof_photo { margin: 0px;padding: 25px 0px ;text-align: center;}
ul.prof_photo li {}
ul.prof_photo li img { max-width:390px;height: auto;}
@media screen and (max-width: 640px) {
ul.prof_photo li img { max-width:300px;height: auto;}
}


table.prof_data { width: 800px;margin: 0px 0px; border-collapse: collapse;right:0px;left:0px;margin:20px auto; }
table.prof_data th { width: 35%;background-color: #f0ede3;border:1px solid #d7d7d7;padding: 15px 12px;vertical-align: middle;text-align: left;}
table.prof_data th { font-size: 14px; color: #333;font-weight: normal;letter-spacing:1px;}
table.prof_data td { width: 65%;background-color: #fff;border:1px solid #d7d7d7;padding: 15px 12px ;vertical-align: middle; text-align: left;}
table.prof_data td { font-size: 14px; color: #333;font-weight: normal;letter-spacing:1px;}
@media screen and (max-width: 850px) {
table.prof_data { width: 100%;margin: 10px 0px; border-collapse: collapse;right:0px;left:0px;margin:10px auto; }
}
@media screen and (max-width: 640px) {
table.prof_data th { font-size: 13px; color: #333;font-weight: normal;letter-spacing:1px;}
table.prof_data td { font-size: 13px; color: #333;font-weight: normal;letter-spacing:1px;}
}

table.prof_sche { width: 800px;margin: 0px 0px; border-collapse: collapse;right:0px;left:0px;margin:-1px auto 0; }
table.prof_sche th { width: 35%;background-color: #f0ede3;border:1px solid #d7d7d7;padding: 15px 12px;vertical-align: middle;text-align: left;}
table.prof_sche th { font-size: 14px; color: #333;font-weight: normal;letter-spacing:1px;}
table.prof_sche td { width: 65%;background-color: #fff;border:1px solid #d7d7d7;padding: 15px 12px ;vertical-align: middle; text-align: left;}
table.prof_sche td { font-size: 14px; color: #333;font-weight: normal;letter-spacing:1px;}
@media screen and (max-width: 850px) {
table.prof_sche { width: 100%;margin: 0px 0px; border-collapse: collapse;right:0px;left:0px;margin:-1px auto 0; }
}
@media screen and (max-width: 640px) {
table.prof_sche th { font-size: 13px; color: #333;font-weight: normal;letter-spacing:1px;}
table.prof_sche td { font-size: 13px; color: #333;font-weight: normal;letter-spacing:1px;}
}

.prof_comme { max-width: 800px;background-color: #fff;border:1px solid #d7d7d7;margin: 0px;padding: 15px 15px;text-align: left;right:0px;left:0px;margin:10px auto; }
.prof_comme p{ overflow: auto; /* スクロール表示 */ height: 100px;margin: 0;padding: 0 5px 0 0;font-size: 14px;color: #222;font-weight: normal;letter-spacing:3px;line-height: 1.8;text-align: left;}


.sche_hide{display: none;}
.more { max-width: 600px;background-color: #f9b09e;border-radius: 0 0 5px 5px;padding:10px 0px;display: block;outline: 0;right:0px;left:0px;margin: 2px auto;transition: .5s;-erbkit-transition: .5s;}
.more { font-family: 'Oswald', sans-serif;font-size: 16px;color: #fff;font-weight:normal;letter-spacing:0px;text-align: center;}
.more::after {content: "MORE SCHEDULE";transition: .1s;-erbkit-transition: .2s;}
.more.on-click::after{content: "CLOSE";}





/* SLIDER */

.bx-wrapper { position: relative;  padding: 0px 0px 0px;margin: 0px auto 0px;z-index: 2;}
_.bx-wrapper img { max-width: 100%;height: auto; display: block; position: relative;  top: 0px; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 30px; width: 100%;z-index: 9999;  }
.bx-wrapper .bx-pager { text-align: center; font-size: 0.85em; font-family: Arial; font-weight: bold; color: rgb(255, 255, 255); padding-top: 0px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; }
.bx-wrapper .bx-pager.bx-default-pager a { background: none repeat scroll 0% 0% rgb(235, 232, 215); text-indent: -9999px; display: block; width: 15px; height: 15px; margin: 0px 5px; padding: 0px 0px ;outline: 0px none; border-radius: 10px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: none repeat scroll 0% 0% rgb(214, 214, 214); }
.bx-wrapper .bx-prev { left: -10px; background: url('../img/prev.png') no-repeat scroll transparent;}
.bx-wrapper .bx-next { right: -20px; background: url('../img/next.png') no-repeat scroll transparent; }
.bx-wrapper .bx-prev:hover { background-position: 0px 0px; }
.bx-wrapper .bx-next:hover { background-position: 0px 0px; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 42%; margin-top: -16px; outline: 0px none; width: 60px; height: 60px; text-indent: -9999px; z-index: 9999; }
/*.bx-wrapper li { height: 100%; }*/




/* NEWS */

.news_wrap { max-width: 830px;background-color: rgba(255,255,255,0.7);border: 0px solid #ebe1d3;margin: 0px;padding: 20px 15px 35px;position: relative;right:0px;left:0px;margin:auto auto;text-align: center;}
.news_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.news_wrap .kazari01 { max-width: 500px;position:absolute;top:-50px;right:-150px;transform: rotate(-90deg);z-index:-1;}
.news_wrap_scroll { overflow: auto; /* スクロール表示 */ height: 300px;padding: 0 8px;margin: 0px 0 50px;}

ul.news_list { max-width: 100%;margin: 0px;padding: 0px 0px;right:0px;left:0px;margin:auto auto;}
ul.news_list li { margin: 0px;border-bottom: 1px dotted #d8d8d8;position: relative;}
ul.news_list li a{ margin: 5px 0px;padding: 5px 0px;text-align: left;}
ul.news_list li a{  -webkit-transition: all .3s;transition: all .3s;display: block;position: relative;}
ul.news_list li a::after{position:absolute;top: 0;bottom: 0;margin: auto;right:-10px;content:"";width:20px;height:20px;}
ul.news_list li a::after{background:url(../img/news_arrow.png) no-repeat scroll 0% 0%;background-size:contain;opacity: 0.5; content: ""; transition: all 0.2s ease-in-out 0.1s; transform: translateX(-15px);}
ul.news_list li a:hover::after { opacity: 1;transform: translateX(-5px);}
ul.news_list li:last-child{ border-bottom: none;}
ul.news_list li::after{content: "";display: block;clear: both;}
ul.news_list li .day { margin: 0px;padding: 0px 0px;font-size:12px;color: #333;letter-spacing: 0.07em;text-decoration:none;}
ul.news_list li .tl  { padding: 6px 40px 0px 0px;font-size: 15px;color: #222;font-weight: normal;letter-spacing: 0.07em;text-indent:0.07em;text-decoration: none;}

.icon_news { width: 100px;display: inline-block;background: #3d3838;margin: 0px 0 0 5px;padding:3px 0px ;font-size: 10px;color: #fff;letter-spacing:1px;vertical-align: 2px;text-align: center;}
.icon_event { width: 100px;display: inline-block;background: #f33361;margin: 0px 0 0 5px;padding:3px 0px ;font-size: 10px;color: #fff;letter-spacing:1px;vertical-align: 2px;text-align: center;}
.icon_newface { width: 100px;display: inline-block;background: #9ab619;margin: 0px 0 0 5px;padding:3px 0px ;font-size: 10px;color: #fff;letter-spacing:1px;vertical-align: 2px;text-align: center;}


/* DIARY */

.diary_wrap { max-width: 830px;height:650px; background-color: rgba(255,255,255,0.8);padding: 15px 15px;position:relative;right:0px;left:0px;margin:auto auto;text-align: center;}
.diary_wrap  { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.diary_wrap .kazari01 { max-width: 250px;position:absolute;top:70px;left:-160px;transform: rotate(-10deg);z-index:1;}
.diary_wrap .kazari02 { max-width: 250px;position:absolute;top:250px;right:-180px;transform: rotate(15deg);z-index:1;}
@media only screen and (max-width:640px) {
.diary_wrap { max-width: ;height:530px; background: #;padding: 15px 10px;}
.diary_wrap .kazari01 { max-width: 200px;position:absolute;top:70px;left:-100px;transform: rotate(-10deg);z-index:1;}
.diary_wrap .kazari02 { max-width: 200px;position:absolute;top:250px;right:-100px;transform: rotate(15deg);z-index:1;}
}

.diary { max-width: 1000px;max-height:590px;background-color: #000;padding: 0px;margin: 0px auto;position: relative;text-align:center;z-index:1;}
.diary iframe { position:absolute;top:0;right:0;width:100%;height:700px; }
@media screen and (min-width: 640px) {
.diary_sp { display: none; }
.diary_sp iframe { display: none; }
}
@media screen and (max-width: 640px) {
.diary { display: none; }
.diary iframe { display: none; }
.diary_sp { width: 100%;padding: 0;margin: 0px;position: relative;text-align:center;z-index:1;}
.diary_sp iframe { max-width:100%;height:550px; }
}


/* LINK */

ul.link_bana { max-width: 770px; background-color: #fff;border: 1px solid #ebe1d3;padding: 15px 15px;margin: 0px 0px 0px;right:0px;left:0px;margin:20px auto 20px;}
ul.link_bana li { font-size: 15px;color: #333;letter-spacing:1px;font-weight: normal;line-height: 1.5;text-align: left;}
ul.link_bana li { margin: 0px 0px;padding: 3px 0px;display:block;}
ul.link_bana li img { max-width: 100%;margin: 0 5px 0 0;}
@media screen and (max-width: 640px) {
#policy h3 { font-size: 17px;color: #222;font-weight: bold;letter-spacing:2px;line-height: 1.6;text-align:left;}
#policy p { padding: 5px 0px 30px;font-size: 15px;color: #222;line-height: 1.6;font-weight: normal;letter-spacing:1px;text-align: left;}
}
ul.link { max-width: 800px;padding: 10px 0px;margin: 0px 0px 0px;right:0px;left:0px;margin:auto auto ;}
ul.link li a { border-bottom:1px solid #ebe1d3;margin: 0px;padding: 13px 0px ;}
ul.link li a { text-align: left;display:block;position: relative;}
ul.link li span { font-size: 15px;color: #222;letter-spacing:0px;line-height: 1.6;font-weight: normal;text-align: left;}
ul.link li img { max-height: 50px;vertical-align: -10px;margin: 0 10px 0 0;}

/* POLICY */

#policy { max-width: 900px;padding: 20px 10px;text-align: left;right:0px;left:0px;margin:auto auto;}
#policy h3 { border-bottom: 1px solid #f2f2f2;padding: 10px 0px 5px;margin: 0px 0px;position:relative;}
#policy h3 { font-size: 19px;color: #222;font-weight: bold;letter-spacing:2px;line-height: 1.6;text-align:left;}
#policy p { margin: 0px;padding: 5px 0px 30px;font-size: 16px;color: #222;line-height: 1.6;font-weight: normal;letter-spacing:1px;text-align: left;}
@media screen and (max-width: 640px) {
#policy h3 { font-size: 17px;color: #222;font-weight: bold;letter-spacing:2px;line-height: 1.6;text-align:left;}
#policy p { padding: 5px 0px 30px;font-size: 15px;color: #222;line-height: 1.6;font-weight: normal;letter-spacing:1px;text-align: left;}
}


/*  FORM
--------------------------------------------------------------------------*/
#form_wrapper { max-width: 770px;border: 0px solid #c1b693;padding: 15px 0px;position:relative;right:0px;left:0px;margin: 10px auto;}
#form_wrapper h4 { margin: 0px;padding: 20px 0px 10px;font-size: 16px; color: #333;font-weight: bold;letter-spacing:1px;text-align:left;}
#form_wrapper .form_wrap { text-align:left;}
#form_wrapper .txt{ margin:0px;padding: 5px 0px;font-size: 18px;color: #222;font-weight: normal;letter-spacing:1px;line-height: 1.6;text-align: left;position: relative;}
#form_wrapper .enq_txt{ border: solid 1px #c2beba;margin:0px 0 20px;padding: 15px 15px;font-size: 18px;color: #222;font-weight: normal;letter-spacing:1px;line-height: 1.6;text-align: left;position: relative;}
@media screen and (max-width: 640px) {
#form_wrapper { max-width: 800px;border: 1px solid #f0f0f0;padding: 10px 0px;position:relative;right:0px;left:0px;margin: 10px auto;}
#form_wrapper h4 { margin: 0px;padding: 15px 0px 5px;font-size: 14px; font-weight: normal;letter-spacing:1px;color: #333;text-align:left;}
#form_wrapper .txt{ margin:0px;padding: 10px 0px;;font-size: 16px;color: #222;font-weight: normal;letter-spacing:1px;line-height: 1.6;text-align: left;position: relative;}
#form_wrapper .enq_txt{ border: solid 1px #c2beba;margin:0px 0 20px;padding: 15px 15px;font-size: 16px;color: #222;font-weight: normal;letter-spacing:1px;line-height: 1.6;text-align: left;position: relative;}
}
.required { background: #9e0903;border-radius:0px;margin: 0px 6px;padding:3px 7px ;font-size: 10px;color: #fff;letter-spacing:1px;vertical-align: 2px;}
.optional { background: #333;border-radius:0px;margin: 0px 6px;;padding:3px 7px ;font-size: 10px;color: #fff;letter-spacing:1px;vertical-align: 2px;}
.score { margin: 0px ;padding:3px 7px ;font-size: 13px;color: #333;letter-spacing:1px;vertical-align: 2px;}



/*  FORM
--------------------------------------------------------------------------*/
input{ background-color: #fdfdfd;border: 1px solid #e7e1e3;border-radius: 0px;font-size:120%; color:#222;margin: 0px 0px;padding: 12px 10px;}
input{ -webkit-appearance: none; }
input:focus{ background-color: #fff;-webkit-appearance: none;outline: none;}
input{ width:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}

.input_score{ width:100px;}

textarea{ font-size:120%;margin: 0px 0px;padding: 10px 10px;background-color: #fdfdfd;border: 1px solid #e7e1e3;border-radius: 3px;}
textarea{ width:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
textarea{ overflow: auto; resize: none;-webkit-appearance: none;}
textarea:focus{ background-color: #fff;outline: none;}

select{ margin: 0px 0px;padding: 12px 10px;font-size:16px; color: #222;}
select{ width:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
select{ background-color: #fdfdfd;border: 1px solid #e7e1e3;border-radius: 0px;-webkit-appearance: none;}
select{ font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
select{ background: #fdfdfd url(../img/select_arrow.png) no-repeat ;background-position: right 12px center;}
select:focus { background: #fff url(../img/select_arrow.png) no-repeat ;background-position: right 12px center;outline: none;}
@media only screen and (max-width:800px) {
select { width:100%;font-size:100%; color: #222;padding: 10px 10px;margin: 0px 0px ;border-radius: 0px;}
}

input.button { max-width:380px;background:linear-gradient(to right, #f16fa0 0%, #fcc89d 100%);margin: 30px 0px 0px;padding: 18px 0px;border: none;border-radius: 0px;}
input.button { font-size:15px;color: #fff;font-weight:bold;letter-spacing: 1px;text-align: center;-webkit-appearance: none;}
input.button:hover { color: #fff;}
input.button:active { position:relative;top:1px;}

.button-group { max-width: 100%;display: flex;}
.button-group .item {width: 100%;}
.button-group .radio-button {position: absolute;width: 1px;height: 1px;opacity: 0;}
.button-group 
.radio-button + label { padding: 14px 5px;cursor: pointer;border: 1px solid #e7e1e3;margin-right: -2px;font-size:14px;color: #555;letter-spacing: 1px;background-color: #fff;display: block;text-align: center;}
.button-group .item:first-of-type .radio-button + label{border-top-left-radius:0px;border-bottom-left-radius: 0px;}
.button-group .item:last-of-type .radio-button + label {border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.button-group .radio-button:checked + label {background-color: #fcc89d;color: #fff;}
@media only screen and (max-width:800px) {
.button-group { max-width: 100%;display: flex;}
.button-group .radio-button + label {padding: 12px 0px;cursor: pointer;border: 1px solid #e7e1e3;margin-right: -2px;font-size:12px;color: #555;background-color: #fff;display: block;text-align: center;}
}

#photo_send label {display: inline-block;position: relative;background: #222;padding: 15px 0px;border-radius: 0px;width: 100%;}
#photo_send label {background:linear-gradient(to right, #3c8adf 0%, #351454 100%); border-radius: 0px;}
#photo_send label {font-size:15px;color:#fff;letter-spacing: 1px;}
#photo_send label:hover {background: #000;}
#photo_send label input {position: absolute;left:0;top:0;opacity: 0;width: 100%;height: 100%;}
#photo_send .filename { margin:0px;padding: 10px 0px 20px;font-size:15px;color:#ff002a;letter-spacing: 0px;text-align: left;}






/* FOOTER */

.footer { background: #;margin: 0px 0px;padding: 60px 20px 80px;position:relative;text-align: center;}
.footer { background-color: rgba(252,237,218,1.0);border-top: 1px solid #ffe9cc;z-index:;overflow: hidden;}
.footer { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.footer .inner{ margin: 5px 10px;padding: 30px ;background: rgba(255,255,255,1.0);border: 1px solid #ffe9cc;border-radius:0px;position: relative;text-align:center;z-index:2;}
.footer .inner .logo { max-width: 250px;margin: 20px 0px;}
.footer .kazari01 { max-width: 150px;position:absolute;top:-20px;left:-0px;transform: rotate(0deg);z-index:3;}
.footer .kazari02 { max-width: 150px;position:absolute;top:200px;right:-0px;transform: rotate(0deg);z-index:1;}
.footer .caution { max-width: 1000px;padding: 20px 5px 10px;font-size: 13px;color: #333;letter-spacing:1px;line-height: 1.6;font-weight: ;text-align: left;right:0px;left:0px;margin:auto auto;}
@media screen and (max-width: 640px) {
.footer .inner{ margin: 5px 5px;padding: 20px ;background: rgba(255,255,255,1.0);border: 1px solid #ffe9cc;border-radius:0px;position: relative;text-align:center;}
.footer .inner .logo { max-width: 200px;margin: 20px 0px 10px;}
.footer .kazari01 { max-width: 100px;position:absolute;top:-20px;left:-0px;transform: rotate(0deg);z-index:3;}
.footer .kazari02 { max-width: 100px;position:absolute;top:200px;right:-0px;transform: rotate(0deg);z-index:1;}
}


ul.address { margin: 0px 0px;padding: 10px 0px;}
ul.address li { padding: 2px 0px;letter-spacing:0px;}
ul.address li { font-size: 14px;color: #bfb49f;font-weight: normal;letter-spacing: 1px;line-height: 1.5;text-align: center;}
ul.address li a{color: #bfb49f;text-decoration: none;}
@media screen and (max-width: 640px) {
ul.address { margin: 0px ;padding: 10px 0px;display: inline-block;}
ul.address li{font-size: 13px;color: #bfb49f;font-weight: normal;letter-spacing: 0px;line-height: 1.5;text-align: left;}
}

.foot_tel{ margin: 0px; padding: 0px 0px;font-family: 'Oswald', sans-serif;font-size:3.6rem;color: #f8a69e;font-weight: normal;letter-spacing:1px;text-align: center;}
.foot_tel::before {content: ''; display: inline-block; background-image: url(../img/icon_tel.png); vertical-align: -5px; margin-right: 5px;width: 36px;height: 36px;background-size: contain;}
@media screen and (max-width: 640px) {
.foot_tel{ margin: 0px; padding: 0px 0px;font-family: 'Oswald', sans-serif;font-size:2.9rem;color: #f8a69e;font-weight: normal;letter-spacing:0px;text-align: center;}
.foot_tel::before {content: ''; display: inline-block; background-image: url(../img/icon_tel.png); vertical-align: -3px; margin-right: 5px;width: 28px;height: 28px;background-size: contain;}
}

.copy{ margin: 10px 0px 0px;padding: 15px 0px ;}
.copy{ font-size:15px;color: #333;line-height: 1.6;font-weight:normal;letter-spacing: 0.07em;text-indent:0.07em;text-align: center;}
.copy a{ color: #333;text-decoration: none;}
.copy a:hover{ text-decoration: underline;}
@media screen and (max-width: 640px) {
.copy{ font-size:12px;color: #333;}
}




/* FOOT-NAVI */

#foot_content { padding: 50px 0 0 0;}
.foot_navi_wrap { width: 100%;margin:0px 0px; padding: 0px 0px;position: fixed;bottom: 0;text-align: center;z-index:8888;}
.foot_navi_wrap { background: rgb(248,166,158);background: linear-gradient(180deg, rgba(248,166,158,1) 0%, rgba(250,117,104,1) 100%);}

ul.foot_navi { width:100%;border-top: 1px solid #fa7568;margin: 0px ;padding: 0px 0px;display: inline-block;vertical-align:bottom;}
ul.foot_navi li { width: 25%;border-left: 1px solid #fa7568; float:left; margin: 0px 0px 0px -1px;text-align:center; position: relative;}
ul.foot_navi li a { }
ul.foot_navi li a { margin: 0px;padding: 5px 0px 0;display: block; text-decoration: none;text-align:center;}
ul.foot_navi li img { max-width: 100%;height: auto;}


/* PAGER */

ul.pager { margin: 0px;padding: 10px 0px 10px ;display: inline-block;}
ul.pager li { background-color: #fac5c1;border: 0px solid #dad9cc;margin: 2px 1px 2px;display: block;}
ul.pager li { min-width: 40px;line-height: 40px;float:left;position:relative;text-align: center;}
ul.pager li { font-family: 'Oswald', sans-serif ;font-size: 14px;color: #fff;letter-spacing:0px;text-decoration: none;;}
ul.pager li a { background-color: #d8d8d8;line-height: 40px;padding: 0px;display:block;position:relative;text-align: center;}
ul.pager li a { font-size: 14px;color: #fff;letter-spacing:0px;text-decoration: none;}
ul.pager li a:hover  { background-color: #ff9a92;color:#fff;text-decoration: none;display:block;}
ul.pager li.current a { background-color: #ff9a92;color:#fff;text-decoration: none;display:block;}