/*---------------------------------
add css standard start
--------------------------------*/

html { background: #fff; color: #666; font-size: 62.5%; height:100%; }

body { font-family: "游明朝 Medium" , "Yu Mincho Medium" , "游明朝体 Medium" , "游明朝 Medium" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-weight: 500; text-align: left; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%; line-height: 2.0; -webkit-font-smoothing: antialiased; word-wrap: break-word;}


a {color:#043db0; text-decoration:none;}
a:hover { opacity:0.7;}
a.btn:hover img { opacity:0.7; backface-visibility: hidden; -webkit-backface-visibility: hidden;}
li ,
dt ,
dd ,
th , 
td ,
p {font-size:1.4em}
.fs_s {font-size: 1.2em;}

#main_page h2 {margin-bottom: 100px;}

img {vertical-align:bottom;}

table {
	width: 100%;
}

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

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*促*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.bl ,
.bl_con {padding-top: 100px; margin-top: -100px; background: #fff; position: relative;}
.bl_inner {width: 940px; margin: 0 auto;}
.btn_next_bl {text-align: center; padding-bottom: 100px; }
.btn_con_bl {text-align: center; padding: 50px; }

#bl_02 .bl ,
#bl_04 .bl ,
#bl_06 .bl_con {background: url(../images/bg.png);}

#main_page #page_footer {text-align: center; position: absolute;bottom: 10px; width: 940px;}

.w_440 {width: 440px;}
.fl_l {float: left; display: inline;}
.fl_r {float: right; display: inline;}

.img_w_100 {width: 100%;}

.mb_50 {margin-bottom: 50px;}
.mb_100 {margin-bottom: 100px;}

/*スマートフォンデフォルトブラウザバグ対策*/
p , div , dl, dt , dd , ul , li , span {background:url(../images/spacer.gif) no-repeat;} 

/* =============================================================================
   layout
   ========================================================================== */

.container {width:1080px; margin:0 auto;}

#page_header ,
#bl_00 ,
#bl_01 ,
#bl_02 ,
#bl_03 ,
#bl_04 ,
#bl_05 ,
#bl_06 { width:100%; min-width:1200px;}



#page_header {background:#000; width:100%; height:50px; top:-50px; position:fixed; z-index:999;}


#main_visual {position:fixed; top:0; left:0; width:100%; min-width:1200px; text-align:center; background:#000;}

#main_visual .slider ul .slider_img_01 {background:url(../images/main_page/main_01.jpg) no-repeat top center; background-size:cover;}
#main_visual .slider ul .slider_img_02 {background:url(../images/main_page/main_02.jpg) no-repeat top center; background-size:cover;}
#main_visual .slider ul .slider_img_03 {background:url(../images/main_page/main_03.jpg) no-repeat top center; background-size:cover;}
#main_visual .slider ul .slider_img_04 {background:url(../images/main_page/main_04.jpg) no-repeat top center; background-size:cover;}





#main_body {position:relative; z-index:200; top:0;}

#bl_00 {position: relative; height:1000px;}
#bl_00 h1 ,
#bl_00 nav ,
#bl_00 .btn_sc {position:absolute; z-index:100; display:none; opacity:0;}

#bl_00 h1      {top:45%; left:50%; margin-top:-40px; margin-left:-375px;}
#bl_00 nav     {top:-1%; left:0;}
#bl_00 .btn_sc {bottom:60%; left:50%; margin-left:-30px;}



.page_navi               {font-size:0; width:100%; min-width:1200px;}

.page_navi .navi         {top:0px; position:absolute; width:100%; text-align:center; min-width:1200px;}
.page_navi li  {display:inline; letter-spacing:0;}
.page_navi nav .sub_navi li:nth-of-type(2) {margin-right:7px;}


.page_navi a {  
    -webkit-transition: 0.5s ease-in-out;  
       -moz-transition: 0.5s ease-in-out;  
         -o-transition: 0.5s ease-in-out;  
            transition: 0.5s ease-in-out;  
}  
.page_navi a:hover {opacity: 0.4; filter: alpha(opacity=60);}





.tit_ty_01 {border-bottom: dotted 1px #333; margin-bottom: 50px;}

@media screen and (max-width: 1440px){
}





#bl_01 .fl_r {padding-top: 100px;}
#bl_01 h2 {margin-bottom: 100px;}

#bl_01 .fl_l {position: relative; left: -30px;}



#bl_02 h2 {margin-bottom: 50px;}
#bl_02 .img_bg {width: 100%; height: 400px; background: url(../images/main_page/bl_02_img_01.jpg) no-repeat center; background-size:cover; margin-top: -150px; margin-bottom: 50px;}

#bl_03_05 p {margin-bottom: 50px;}
#bl_03_05   {margin-bottom: 100px;}

.plan   {margin-bottom: 100px;}
.plan h3 {margin-bottom: 30px;}
.plan .lead {margin-bottom: 10px; font-size: 1.6em; }
.plan .note {border-top: dotted 1px #666; border-bottom: dotted 1px #666; padding: 10px; margin-bottom: 10px; }
.plan .note p {font-size: 1.2em }
.plan .note p span {color: #c44c4c; margin-right: 10px;}
.plan h4 {background: #89b9c0; color: #fff; text-align: center; font-weight: bold; font-size: 1.4em; margin-bottom: 10px;}
.plan .sh li {margin-bottom: 10px;}
.plan .sh li span {margin-right: 10px; width: 80px; display: inline-block;}
.plan .plan_img    {width: 480px;}
.plan .plan_img li {float: left; display: inline; margin: 0 0 10px 10px;}





#map_exp {width: 100%; height: 500px;}
#map_spot {width: 100%; height: 500px; margin-bottom: 50px;}



#bl_04 #exp_scroll {margin-bottom: 100px;}

#bl_04 .exp {width: 1000px; margin: 0 auto;}
#bl_04 .exp li {width: 440px; height: 650px; background: #fff; float: left; margin: 0 30px 30px;}
#bl_04 .exp li .inner {width: 400px; margin: 20px auto; }
#bl_04 .exp li .inner p {width: 100%; font-size: 1em; height: 130px;}

#bl_04 .exp li .inner h3 ,
#bl_04 .exp li .inner .btn_bl {text-align: center; width: 400px;}
#bl_04 .exp li .inner h3 {margin-bottom: 10px;}
#bl_04 .exp li .inner .price {text-align: right;}




#bl_05 p {margin-bottom: 100px;}
#bl_05 ul {text-align: center; margin-bottom: 100px;}
#bl_05 ul li {display: inline-block; margin:10px 5px;}




#bl_06 p ,
#bl_06 ul ,
#bl_06 dl {margin-bottom: 30px;}


#bl_06 ul {list-style-type: decimal; margin-left: 30px;}
#bl_06 dl {margin-left: 20px;}
#bl_06 dl dd span {width:70px; display: inline-block;}


#page_01 .page_header,
#page_02 .page_header {width: 100%; background: url(../images/bg.png); text-align: right; margin-bottom: 10px;}
#page_01 .page_header h1 ,
#page_02 .page_header h1 {padding: 10px 10px 0;}


#page_01 .container ,
#page_02 .container {width: 800px; margin: 0 auto 100px;}

#page_01 .con_header ,
#page_02 .con_header {width: 100%; border-bottom: dotted 1px #000; margin-bottom: 20px;}

#page_01 .con_header {height: 75px; position: relative;}
#page_01 .con_header h2 ,
#page_01 .con_header .price {position: absolute;}

#page_01 .con_header h2 {top: 0; left: 0;}
#page_01 .con_header .price {bottom: 0; right: 0;}

#page_01 .text_01 {margin-bottom: 20px;}
#page_01 .text_01 span {font-size: 0.9em;}

#page_01 .photo_bl ,
#page_02 .photo_bl {margin-bottom: 20px;}
#page_01 .photo_bl {position: relative; width: 100%; height: 500px; }
#page_01 .photo_bl li{ position: absolute;}
#page_01 .photo_bl .photo_01 {top: 0; left: 0;}
#page_01 .photo_bl .photo_02 {top: 0; right: 0;}
#page_01 .photo_bl .photo_03 {bottom: 0; right: 0;}

#page_01 .note {margin-bottom: 50px;}
#page_02 .note p ,
#page_01 .note dl {margin-bottom: 30px;}
#page_01 .note dt {font-size:3em; }

#page_01 .note table ,
#page_02 .note table {background:#fbfaf6; border: solid 15px #fbfaf6; margin-bottom: 10px;}
#page_01 .note table th ,
#page_02 .note table th ,
#page_01 .note table td ,
#page_02 .note table td {padding: 3px 10px; margin: 10px; border: solid 15px #fbfaf6; font-size: 1.2em; vertical-align: middle;}
#page_01 .note table th ,
#page_02 .note table th {background: #fff; text-align: center;}
#page_01 .note table td ,
#page_02 .note table td {width: 250px;}

#page_01 .factory .fl_l {width:275px; text-align: right; padding-top: 15px;}
#page_01 .factory .fl_r {width: 480px;}
#page_01 .factory .fl_r dt {font-size: 3em; margin-bottom: 10px;}

#page_01 #page_footer ,
#page_02 #page_footer {text-align: center; margin-bottom: 10px;}