@charset "UTF-8";

/*--------------------------------------------------------
モバイル用レイアウト（767px以下の解像度のスクリーン含む）
--------------------------------------------------------*/

@media
only screen and (max-width : 767px){

img,
#mainimg{
	height: auto !important;
}

a[href^="tel:"] {
	pointer-events: inherit;
}

h2.main_ttl .left,
h2.main_ttl .right,
.btm_ttl img,
.vs_cont .right p#t3 br{
	display: none;
}

.left,
.right,
.cont1 .pic,
.cont2 .pic,
.ftr_btm p,
.bus_t .left{
	float: none;
}

#mainimg h1 img,
.prices .left img,
#mapimg img,
.width1050 p,
#sec03_tbl,
#flow_img img,
#flow_img div img,
.vv_cont img,
#v_img img,
.vs_cont .left img,
.vs_cont .right,
.vs_cont .right p#t1,
.vs_cont .right p#t2,
#point img,
#list_img img,
.deai_bx .left img,
.deai_bx .right{
	width: 100%;
}

.width1000,
h2.main_ttl,
#graph img,
.width1050,
#course img,
#copyright address,
#flow_img,
.ttl_txt,
p#feel_txt{
	margin-left: 3%;
	margin-right: 3%;
	width: 94%;
}

.sp_none{
	display: none;
}

.sp_only{
	display: block;
}


.times .times_ttl,
p.border{
	padding-left: 3%;
	padding-right: 3%;
}

	#sec02{
		padding-top: 0;
	}
.imgs img{
	padding-left: 3%;
	padding-right: 3%;
	width: 94%;
}

.vs_cont .right p#t1{
	font-size: 24px;
}

.vs_cont .right p#t2,
p#feel_txt{
	font-size: 22px;
}

p#feel_txt{
	line-height: 1.4em;
	padding-top: 20px;
}

h2.main_ttl p,
.ttl_txt{
	font-size: 22px;
	line-height: 22px;
}

p#feel_txt span{
	font-size: 14px;
	line-height: 14px;
}

h2.main_ttl p span#t1{
	font-size: 16px;
	line-height: 16px;
}

p.border{
	font-size: 18px;
}

p.border_txt,
.vs_cont .right p#t3,{
	font-size: 16px;
}

#mainimg{
	padding: 100px 0px 400px;
}

#mainimg h1{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	width: 20%;
	margin-left: auto;
	margin-right: auto;
}

.times .times_ttl{
	font-size: 18px;
	box-sizing: border-box;
}
.times span.times_sttl{
	font-size: 15px;
}
.block.prices{
	display: block;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 30px;
}
.common_btn img{
	width: 60%;
}

.prices .left{
	padding-bottom: 15px;
}

.prices .right img,
.width1050 .right img,
#sec03_btn img{
	width: 70%;
}

.width1050 p,
h2.main_ttl p span#t2,
#detail_t p#t1,
.t_main p#t_1 span,
.t_main p#t_2 span{
	padding-left: 0px;
	font-size: 14px;
}

h2.main_ttl p span#t2{
	line-height: 1.4em;
}

.width1050 p span{
	font-size: 18px;
}

.width1050 .right{
	text-align: center;
	padding-top: 25px;
}

.ftr_btm a#pagetop{
	float: none;
}

.othr_cont .cont_r,
.othr_cont .cont_l{
	position: static;
}

.othr_cont .cont p.t1{
	font-size: 16px;
	line-height: 16px;
	text-align: left;
	padding-top: 20px;
}

.othr_cont .cont p.t2{
	font-size: 22px;
	line-height: 22px;
	text-align: left;
	padding-top: 10px;
}

.othr_cont .cont p.t3{
	text-align: left;
}

.cont_r .bg,
.cont_l .bg{
	background-image: none;
	background-color: #fff;
	border: 1px solid #d7ccc8;
}

.spots{
	position: relative;
}

.spots .imgs img{
	padding-bottom: 50px
}
	
.img_line{
	height: 100px;
	position: absolute;
	bottom: 0;
	width: 100%;
	margin-bottom: 20px;
}

#sec03_tbl th,
#sec03_tbl td{
	display: block;
	width: 100%;
	box-sizing: border-box;
	font-size: 14px;
}

#sec03_btn img{
	margin: 0px 0px 10px 0px;
}

.ftr_btm p{
	line-height: 1.6em;
	padding-bottom: 10px;
}

#copyright address,
#contact_t th{
	font-size: 12px;
}

#contact_t th{
	width: 120px;
}

p.btm_subttl{
	font-size: 18px;
}

.btm_ttl {
	text-align: center;
}

.btm_ttl p{
	padding-left: 0px;
	font-size: 20px;
	line-height: 20px;
	border-bottom: 10px solid #a8a9a9;
	padding-bottom: 5px;
	width: 95%;
}

.bus_t .l_1{
	padding-left: 0px;
	font-size: 26px;
}

#contact_t td{
	font-size: 18px;
	line-height: 1.4em;
}

.t_main p#t_1{
	font-size: 20px;
}

.t_main p#t_2{
	padding-left: 0px;
	padding-bottom: 10px;
}

.t_main p#t_3 span#s1,
.t_main p#t_3 span#s2{
	display: block;
}

.t_main p#t_3 span#s2{
	padding-left: 0px;
	padding-top: 10px;
}

#detail_t{
	padding: 5%;
}

#flow{
	padding: 30px 0;
}

#flow_img div{
	width: 30%;
	top: 15%;
	left: 13%;
}

.vv_cont{
	padding-bottom: 0px;
}

.vv_cont .left{
	padding: 10px 0px;
}

#v_img img:nth-child(2){
	margin: 30px 0px;
}

.vs_cont .right{
	padding-top: 30px;
}

.vs_cont .right div{
	text-align: center;
	position: static;
	padding-top: 25px;
}

p#feels_txt,
.deai_bx .right p{
	font-size: 14px;
}

.deai_bx .right p{
	min-height: auto;
}

.deai_bx .left{
	padding-bottom: 10px;
}

#ti_ttl img{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

#side{
	top: auto;
	bottom: 0px;
}

#side_sp{
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 5;
}
#side_sp a{
		background: #F3BB1C;
		color: #40230F;
		display: block;
		padding: 3% 0;
		text-align: center;
		text-decoration: none;
		font-size: 19px;
	  font-weight: bold;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
    
#side_sp a:before {
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    width: 27px;
    height: 30px;
    margin-right: 8px;
    background-image: url("../image/side_sp_icon.png");
    background-size: contain;
    vertical-align: middle;
}
    
#side_sp a:hover{
		background: #40230F;
		color: #fff;
}



}

@media not screen and (1) { .page-top { position: static; } }/* Opera10以上 */