@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; box-sizing:border-box; word-break:break-all;}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
ul,ol{ list-style:none;}
html,body {
margin:0 auto;
padding:0;
font-family: Lucida Grande,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
font-size:20px;
text-align:left;
color:#191919;
    /*    
background:url(../images/bg.jpg) center center fixed; */
-webkit-text-size-adjust:100%;
overflow-x:hidden;
min-width:750px;
}



.kirikae {
    display: none;
}

@media (max-width: 540px) {
.kirikae {
    display: block;
}
}








.foot_fix_btn {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100% !important;
    
/*    -webkit-transition: all 0.5s;
    transition: all 0.5s;*/
}
#top .foot_fix_btn {
z-index: 100;

}

/*.foot_fix_btn.js_hide {
    transform: translateY(100%);
}*/
.foot_fix_btn ul li{
width:100%;
    float: left;  
background: #FF7BAC;

text-align: center !import；
opacity: 0.7;    }


.f_telnew{width:100%;
float: left;
opacity: 0.9;    
    padding-top: 3%;
padding-bottom: 3%;
text-align: center !import；
}


/*フッタースマホのみ*/
.foot_fix_btn {
    display: none;
}

@media (max-width: 750px) {
.foot_fix_btn {
    display: block;
}
}





img { border-style:none; vertical-align:bottom; padding:0; max-width:100%; }
figure { margin:0 auto; text-align:center;}

p{ line-height:1.75em; margin:0 0 1em; padding:0; text-align:left; background:url(../images/alpha.png);}
p:last-child{
    margin: 0;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    color: #666666;
}
a{ color:inherit; text-decoration:none;}
a:hover{}
.opa { transition: all 0.3s ease;}
.opa:hover { opacity: 0.7;}

.left { text-align:left;}
.right { text-align:right;}
.center { text-align:center;}

.clear { clear:both;}
.clearfix:after{ margin:0px; padding:0px; visibility:hidden; content:"."; display:block; line-height:0; clear:both;}

/*ヘッダー*/
#header{ position: relative;}
#header .catch_tel{ position: absolute; right: 30px; top: 30px;}

/*フッター*/
#footer{
    width: 100%;
    padding-bottom: 120px;
    background-color: #5DB9EF;
}
p.copyright{ text-align:center; margin:0; padding:5px; color:#fff; font-size:13px; letter-spacing:0.1em;}

/*フッター固定*/
#footer_fixed{ display: none; position: fixed; left: 0; right: 0; bottom: -90px; width: 750px; margin: auto; background: #000; box-shadow:rgba(0, 0, 0, 0.66) 0 0 10px 5px; z-index: 100;}
#footer_fixed.active{ display: block; animation:footer_fixed ease-in-out 1s forwards alternate;}
/*フェードイン*/
@keyframes footer_fixed {
0% { bottom: -90px; opacity: 0;}
100% { bottom: 0; opacity: 1.0;}
}
#footer_fixed ul{ display: table; table-layout: fixed; width: 100%; border-collapse: separate; border-spacing: 10px;}
#footer_fixed ul li{ display: table-cell;}
/*メイン*/
#content{
    width: 60%;
    margin: 0 auto;
    background-color: #FFFFFF;
}
#content02{
    width: 60%;
    margin: 0 auto;
    background-color: #FFFFFF;
}



