@charset "UTF-8";


/*----------------------------------------------------
	BODY
----------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
  margin: 0;
  padding: 0;
}

html,div {
  margin: 0;
  padding: 0;
font-family:"游ゴシック体","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","Yu Gothic",YuGothic,"メイリオ",Meiryo,sans-serif;
  color: #333;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 15px;
  background: #FFF url() repeat top left;
}

h1,h2,h3,h4,h5,h6,p {
   margin: 0;
   padding: 0;
   line-height: 1.4em;
   font-size: 100%;
}

ul,ol,li {
   margin: 0;
   padding: 0;
   list-style: none;
}

img {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}
a img {
  border:none;
}

a:link, a:visited {
  color: #A6791F;
  text-decoration: none;
  outline : 0;
}

a:hover {
  color: #333;
  text-decoration: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}


.clear {
  clear: both;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*----------------------------------------------------
	WRAPP
----------------------------------------------------*/
div#wrapp {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

img {
  width: 100%;
}


/*----------------------------------------------------
	HEADER
----------------------------------------------------*/



.header {
  width: 100%;
  height: 50px;
  overflow: hidden;
  background: transparent url(../images/common/header_bg.png) repeat 0 0;
}

.header div.header_inner {
  width: auto;
  text-align: left;
  position: relative;
}

.header div.header_inner div.h_first {
  width: auto;
}

.header div.header_inner div.h_first h1 {
  width: 45%;
  float: left;
}

.header div.header_inner div.h_first h1 img {
  width: 100%;
  max-width: 150px;
  padding: 8px 0 0 10px;
}

.header div.header_inner div.h_first ul.head_nav1 {
  width: 50%;
  max-width: 210px;
  float: right;
}

.header div.header_inner div.h_first ul.head_nav1 li.hnav01 {
  width: 33.3%;
  float: right;
  text-align: center;
}

.header div.header_inner div.h_first ul.head_nav1 li.hnav01 img {
  width: auto;
  height: 50px;
}

.header div.header_inner div.h_first ul.head_nav1 li.hnav02 {
  width: 33.3%;
  float: right;
  text-align: center;
}

.header div.header_inner div.h_first ul.head_nav1 li.hnav02 img {
  width: auto;
  height: 50px;
}

.header div.header_inner div.h_first ul.head_nav1 li.hnav03 {
  width: 33.3%;
  float: right;
  text-align: center;
}

.header div.header_inner div.h_first ul.head_nav1 li.hnav03 img {
  width: auto;
  height: 50px;
}


.header div.header_inner div.h_first ul.head_nav1 li.hnav01 a {
  width: auto;
  display: block;
  border-left: 1px #D8D8D8 solid;
}

.header div.header_inner div.h_first ul.head_nav1 li.hnav03 a {
  width: auto;
  display: block;
  border-left: 1px #D8D8D8 solid;
/*  border-right: 1px #D8D8D8 solid;*/
}



/*----------------------------------------------------
	key
----------------------------------------------------*/
div.key_wrapp {
  width: auto;
}

div.key_wrapp div.key_inner {
  width: auto;
}

div.key_wrapp div.key_inner p.call {
  width: auto;
  background-color: #E8E8E8;
}


/*----------------------------------------------------
	BL001
----------------------------------------------------*/

#BL001 {
  width: auto;
}

#BL001 p.bl01_01 {
  width: auto;
  padding: 1em 0 0 0;
}

#BL001 div.grey_bg_block {
  width: auto;
  background-color: #EEEEEE;
}

/*----------------------------------------------------
	BL001
----------------------------------------------------*/

#BL002 {
  width: auto;
}

#BL002 div.camp_block {
  width: auto;
}

#BL002 div.camp_block p.banner01 {
  width: auto;
  padding: 20px 0.7em 10px;
}

#BL002 div.camp_block p.banner02 {
  width: auto;
  padding: 0 0.7em 10px;
}

#BL002 div.camp_block p.banner03 {
  width: auto;
  padding: 0 0.7em 20px;
}

#BL002 div.camp_block p.banner_btn {
  width: 40%;
  margin: 0 auto;
  padding: 20px 0;
}

#BL002 div.camp_block div.banner_area {
  width: auto;
  margin: 0 0.7em;
  padding: 20px 0 0 0;
  border-top: 1px #AAA dotted;
}






/*----------------------------------------------------
	BL01
----------------------------------------------------*/

#BL01 {
  width: auto;
}

#BL01 p.bl01_01 {
  width: auto;
  padding: 1.5em 0 0 0;
}

