@charset"UTF-8"  ;


/*全部のページで使う共通のCSS*/
/*テクニック的なCSS*/

.bk01{background:linear-gradient(0deg,#205257,#10292b) ;}/*一般*/
.bk02{background:linear-gradient(0deg,#575320,#2b2910) ;}/*ジュニア*/
.bk03{background:linear-gradient(0deg,#561f38,#2b0f1c) ;}/*女性*/
.bk04{background:linear-gradient(0deg,#282057,#14102b) ;}/*パーソナル*/
.bk05{background:linear-gradient(0deg,#512158,#28102c) ;}/*エステ*/




/*--------------------------------------------*/
/*下層h1*/
/*●PC●*/@media screen and (min-width:560px){
#he6{background:url("img/co/bk02.jpg") no-repeat center center ; background-size:100% ;}
}
#he6>div{text-shadow:0 0 1px #000000,0 0 2px #000000,0 0 3px #000000 ; padding:3em 0 ;}
#he6 h1{font-size:4.0em ; line-heigh:1.3 ; text-align:center ;}
#he6 p{width:20em ; font-size:2.0em ; line-heigh:1.1 ; border-top:1px #999999 solid ; border-bottom:1px #999999 solid ; margin:0 auto ; text-align:center ;}
/*●ｽﾏﾎ●*/@media screen and (max-width:560px){
#he6{background-size:auto;}
#he6>div{padding:2em 0 ;}
#he6 h1{font-size:3.0em ;}
#he6 p{width:80% ; font-size:1.5em ;}
}
/*--------------------------------------------*/


/*--------------------------------------------*/
/*パンくず[*/
#he7{background:#01094c ;}
#he7 p{width:1200px ; font-size:1.4em ; line-height:1.1 ; color:#aaaaaa ; padding:0.3em 1em ; margin:0 auto ;}
#he7 a{text-decoration:none ;}
/*●ｽﾏﾎ●*/@media screen and (max-width:560px){#he7{display:none ;}}
/*--------------------------------------------*/

/*--------------------------------------------*/
/*イメージ*/
#o11 div p{text-align:center ;}
/*--------------------------------------------*/

/*--------------------------------------------*/
/*youtube*/
.c_yb p{text-align:center ;}
.c_yb p iframe{width:800px ; height:450px ;}
/*●ｽﾏﾎ●*/@media screen and (max-width:560px){
.c_yb p iframe{aspect-ratio:16/9 ; width:100% ; height:100% ;}
}
/*--------------------------------------------*/

/*--------------------------------------------*/
/*会員さんの声*/
.c_koe>div>p{width:1090px ; margin:0 auto ;}
.c_koe p a{display:inline-block ; margin:10px ;}
/*●ｽﾏﾎ●*/@media screen and (max-width:560px){
.c_koe>div>p{width:auto ;}
.c_koe p a{margin:5px;}
}
/*--------------------------------------------*/




/*制作中*/
#c99 p{font-size:3em ; line-height:1.2 ; font-weight:bold ; color:#bbbbbb ; padding:8em 5em ; text-align:center ;}
/*●ｽﾏﾎ●*/@media screen and (max-width:560px){#c99 p{font-size:2em ; padding:3em ;}}





/* 開閉ボタン
最初に閉じる場合は  openclose_btn
最初に開く場合は    openclose_btn_2
###################################################################################### */
.openclose_btn,.openclose_btn_2{cursor:pointer ;}
.openclose_btn::before,
.openclose_btn_2::before{width:1.5em ; height:1.4em ; font-weight:normal ; display:inline-block ; font-size:0.8em ;  border:1px #76c553 solid ; padding:0.1em ; padding-top:0.2em ; margin-right:0.5em ; text-align: center ;}
.openclose_active::before,
.openclose_active_2::before{width:1.5em ; height:1.4em ; font-weight:normal ; display:inline-block ; font-size:0.8em ; border:1px #76c553 solid ; padding:0.1em ; padding-top:0.2em ; text-align: center ;}
.openclose_btn::before{content: "+" ;}
.openclose_btn_2::before{content: "-" ;}
.openclose_active::before{content: "-" ;}
.openclose_active_2::before{content: "+" ;}
.openclose_btn_close,
.openclose_btn_close_2{cursor:pointer ; font-size:1.5em ; line-height:1.1 ; display:inline-block ; border:1px #cccccc solid ; padding:0.3em ;}





/*●ｽﾏﾎ●*/@media screen and (max-width:560px){
/*スマホ用開閉ボタン
###################################################################################### */
.sph_open_btn{cursor:pointer;}
.sph_open_btn:after{content:"＋"; font-size:0.85em ; line-height:1 ; font-weight:bold ; margin-left:10px ; padding:0 0.1em ;border:1px #000000 solid ; }
.sph_open_btn.active:after{content:"－";}
.sph_open_con{display:none; border:1px #000000 solid ; padding:10px ;}
}




/* 点滅(blink)
###################################################################################### */
@-webkit-keyframes pulse {
from {opacity: 1.0;/*透明度100%*/}
to {opacity: 0.6;/*透明度60%*/}
}
.bli1{
-webkit-animation-name:pulse;
-webkit-animation-duration:0.3s;/* 0.3秒かけて実行 */
-webkit-animation-iteration-count:infinite;/* 何回実行するか。infiniteで無限 */
-webkit-animation-timing-function:ease-in-out;/* イーズインアウト */
-webkit-animation-direction:alternate;/* alternateにするとアニメーションが反復 */
-webkit-animation-delay:0s; /* 実行までの待ち時間 */
}





/* 文章などの案内をスクロール表示
###################################################################################### */
/*
<p class="scroll_s1"><span>XXXXXXXXXX</span></p>
*/
.scroll_s1 {overflow:hidden ;}
.scroll_s1 span{display:inline-block ; padding-left:100% ; white-space:nowrap ; line-height:1em ;
animation:scrollAnime_s1 10s linear infinite ;/*数字を減らすと早くなる*/
}
@keyframes scrollAnime_s1{
0%{transform:translateX(0)}
100%{transform:translateX(-100%)}
}