section{
    width: 100%;
    margin: 0 auto;
    color: #FFFDFD;
}
.maincontent{ padding:0; margin:0 auto; background:#fff;}

/*フォーム*/
.form{ position: relative;}
.form figure.btn a{ position: absolute; left: 0; right: 0; bottom: 126px; margin: auto; text-align: center;}
.form figure.btn a img{ animation:fade ease-in-out 1s infinite alternate; position: relative; transition: 0.3s;}
.form figure.btn a:hover img{ transform: scale(1.03); opacity:0.7;}
/*フェードイン*/
@keyframes fade {
0% { top: -8px;}
100% { top: 8px;}
}

/*店舗情報*/
#store_info .maincontent{ padding:15px;}
#store_info .store_nav ul{ letter-spacing:-1em; font-size:1px; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif;}
#store_info .store_nav ul li{ display:inline-block; vertical-align:middle; letter-spacing:normal; font-size:18px; font-weight:bold; width:22%; margin:1%; text-align:center; border-bottom:6px solid #a6ddff; cursor:pointer; line-height:2em; transition: all 0.3s ease;}
#store_info .store_nav ul li{ color:#333333;}
#store_info .store_nav ul li.active{ color:#333333; background:#81cff7;}
#store_info .store_nav ul li:hover{ color:#333333; background:#81cff7;}
#store_info .store_info{ margin:15px auto 0; border:10px double #81cff7; padding:15px;}
#store_info .store_info h3{ text-align:center; background:#81cff7; color:#333333; font-size:24px; line-height:2em; letter-spacing:0.1em; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif;}
#store_info .store_info dl{ display:table; table-layout:fixed; width:100%; margin:10px auto 0;}
#store_info .store_info dl dt{ display:table-cell; vertical-align:top; padding-right:5px;}
#store_info .store_info dl dd{ display:table-cell; vertical-align:top; padding-left:5px;}
#store_info .store_info dl dd iframe{ width:100%; height:220px; vertical-align:bottom;}
#store_info .store_info table{ width:650px; border-collapse:collapse; border-spacing:0; margin:10px auto 0;}
#store_info .store_info table th{ width:8em; text-align:right; font-size:18px;}
#store_info .store_info table td{ padding-left:10px; font-size:16px; color: #66666;}
#store_info .store_info table td a{ color:#326496; text-decoration:underline;}
#store_info .store_info table td a:hover{ text-decoration:none;}
#store_info .store_info ul{ letter-spacing:-1em; font-size:1px;}
#store_info .store_info ul li{ display:inline-block; letter-spacing:normal; width:33.3333%; padding:1%;}
#store_info .store_info{ display:none;}
#store_info .store_info.active{ display:block;}
.fsmall{
     font-size:17px; !important;
    
}
/*form*/
#form .maincontent{
    color: #666666;
    padding: 20px;
    border-bottom: 10px double #fff;
}
#form p.notice{
    font-size: 16px;
    color: #666666;
}
#form a.tel{ font-weight: bold; display: inline-block; margin: 0 0.5em;}

#form table{ margin: 40px auto 20px; width: 100%; border-collapse: collapse; border-spacing: 0; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif;}
#form table th{ width: 39%; vertical-align: top; position: relative; padding: 10px 0 10px 60px; line-height: 1.4em; border-bottom: 1px solid #fff;}
#form table th span{ position: absolute; left: 0; top: 10px; background: #ff7bac; color: #fff; padding: 0.5em; line-height: 1em; font-size: 16px;}
#form table th small{ display: inline-block; font-size: 16px; line-height: 1.2em;}
#form table td{ border-bottom: 1px solid #333333; padding:10px; vertical-align: top; font-size: 18px;}
#form table tr:first-child th,
#form table tr:first-child td{ border-top: 1px solid #333333;}
#form .btn_submit{ text-align: center; margin-top: 20px;}
@media screen and (max-width:750px){
#form table th{ width:100%; display: block; font-size: 30px; text-align: center;}
#form table td{ width:100%; display: block; font-size: 30px; padding: 0.5em;}
#form table th span{ font-size: 22px;}
#form table th small{ font-size: 24px;}
}

