@charset "UTF-8";
/*--------------------------------
clearfix
---------------------------------*/
.clm2:before,
.clm2:after,
.flow li:before,
.flow li:after,
.list2:before,
.list2:after,
#main section.news li:before,
#main section.news li:after,
#contents:before,
#contents:after,
.cf:before,
.cf:after { content: ""; display: table;}



.clm2:after,
.flow li:after,
.list2:after,
#main section.news li:after,
#contents:after,
.cf:after { clear: both;}


.clm2,
.flow li,
.list2,
#main section.news li,
#contents,
.cf {zoom: 1;}


/*--------------------------------
初期設定
---------------------------------*/
html{ font-size:62.5%;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%; } /* 1.6rem=16px */
body{ width:100%; color:#333; background:#fff; font-family:  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; line-height:1;word-break: break-all;}
a:hover{ text-decoration:none; opacity:.8 }
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}
img { max-width: 100%;  height: auto;}

h1,h2,h3,h4,h5,h6,p,li,li li,div{ font-size:18px;font-size:1.8rem;}


/*--------------------------------
header
---------------------------------*/
#header { color:#000;padding:10px 10px 5px 10px; }

#header h1{ font-size:13px;  font-size:1.3rem;padding-bottom:5px; padding-left:40px; margin-right:100px; background:url(/~gankenshin/img/sp_icon.png) left center no-repeat; background-size:40px 40px; }
header h1 span{ display: block; font-size:1rem; margin-right:10px; margin-bottom:2px;font-weight:normal;}
header h1 a{ font-size:1.6rem;  text-decoration:none;}
#header h2{font-size:10px;  font-size:1rem; font-weight:normal; height:4px; }
#header h2 span{ display:none}
#header p{padding-bottom:5px;font-size:10px;   font-size:1rem; font-weight:normal; line-height:1.2 }
#header p span{ display:none}
#header .tel{position:absolute; top:10px; right:70px}
#header .tel a{ text-indent:-9999px; display:block; width:50px; height:50px;}




/*--------------------------------
#contents
#contents{ background:#f8f6f1}
---------------------------------*/



/*--------------------------------
#main
---------------------------------*/
#main section{ margin-bottom:30px}
#main section p{ line-height:1.6; margin-bottom:10px;text-shadow: 0px 1px 1px #fff; text-align:justify; }
#main{padding:10px; box-sizing:border-box;}
#main section h1{ padding-left:10px; margin-bottom:30px;border-left-width:5px; border-left-style: solid; line-height:1.4; font-size:24px;font-size:2.4rem; color:#333;text-shadow: 0px 1px 1px #fff; }
#main section h2{ border-bottom-width:1px;border-top-width:3px; border-bottom-color:#fff;border-style: solid; padding:15px; margin-bottom:15px;font-size: 20px;font-size: 2rem;text-shadow: 0px 1px 1px #fff;  }
#main section h3{  margin-bottom:10px;text-shadow: 0px 1px 1px #fff; font-size:1.8rem;  }
#main section.news{ position:relative;}
#main section.news .newsList{ position:absolute; right:0; top:0}
#main section.news li{ padding:10px 0; border-bottom:1px dotted #CCCCCC}
#main section.news li span{ display:block; padding-bottom:5px; font-weight:bold; font-size:12px;font-size:1.2rem; color:#000}
#main section.news li p{ margin-bottom:0}
#main section p.name{ text-align:right}
.indexBody #main section.news ul{ height:150px; overflow-y:scroll ;}