#BL01 p.bl01_02 {
  width: auto;
  padding: 1.0em 0 1.0em 0;
}

#BL01 p.bl01_03 {
  width: auto;
  padding: 2.0em 0 0 0;
}

#BL01 p.bl01_04 {
  width: auto;
  padding: 1.0em 0 0 0;
}

#BL01 p.bl01_05 {
  width: auto;
  padding: 2.0em 0 0 0;
}

#BL01 p.bl01_06 {
  width: auto;
  padding: 2em 0 0 0;
}


/*----------------------------------------------------
	BL02
----------------------------------------------------*/

#BL02 {
  width: auto;
}

#BL02 p.bl02_01 {
  width: auto;
  padding: 1.5em 0 0 0;
}

#BL02 p.bl02_02 {
  width: auto;
  padding: 1.0em 0 0 0;
}


#BL02 p.bl02_03 {
  width: auto;
  padding: 1.8em 0 0 0;
}


#BL02 p.bl02_04 {
  width: auto;
  padding: 1.8em 0 1em 0;
}


/*----------------------------------------------------
	BL03
----------------------------------------------------*/

#BL03 {
  width: auto;
}

#BL03 p.bl03_01 {
  width: auto;
  margin: 0 0 2em 0;
  padding: 2em 0 0 0;
}


#BL03 div.bg_grey{
  margin: 2em 0 0 0;
  padding: 0 0 3em 0;
  border-top: 2px #E0E0E0 solid;
  border-bottom: 2px #E0E0E0 solid;
  background: transparent url(../images/bl03_bg.png) repeat top left;
}

#BL03 p.bl03_02 {
  width: auto;
  padding: 1em 0 0 0;
}

#BL03 p.bl03_03 {
  width: auto;
  padding: 2.5em 0 0 0;
}

#BL03 p.bl03_04 {
  width: auto;
  padding: 3.5em 0 0 0;
}

#BL03 p.bl03_05 {
  width: auto;
  padding: 3.5em 0 0 0;
}

#BL03 p.bl03_06 {
  width: auto;
  padding: 3.5em 0 0 0;
}

#BL03 p.bl03_07 {
  width: auto;
  padding: 3.5em 0 0 0;
}



/*----------------------------------------------------
	BL003
----------------------------------------------------*/

#BL003 {
  width: auto;
}

#BL003 div.qa_container {
  width: auto;
  text-align: left;
}

#BL003 div.qa_container p.head {
  width: auto;
}

#BL003 div.qa_container div.qa_inner {
  width: auto;
  padding: 0 0 1em 0;
  border-bottom: 4px #5BB7E8 solid;
  background: transparent url(../images/qa_body.png) repeat-y top left;
  background-size: 100%;
}

#BL003 div.qa_container div.qa_inner h3 {
  width: 30%;
  margin: 0 auto;
  padding: 1em 0;
}


/*----------------------------------------------------
	QA
----------------------------------------------------*/



#BL003 div.qa_container div.qa_inner ul.qa_list {
  width: auto;
  margin: 0 0;
}

#BL003 div.qa_container div.qa_inner ul.qa_list li {
  width: auto;
  margin: 1em 0.5em;*/
  padding: 0 0.6em;
  background-color: #FBF8F1;
}

#BL003 div.qa_container div.qa_inner ul.qa_list li span {
  width: auto;
  display: block;
  margin: 0 0 0 40px;
}



#BL003 div.qa_container div.qa_inner ul.qa_list li span a:link,
#BL003 div.qa_container div.qa_inner ul.qa_list li span a:visited {
  width: auto;
  display: block;
  padding: 12px 0 10px 0;
  text-align: center;
  color: #333;
  font-weight: bold;
  font-size: 13px;
  text-decoration: none;
  outline : 0;
  background: #DDCEB7 url(../images/arrow_s.png) no-repeat 96% 50%;
}

#BL003 div.qa_container div.qa_inner ul.qa_list li span a:hover {
  width: auto;
  display: block;
  padding: 12px 0 10px 0;
  text-align: center;
  color: #BA9E66;
  font-weight: bold;
  font-size: 13px;
  text-decoration: none;
  background: #E0DCD1 url(../images/arrow_s.png) no-repeat 96% 50%;
}


#BL003 div.qa_container div.qa_inner ul.qa_list li dl dt {
  width: auto;
  padding: 0.8em;

  background: transparent url(../images/acon_q.png) no-repeat 4% 40%;
  background-size: 20px auto;
  -webkit-background-size: 20px auto;/* Safari,Google Chrome */  
  -moz-background-size: 20px auto;/* Firefox */  
  -o-background-size: 20px auto; /* Opera */
}