#form #mfp_hidden{ display: none;}
#form input[type=submit]{ -moz-appearance:none; -webkit-appearance:none; appearance:none; background:none; border:none;}
#form input, #form textarea, #form select{  font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif; font-size: 18px !important; width:100% !important; max-width:100% !important; padding:0.25em 0.5em !important; box-sizing:border-box; border: none !important; box-shadow: none !important;}
#form select{ margin:0 0 2px !important; padding: 0.25em !important; background: #fff !important;}
#form input[type=checkbox],
#form input[type=radio]{ width: auto !important; display: inline-block; vertical-align: middle; margin-right: 0.5em; position: relative; top: -0.15em;}
/*
#form input[type=radio]{ display: none;}
#form label:after{ content:""; position:absolute; left:15px; top:calc(50% - 10px); width:12px; height:12px; background:#fff; border:3px solid #fff; box-shadow:1px 1px 1px #000, -1px -1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000; border-radius:50%;}
#form input:checked + label:after{ background:#000; width:12px; height:12px; border:3px solid #fff;}
*/
#form input[type=radio]{ display:inline-block; vertical-align: middle;}
#form label{ border: none !important; cursor: pointer; background: #fff; color: #191919; display: block; width: 100% !important; padding: 0.5em 0.5em 0.5em 1em !important; box-shadow: none !important; font-size: 18px; position: relative;}
#form label.mfp_checked{ background: #329632 !important; color: #fff !important;}

#form textarea{ height: 10em !important;}
#form input[type=submit]{ text-shadow: none !important; font-weight:bold; font-size: 24px !important; letter-spacing:0.1em; cursor:pointer; width:100%; margin:0; background: #329632; color: #fff; border: none; border: 10px double #fff !important; padding: 0.5em !important; transition: 0.3s;}
#form input[type=submit]:hover{ opacity: 0.7;}
#form .mfp_err{ color: #fff; font-size: 14px !important; background-position: left center !important;}
#form .mfp_ok{ display: none !important;}
#form .half{ width: calc(50% - 0.5em) !important; margin-right: 10px;}
#form .time{ letter-spacing: -1em;}
#form .time select,
#form .time span{ display: inline-block; letter-spacing: normal; vertical-align: middle; margin: 0 auto;}
#form .time select{ margin: 0 !important}
#form .time span{ width: 1em; text-align: center;}
@media screen and (max-width:750px){
#form .mfp_err{ font-size: 18px !important;}
#form label{ font-size: 30px;}
#form label:after{ left:15px; top:calc(50% - 16px); width:20px; height:20px; border:6px solid #fff;}
#form input:checked + label:after{ width:20px; height:20px; border:6px solid #fff;}
#form input, #form textarea, #form select{ font-size: 30px !important;}
#form input[type=submit]{ font-size: 30px !important;}
}