.utilityNav{ text-align:center}
.utilityNav li {display: inline;}
.utilityNav li:first-child{ margin-right:15px;}
.utilityNav li a{ font-size:12px;font-size:1.2rem; display: inline-block;  width: 45%;border:1px solid #CCC; padding:10px 0; text-decoration:none}

.backHome a{background: #fff}
.gotoTop a{background:#fff }

#main section ol li{ list-style-type:decimal;margin-left: 30px; padding-bottom:10px}
/* パンくず */
.crumb{ margin-bottom:15px; padding:0 0　7px; }
.crumb li{ display:inline; font-size:14px; font-size:1.4rem;}
.crumb li a{ color:#999; }
.crumb li:last-child{ font-weight:bold}

/* STEP */
.stepBar{ text-align:center; margin:20px 0 40px; }
.stepBar li{ position:relative; display:inline-block;font-size:11px;font-size:1.1rem;  background:#e9e9e9; border:1px dotted #ccc; padding:7px; color:#CCC; margin-right:20px; margin-bottom:10px;}
.stepBar li.current{ color:#F90; background:#ffe9c8;border:1px solid #F90;}
.stepBar li span{ position:absolute; right:-20px;top: 10px; color:#CCC}
.stepBar li:last-child{ margin-right:0}

/* お知らせ */
.newsData p,
.newsData .newsIMG{ margin-bottom:10px;}
.newsData .newsIMG{text-align:center}
 .timeData{ text-align:right; color:#333; font-size:11px; font-size:1.1rem; margin-top:-10px }


/*お問い合わせ*/
.btnArea{ text-align:center; margin-bottom:40px}
.btnArea li{ width:40%;  margin: 0 auto;display: inline-block;}
.btnArea li a {display: block;padding: 15px 0;text-decoration: none;border-radius: 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;}
.btnArea li:first-child{ margin-right:10px }
.btnArea li.back a{ background:#999}
#main .userDataArea li h2{ }

/* greeting */
.greetingprofile{ text-align:center; margin-bottom:40px;}
.greetingprofile img{ text-align:center; margin:0 0 10px; max-width: 70%;}
.greeting-name{ font-size:2.2rem}
.greetingprofile dl{text-align:left; margin-bottom:20px;}
.greetingprofile dl dt{ font-weight:bold; margin-bottom:5px;}
.greetingprofile dl dd{ margin-bottom:5px;}

/**/
.flowArea{}
.flowArea li{ padding-bottom:50px!important; background:url(/~gankenshin/flow/img/flow.png) center bottom no-repeat; list-style-type:none!important}
.flowArea li:last-child{ background:none}
.flowArea li div{ margin-bottom:10px;}

.list02{ margin-bottom:40px; list-style-type: initial;}
.list02 li{ margin-bottom:10px; margin-left:30px; line-height:1.4; text-align:justify;}


/* 予約フォーム */
.select-programArea{ margin-bottom:20px; background:#fff4e4; padding:10px;text-align:center}
#main .select-programArea p{ margin-bottom:0}
.select-program{ background:#fff4e4;}
.select-programAreatitle{ color:#F90; font-weight:bold; }
.attention{ margin:20px 0; list-style-type: disc}
.attention li{ margin-left:20px; margin-bottom:5px;font-size:1.6rem; line-height:1.4}
.attention li.picup{ color:#C00}


/* 予約table */
.select-calendar{ margin-bottom:20px}
.select-calendar caption{ text-align:center; font-weight:bold;}
.select-calendar th,
.select-calendar td{ padding:5px;}
.select-calendar th{ background: #CCC; color:#fff; text-align:center; border-right:1px solid #fff;}
.select-calendar th:last-child{border-right:none}
.select-calendar td{ text-align:center; color: #999}
.mon{ background:#fff1e6}
.tue{ background:#deecfc}
.wed{ background:#d6f6ff}
.thu{ background:#ffdede}
.fri{ background:#f5fee1}
.select-calendar .mon,
.select-calendar .tue,
.select-calendar .wed,
.select-calendar .thu,
.select-calendar .fri{ font-weight:bold; }
.select-calendar td a{ display:block; color:#33F}
.calendar-wrap div{ width:100%;}
.calendar-nav{ margin-bottom:40px; text-align:center }
.calendar-nav li{ display: inline-block; width:48%;}
.preferred-date{ margin-bottom:10px; text-align:center}
.preferred-date li{ font-size:1.6rem}
.preferred-date li dl{ border:1px solid #74a03c;}
.preferred-date li dl dt{ padding:5px; background:#74a03c; color:#fff}
.preferred-date li dl dd{ padding:10px 0;}
.btnArea li.reset a{ background:#e6e6e6}

/* top */
.top-pickup{}
.top-pickup li{ display:inline-block; width:100%; margin-top:10px;padding:0 10px; box-sizing:border-box}
.top-pickup li img{ width:100%; height:auto;box-shadow: 0 0 8px gray; box-sizing:border-box}
/*--------------------------------
#side
---------------------------------*/
#side{padding:10px;box-sizing:border-box ;}
#side nav{ box-sizing:border-box; border:1px solid #cccccc}
#side nav section h1{ padding:10px ; text-align:center; background:#74a03c; color:#fff; font-size:1.5rem;}
#side nav section ul{}
#side nav section ul ul{ padding-bottom:0;}
#side nav section ul ul li{ border-bottom:1px dotted #ccc}
#side ul li{ line-height:1.6; border-bottom:1px solid #cccccc}
#side ul li a{ display:block; color:#000; padding:14px 6px 14px 15px ; text-decoration:none;text-shadow: 0px 1px 1px #fff;  }
#side ul li a:hover{ background:#e2f0c2;}
#side ul li li{ margin-left:20px;}
#side ul li ul{}
#side ul li:last-child,
#side ul li li:last-child{ border-bottom:none}
#side ul li li a{ border-left:3px solid #e8e8e8; color:#333}
/*--------------------------------
footer
---------------------------------*/

#footer{  text-align:center; padding:20px 0 0;}
#footer p{ margin:0 10px; padding-bottom:5px;font-size:10px; font-size:1rem; color:#000 }
#footer p.sitenameSub{ color:#999 }
#footer p.sitename{ font-size:14px; font-size:1.4rem;  font-weight:bold}
#footer a{  margin-bottom:10px; display:block; padding:15px;  color:#4bb3db;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;font-size:14px; font-size:1.4rem; }
#footer .fotterMap{ margin:10px 10px 0;}
#footer small{ display:block; background:#74a03c; color:#fff; padding:10px 0}
/*--------------------------------
汎用
---------------------------------*/

table{width: 100%; margin-bottom:5px; }
.table-wrap{overflow: auto;　/*tableをスクロールさせる*/ white-space: nowrap; margin-bottom:30px;　　/*tableのセル内にある文字の折り返しを禁止*/  }
.table-wrap::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/ height: 5px;}
.table-wrap::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/ background: #F1F1F1;}
.table-wrap::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/ background: #BCBCBC;}
th{ width: auto; text-align: left;  background:#f7f7f7}
th, td { padding:10px;border: 1px solid #ccc;line-height:1.4; white-space: nowrap; }
td {background:#fff; }
table th{ font-weight:bold}
.sectionImg{ padding:10px 0}
.list,.list2 { margin-bottom:30px}
.list li{ border-bottom:1px dotted #CCC; padding:10px 0; line-height:1.4; }
.list li{margin-left:20px; padding-left:20px; background:url(/~gankenshin/img/slide_li_li.png) left 14px no-repeat; background-size:12px 12px; text-align:justify;}
//.list li:first-child{border-top:1px dotted #CCC; margin-top:10px;}
.list li:first-child{margin-top:10px;}
.list2 li{ width:100%; border:1px solid #CCC ; padding:10px; margin-bottom:20px; box-sizing:border-box; background:#fff;line-height:1.4}
.list2 li .sectionImg{ padding-top:0}
.textcenter{ text-align:center}
.bold{ font-weight:bold; }
.borderbox{ padding:10px; margin-bottom:10px; background:#fff; border:1px solid #ccc}
.box{ cursor:pointer}
.box:hover{opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: “alpha( opacity=80 )”;}
.mBtm20{ margin-bottom:20px}
.small{ font-size:11px!important;}
.flow { margin-bottom:20px;}
.flow li .step{ width:100%; padding:10px; text-align:center; box-sizing:border-box; background:#dedede; color:#666; font-weight:bold; border-left:1px solid #c7c7c7;border-right:1px solid #c7c7c7;border-top:1px solid #c7c7c7; line-height:1.4}
.flow li .stepcontent{border: 1px solid #ccc;background-color: #fff;padding: 10px;line-height: 1.4;}
.y-flow { text-align:center; }
.y-flow img{  width:50px; height:auto}
.flow li{ background:url(/~gankenshin/img/y.png) center bottom no-repeat; background-size:50px auto; padding-bottom:45px;}
.flow li:last-child{ background:none; padding-bottom:20px}


.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}




@media screen and (max-width: 480px) {
}
@media only screen and (min-width: 481px) {
#menu li a{ font-size:14px; font-size:1.4rem;}

}

@media only screen and (max-width: 720px) {
#header .tel a{ background: url(/~gankenshin/img/icon_tel.png) left top no-repeat; background-size:50px 50px}
#side .subContnts{ display:none}

}
@media only screen and (min-width: 721px) {
.crumb{ margin-bottom:40px}
html{}
body{ background:url(/~gankenshin/img/pc_html_bg.jpg) center top repeat-x}
#menu-box { margin:0 auto;
/*Other Browser*/
background: #fff;
/*For Old WebKit*/
background: -webkit-linear-gradient(
	#fff 0%,
	#fff 50%,
	#eeeeee 51%,
	#eeeeee 100%
);
/*For Modern Browser*/
background: linear-gradient(
	#fff 0%,
	#fff 50%,
	#eeeeee 51%,
	#eeeeee 100%
);
 max-width:960px; border:1px solid #d5d5d5; height: 42px;
}
#menu li a{ font-size:12px; font-size:1.2rem; }
#header{ padding:0;background-color:none!important; background:#fff url(/~gankenshin/img/pc_bg.jpg) center top repeat-x }
header{ position:relative; max-width:960px; height:0;padding-top:12.1875%; background:url(/~gankenshin/img/header_bg3.png) left top no-repeat;-moz-background-size:100% auto ;background-size: 100% auto ;}
#header h1{background:none }
header h1 span{ display: inline-block; }

#header h1 a{position: absolute;top: 0; display:block; height:90px; width:540px;text-indent:-9999px; }
#header h2,
#header p{ text-indent:-9999px; width:0; height:0}
#menu{  line-height: 44px;}
#contents{width:100%;  max-width:960px; margin:0 auto}
#main{width:70%;  float:right; padding:20px 10px 10px; box-sizing:border-box; }
.indexBody #main{padding: 20px 10px 10px;}

.utilityNav{ text-align:right; }
.utilityNav li.backHome{ display:none}
.utilityNav li.gotoTop a{text-decoration:underline; background:none; border:none}
.utilityNav li.gotoTop a:hover{ text-decoration:none}


#main section.news li p{ margin-left:160px;}
#main section.news li span{float:left; display:block; width:160px; padding-bottom:0; line-height:2; font-size:1.6rem}
.indexBody #main section.news ul{ height:280px;}
.stepBar li{ font-size:12px; font-size:1.2rem}
.left{ float:left; padding:0 10px 10px 0; width:50%}
.right{ float:right; padding:0 0 10px 10px;}
.font10{font-size:10px!important; font-size:1rem!important }
.font11{font-size:11px!important; font-size:1.1rem!important }
.font12{font-size:12px!important; font-size:1.2rem!important }
.font13{font-size:13px!important; font-size:1.3rem!important }
.font14{font-size:14px!important; font-size:1.4rem!important }
.font15{font-size:15px!important; font-size:1.5rem!important }
.font16{font-size:16px!important; font-size:1.6rem!important }
#side{ width:30%; margin:10px 0 30px 0; padding:10px 10px 10px 0;  float:left; box-sizing:border-box}
#side .subContnts{ margin-top:6px}
#side nav{ background:#fff;box-sizing:border-box; margin-left:10px}
#side ul li{font-size:13px;font-size:1.3rem;line-height: 1.2; }
#side ul li a{ display:block; padding:13px 10px 13px 10px ; font-size:1.3rem; text-decoration:none; }
#side nav section h1{height: 35px;box-sizing:border-box;width: 100%;}
#side ul li:last-child{ border-bottom:none}
#side ul li ul{}
#side ul li li{ background:none}
#side ul li li a{ font-size:1.3rem;}
#footer{}
#footer p{ display:inline}
#footer p.sitenameSub{ color:#000}
#footer p.sitename{ }
#footer p.address{}
#footer div{ margin:20px 0;}
#footer div .fotterTel a{ text-decoration:none; cursor:default;color:#000}
#footer div .fotterMail a{ text-decoration:none; background:#fff; padding:10px 20px;  color:#74a03c}
#footer div .fotterTel a:hover{color:#000}
#footer div p a{  display:inline}
.list2 li{width: 48.8%;float:left; margin-right:10px;}
.list2 li:nth-child(2n){ margin-right:0}
.flow li .step{float:left; width: 150px;border-bottom:1px solid #c7c7c7}
.flow li .stepcontent{margin-left: 170px;}
.leftcontens{ width:50%; float:left; padding-right:10px; margin-bottom:10px; box-sizing:border-box}
.rightcontens{ width:50%; float:left ;margin-bottom:10px;}
.w50{ width:50%}

/* greeting */
.greetingprofile{ text-align:left}
.greetingprofile img{ float:left; margin:0 10px 20px 0; max-width: 40%;}
.greetingprofile dl{text-align:left; margin-bottom:20px; margin-top:20px;}
.greetingprofile dl dt{ font-weight:bold; margin-bottom:10px;}
.greetingprofile dl dd{ margin-bottom:10px;}

.pc-w50{ float:right; margin:0 0 10px 10px; width:40%; height:auto}
.top-pickup li{ width:33.3333333%; margin-top:10px; margin-bottom:10px; padding:0 10px 0 0;}
}
 @media only screen and (min-width: 841px) {
}
@media only screen and (min-width: 961px) {
header{  margin:0 auto; height:117px; padding-top:0; }
#menu li a{ font-size:14px; font-size:1.4rem;}
#side{ padding-right:30px}
#side nav{ margin-left:0}
.calendar-wrap{ margin:40px 0 20px; text-align:center}
.calendar-wrap div{display: inline-block;width: 32.5%; font-size:1.3rem}
.calendar-wrap div table{ width:90%}
.preferred-date li{ display: inline-block; width:32%;}
}

@media only screen and (min-width: 1081px) {

}

@media only screen and (max-width: 890px) {
	#side ul li a{ font-size:1rem; }
}