#BL003 div.qa_container div.qa_inner ul.qa_list li dl dt span {
  padding: 0 40px 0 0;
  display: block;
  cursor: pointer;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.8em;
  background: transparent url(../images/icon_off.png) no-repeat 98% 0;
  -webkit-background-size: 22px auto;
  -moz-background-size: 22px auto;
  -o-background-size: 22px auto;
  background-size: 22px auto;
}


#BL003 div.qa_container div.qa_inner ul.qa_list li dl dt.open span {
  background: transparent url(../images/icon_on.png) no-repeat 98% 0;
  -webkit-background-size: 22px auto;
  -moz-background-size: 22px auto;
  -o-background-size: 22px auto;
  background-size: 22px auto;
}

#BL003 div.qa_container div.qa_inner ul.qa_list li dl dd {
  padding: 15px 5px 10px 15px;
  background: transparent url(../images/acon_a.png) no-repeat  4% 15px;
  background-size: 20px auto;
  -webkit-background-size: 20px auto;/* Safari,Google Chrome */  
  -moz-background-size: 20px auto;/* Firefox */  
  -o-background-size: 20px auto; /* Opera */
}

#BL003 div.qa_container div.qa_inner ul.qa_list li dl dd span {
  width: auto;
  line-height: 1.8em;
}

#BL003 div.qa_container div.qa_inner ul.qa_list li dl dd span em {
  width: auto;
  display: block;
  padding: 20px 0 0 0;
  font-size: 12px;
  line-height: 1.8em;
  color: #000;
}

#BL003 div.qa_container div.qa_inner ul.qa_list li dl dd span sup {
  width: auto;
  margin: 0 0 0 -8px;
  font-size: 11px;
  vertical-align: super;
}

#BL003 div.clinic_container {
  width: auto;
  padding: 2em 0 0 0;
}

#BL003 div.clinic_container h3 {
  width: auto;
}

#BL003 div.clinic_container ul {
  width: auto;

}

#BL003 div.clinic_container ul li {
  width: auto;
}



/*----------------------------------------------------
	footer
----------------------------------------------------*/


footer {
  width: auto;
  padding: 5px 0 0 0;
  background: transparent url(../img/sp/footer_line.png) repeat-x top left;
}

footer p {
  width: auto;
  padding: 0.8em 0 5em 0;
  font-size: 10px;
  text-align: center;
  color: #fff;
  background-color: #333;
  font-family: Verdana;
}



/*----------------------------------------------------
	CONTACT
----------------------------------------------------*/

div.contact_area {
  width: auto;
  background: transparent url(../images/contact_bg.png) repeat top left;
}

div.contact_area div.inner {
  width: auto;
  background: transparent url(../images/contact_head.png) repeat-x top left;
}

div.contact_area div.inner div.block {
  width: auto;
  background: transparent url(../images/contact_foot.png) repeat-x bottom left
}

div.contact_area_top {
  width: auto;
  background: none;
}

div.contact_area_top div.inner {
  width: auto;
  background: none;
}

div.contact_area_top div.inner div.block {
  width: auto;
  background: none;
}

div.contact_area_top div.inner div.block p.banner_night {
  width: auto;
  margin: 0 0.7em;
  padding: 0 0 2em 0;
}


div.contact_area div.inner div.block p.call {
  width: auto;
  padding: 1em 0 0 0;
}

div.contact_area div.inner div.block p.read {
  width: auto;
  padding: 2em 0 0 0;
}

div.contact_area div.inner div.block p.contact_title {
  width: auto;
  padding: 1.5em 0 0 0;

}

div.contact_area div.inner div.block p.contact_btn {
  width: auto;
  padding: 1em 0 2em 0;


}

div.contact_area div.inner div.block p.line_btn {
  width: auto;
  padding: 1em 0 0 0;
}

div.camp_block p.banner_night {
  width: auto;
    margin: 0 0.7em;

padding: 0 0.8em 2em 0.8em;
}








/*----------------------------------------------------
	fix bt
----------------------------------------------------*/


div.fixcBt {
  width: 100%;
  position: fixed;
  bottom: 0;
}

div.fixcBt ul {
  width: auto;
}

div.fixcBt ul li {
  width: 50%;
  float: left;
}

div.fixcBt ul li img {width: 100%;}

div.fixcBt ul li#f_mail {
  background-color: #59AAB3;
}

div.fixcBt ul li#f_tell {
  background-color: #DBCCB0;
}