/*thanks*/
#thanks .maincontent{ padding: 30px; min-height: calc(100vh - 32px);}
.thanks_no{ text-align: center; border: 10px double #191919; padding: 0.5em; margin-bottom: 40px;}
.thanks_no strong{ display: inline-block; margin: 0 0.25em;}
dl.thanks_notice{ background: #fafa96; padding: 1em; margin: 40px auto;}
dl.thanks_notice dt{ text-align: center; color: #c83232; font-weight: bold; font-size: 32px; letter-spacing: 0.1em; border-bottom: 2px dotted #c83232;}
dl.thanks_notice dd{ padding: 1em 1em 0;}
.txt_btn{ margin-top: 40px;}
.txt_btn a{ display: inline-block; background: #dedede; border: 1px solid #aaa; font-size: 16px; padding: 0.5em 1em; transition: 0.3s;}
.txt_btn a:hover{ background: #aaa; color: #fff;}

@media print, screen and (min-width:751px){
.smp{ display:none !important;}
}
@media screen and (max-width:750px){
.pc{ display:none !important;}
}


/*---------------------------------
アコーディオンボックス
--------------------------------*/
.acbox{
  width: auto;
  font-size:0px; /* ラベルと開く部分を分離する時は数値を入れる */
  margin:0 10px; /* ボックス全体の位置調整 */
}

.acbox label{
  width: auto!important;
  font-size: 16px!important; /* ラベルの文字サイズ */
  font-weight: bold!important;
  text-align: center!important;
  background:#db0f2f!important;/* ラベルの背景色 */
  position: relative!important;
  display: block!important;
  padding:10px!important;
    padding-top: 4%!important;
    padding-bottom: 4%!important;    
  border-radius: 4px!important; /* ラベルの角の丸み */
  cursor: pointer!important;
  color: #fff!important;
}

.acbox label:hover{
  background: #FF0000!important; /* ラベルにマウスを乗せた時の背景色 */
}

.acbox input{
  display: none!important;
}

.acbox label:after{
  color: #fff;
  content:"▼"!important; /* ラベルのアイコン */
  position: absolute!important;
  top: 50%!important;
  right: 15px!important;
  margin-top: -14px!important;
}

.acbox input:checked ~ label::after {
  content:"▲"!important; /* ラベルをクリックした後のアイコン */
}

.acbox div{
  height: 0px;
  overflow: hidden;
  opacity: 0;
  transition: 0.15s; /* 開閉スピードの設定 */
}

.acbox input:checked ~ div{
    height: auto;
    padding: 18px; /* 開いた部分の枠内の余白 */
    border-radius: 0px; /* 開いた部分の背景色 */
    opacity: 1;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: rgba(255,255,255,1);
}

.acbox input:checked ~ label {
    background-color: #FF004F!important;
}

.acbox-under{
  font-size: 15px; /* 開いた部分の文字サイズ */
  color: #FFFFFF!important; /* 開いた部分の文字色 */
}
/*---------------------------------
よくある質問
--------------------------------*/
/* アコーディオン */
.ac-container{
    width: auto;
    margin: 30px auto;
}
.ac-container label{
    width: 300px;
    text-align: center;
    background: #ff9b9b;
    margin: auto;
    padding: 10px 5px;
    position: relative;
    display: block;
    height: 40px;
    cursor: pointer;
    color: #fff;
}
.ac-container label:hover{
    background: rgba( 255, 155, 155, 0.55 );
    -webkit-transition: all .3s;
    transition: all .3s;
}
.ac-container label:after{
    color: #fff;
    font-family:"FontAwesome";
    content:"\f067";
}
.ac-container input:checked ~ label::after {
   color: #fff;
   font-family:"FontAwesome";
   content:"\f068";
}
.ac-container input{
   display: none;
}
.ac-container div{
   background: rgba(255, 255, 255, 0.5);
   margin-top: -1px;
   overflow: hidden;
   height: 0px;
   position: relative;
   z-index: 10;
   transition: 
   height 0.3s ease-in-out, 
   box-shadow 0.6s linear;
}
.ac-container input:checked ~ div{
   transition: 
   height 0.5s ease-in-out, 
   box-shadow 0.1s linear;
   box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container div p{
   color: #777;
   line-height: 23px;
   font-size: 14px;
   padding: 20px;
}

/* 高さの定義 */
.ac-container input:checked ~ div.ac-small{
   height: 150px;
}
.ac-container input:checked ~ div.ac-medium{
   height: 200px;
}
.ac-container input:checked ~ div.ac-large{
   height: 100%;
}

/*---------------------------------
動画
--------------------------------*/


.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}





.bkwh{
background: rgba(255,255,255,1.00)
}

.bkimg{
    width: 100%;
    height: auto;
    background-image: url(../images/coro_02.png);
    background-repeat: no-repeat;
    
}

.img100{
    float: left;
    width: 100%;
    height: auto;
}
.pd90{
    padding: 5%;
}
.pd95{
    padding-top: 5%;
    padding-left: 5%;
    padding-right: 5%;
}

.wf-hannari { font-family: "Hannari"; }
.bkwh p {font-size: 160%; }  
.bkwh h3 {font-size: 160%; }  


.topmt10{
    padding-top:  10%;

}
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }


.ac-container{
    width: auto;
    margin: 30px auto;
}
.ac-container label{
    width: 300px;
    text-align: center;
    background: #ff9b9b;
    margin: auto;
    padding: 10px 5px;
    position: relative;
    display: block;
    height: 40px;
    cursor: pointer;
    color: #fff;
}
.ac-container label:hover{
    background: rgba( 255, 155, 155, 0.55 );
    -webkit-transition: all .3s;
    transition: all .3s;
}
.ac-container label:after{
    color: #fff;
    font-family:"FontAwesome";
    content:"\f067";
}
.ac-container input:checked ~ label::after {
   color: #fff;
   font-family:"FontAwesome";
   content:"\f068";
}
.ac-container input{
   display: none;
}
.ac-container div{
   background: rgba(255, 255, 255, 0.5);
   margin-top: -1px;
   overflow: hidden;
   height: 0px;
   position: relative;
   z-index: 10;
   transition: 
   height 0.3s ease-in-out, 
   box-shadow 0.6s linear;
}
.ac-container input:checked ~ div{
   transition: 
   height 0.5s ease-in-out, 
   box-shadow 0.1s linear;
   box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container div p{
   color: #777;
   line-height: 23px;
   font-size: 14px;
   padding: 20px;
}

/* 高さの定義 */
.ac-container input:checked ~ div.ac-small{
   height: 150px;
}
.ac-container input:checked ~ div.ac-medium{
   height: 200px;
}
.ac-container input:checked ~ div.ac-large{
   height: 100%;
}




.ab-container{
    width: auto;
    margin: 30px auto;
}
.ab-container label{
    width: 300px;
    text-align: center;
    background: #ff9b9b;
    margin: auto;
    padding: 10px 5px;
    position: relative;
    display: block;
    height: 40px;
    cursor: pointer;
    color: #fff;
}
.ab-container label:hover{
    background: rgba( 255, 155, 155, 0.55 );
    -webkit-transition: all .3s;
    transition: all .3s;
}
.ab-container label:after{
    color: #fff;
    font-family:"FontAwesome";
    content:"\f067";
}
.ab-container input:checked ~ label::after {
   color: #fff;
   font-family:"FontAwesome";
   content:"\f068";
}
.ab-container input{
   display: none;
}
.ab-container div{
   background: rgba(255, 255, 255, 0.5);
   margin-top: -1px;
   overflow: hidden;
   height: 0px;
   position: relative;
   z-index: 10;
   transition: 
   height 0.3s ease-in-out, 
   box-shadow 0.6s linear;
}
.ab-container input:checked ~ div{
   transition: 
   height 0.5s ease-in-out, 
   box-shadow 0.1s linear;
   box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ab-container div p{
   color: #777;
   line-height: 23px;
   font-size: 14px;
   padding: 20px;
}

/* 高さの定義 */
.ab-container input:checked ~ div.ab-small{
   height: 150px;
}
.ab-container input:checked ~ div.ab-medium{
   height: 200px;
}
.ab-container input:checked ~ div.ab-large{
   height: 100%;
}

/* スマホのみ表示 */
@media screen and (max-width:820px) {
  .pcc{ display: none; }
}

#slideshow {
   position: relative;
   width:  100%; /* 画像の横幅に合わせて記述 */
   height: auto; /* 画像の高さに合わせて記述 */
    float: left;
    
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
        .im_100{
            width: 100%;
            height: auto;
            
        }        
        
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}


/*フッタースマホのみ*/
.foot_fix_btn {
    display: none;
}

@media (max-width: 750px) {
.foot_fix_btn {
    display: block;
}
}

/*スマホPC画像切り替え*/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important;
    }
#content02{
    width: 90% !important;
    margin: 0 auto;
    background-color: #FFFFFF;
}    
#content{
    width: 90% !important;
    margin: 0 auto;
    background-color: #FFFFFF;
}   
}   
/***********************************************/
.mb-10{
    margin-bottom: 3%;
}