div.fixcBt ul li a {
  width: auto;
  display: block;
  padding: 0.6em 0.5em;
}







/*----------------------------------------------------
	Ver check
----------------------------------------------------*/

div.noBrowser {
  width: 100%;
  margin: 0 auto;
  padding: 25px 0;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  background-color: #990000;
}




/*****add_2018_0209******/

div.camp_block {
  width: auto;
}

div.camp_block p.banner01 {
  width: auto;
  padding: 20px 0.7em 10px;
}

div.camp_block p.banner02 {
  width: auto;
  padding: 0 0.7em 10px;
}

div.camp_block p.recomend {
  width: auto;
  padding: 1.5em 0.7em 0 0.7em;
}

div.camp_block p.banner03 {
  width: auto;
  padding: 0 0.7em 20px;
}

div.camp_block p.banner_btn {
  width: 40%;
  margin: 0 auto;
  padding: 20px 0;
}

div.camp_block div.banner_area {
  width: auto;
  margin: 0 0.7em;
  padding: 20px 0 0 0;
  border-top: 1px #AAA dotted;
}


div.camp_block p.banner_night {
  width: auto;
  padding: 20px 0 5px 0;
}



/*----------------------------------------------------
	COMMON
----------------------------------------------------*/

.base_red {
  color: #990000;
}
.brown {color: #B68A4A;}
.bold {font-weight: bold;}

.pt_5 {padding: 5px 0 0 0;}
.pt_10 {padding: 10px 0 0 0;}
.pt_15 {padding: 15px 0 0 0;}
.pt_20 {padding: 20px 0 0 0;}
.pt_25 {padding: 25px 0 0 0;}
.pt_30 {padding: 30px 0 0 0;}
.pt_35 {padding: 35px 0 0 0;}
.pt_40 {padding: 40px 0 0 0;}
.pt_45 {padding: 45px 0 0 0;}
.pt_50 {padding: 50px 0 0 0;}
.pt_55 {padding: 55px 0 0 0;}
.pt_60 {padding: 60px 0 0 0;}
.pt_65 {padding: 65px 0 0 0;}
.pt_70 {padding: 70px 0 0 0;}

.pb_5 {padding: 0 0 5px 0;}
.pb_10 {padding: 0 0 10px 0;}
.pb_15 {padding: 0 0 15px 0;}
.pb_20 {padding: 0 0 20px 0;}
.pb_25 {padding: 0 0 25px 0;}
.pb_30 {padding: 0 0 30px 0;}
.pb_35 {padding: 0 0 35px 0;}
.pb_40 {padding: 0 0 40px 0;}
.pb_45 {padding: 0 0 45px 0;}
.pb_50 {padding: 0 0 50px 0;}
.pb_55 {padding: 0 0 55px 0;}
.pb_60 {padding: 0 0 60px 0;}


.mt_5 {margin: 5px 0 0 0;}
.mt_10 {margin: 10px 0 0 0;}
.mt_15 {margin: 15px 0 0 0;}
.mt_20 {margin: 20px 0 0 0;}
.mt_25 {margin: 25px 0 0 0;}
.mt_30 {margin: 30px 0 0 0;}
.mt_35 {margin: 35px 0 0 0;}
.mt_40 {margin: 40px 0 0 0;}
.mt_45 {margin: 45px 0 0 0;}
.mt_50 {margin: 50px 0 0 0;}
.mt_55 {margin: 55px 0 0 0;}
.mt_60 {margin: 60px 0 0 0;}
.mt_65 {margin: 65px 0 0 0;}
.mt_70 {margin: 70px 0 0 0;}


.mb_5 {margin: 0 0 5px 0;}
.mb_10 {margin: 0 0 10px 0;}
.mb_15 {margin: 0 0 15px 0;}
.mb_20 {margin: 0 0 20px 0;}
.mb_25 {margin: 0 0 25px 0;}
.mb_30 {margin: 0 0 30px 0;}
.mb_35 {margin: 0 0 35px 0;}
.mb_40 {margin: 0 0 40px 0;}
.mb_45 {margin: 0 0 45px 0;}
.mb_50 {margin: 0 0 50px 0;}
.mb_55 {margin: 0 0 55px 0;}
.mb_60 {margin: 0 0 60px 0;}



.fs20 {font-size: 20px;}
.fs25 {font-size: 25px;}
.fs30 {font-size: 30px;}
.fs35 {font-size: 35px;}
.fs40 {font-size: 40px;}
.fs45 {font-size: 45px;}
.fs50 {font-size: 50px;}

.mt_20 {margin: 20px 0 0 0;}