@charset "UTF-8";

/*-----------------------------------

/css/top_sph.css

-----------------------------------*/

/*-------------------------
__top_style
-------------------------*/


/*-------------------------
.main_image
-------------------------*/
#top .main_image .inner{height:260px;background-size:cover;}
#top .main_image h1 img{height:auto;width:100%;max-height:60px;top:85px;max-width:310px;}

/*-------------------------
.box01
.box02
.box03
.box01 h2
.box02 h2
.box03 h2
-------------------------*/
#top .box01 .box_back,
#top .box02 .box_back,
#top .box03 .box_back{padding:45px 0;}
#top .box01 .box_back{padding-bottom:25px;}
#top .box02 .box_back{padding-bottom:0;}
#top .box01 h2,
#top .box02 h2,
#top .box03 h2{width:auto;max-width:none;padding:0 0 15px;text-align:center;}
#top .box01 h2 span,
#top .box02 h2 span,
#top .box03 h2 span{font-size:20px;line-height:30px;height:30px;padding:5px 5px 0 5px;margin:0;}

/*-------------------------
.box01
-------------------------*/
#top .box01 .box_inner{width:100%;max-width:650px;margin:0 auto;}
#top .box01 .room1{width:100%;}
#top .box01 .room1 .room_inner{height:auto;}
#top .box01 .room1 .photo{height:auto;min-height:30px;max-height:300px;}
#top .box01 .room1 .photo img{max-height:300px;}
#top .box01 .list_btn{position:relative;top:auto;right:auto;margin-top:10px;}
#top .box01 .list_btn a{font-size:14px;}

/*-------------------------
.box02
-------------------------*/
#top .box02 .box_inner{width:auto;max-width:650px;margin:0 auto;padding:0 0 40px;}
#top .box02 .box_inner dt,
#top .box02 .box_inner dd{display:block;width:auto;}
#top .box02 .box_inner dd a.call{color:#B36B00/*アクセントカラー*/;text-decoration:underline;pointer-events:auto;}

#top .box02 .box_ph{max-width:650px;margin:0 auto;padding:0 0 40px;}
#top .box02 .box_ph li{width:100%;}
#top .box02 .box_ph li + li{padding-top:10px;}
#top .box02 .box_ph li a{height:auto;}
#top .box02 .box_ph li img{max-height:400px;position:relative;top:auto;bottom:auto;left:auto;right:auto;}


/*-------------------------
.box03
-------------------------*/
#top .box03 .box_inner,
#top .box03 .box_inner2{width:auto;max-width:650px;margin:0 auto;}
#top .box03 .box_inner dt,
#top .box03 .box_inner dd{display:block;width:auto;}
#top .box03 .box_inner dt{line-height:25px;padding-top:10px;}
#top .box03 .box_inner dd{padding-top:5px;}
#top .box03 .box_inner dd + dd{padding-left:0;}
#top .box03 dd.add::after{bottom:0;}
#top .box03 .cap1{font-size:12px;line-height:30px;display:block;margin:0 5px;}
/*横幅設定*/
#top .box03 dd .fm_s{width:80px;}
#top .box03 dd .fm_m{width:calc(100% - 30px);}
#top .box03 dd .fm_l{width:calc(100% - 30px);}
#top .box03 dd .fm_ll{width:calc(100% - 30px);}

#top .box03 dd input[type="button"]{font-size:12px;padding:0 10px;}
#top .box03 dd label.ck1 span{font-size:12px;}

#top .box03 .btn1{padding:20px 0 0;}
#top .box03 .btn1 input[type="submit"],
#top .box03 .btn1 .btn_submit,
#top .box03 .btn2 .btn_reset{font-size:16px;padding:0 20px;}

#top .box03 .privacy .page_caption,
#top .box03 .privacy dl{font-size:12px;line-height:20px;}
#top .box03 .privacy .page_caption{}
#top .box03 .privacy dl{padding:0;}
#top .box03 .privacy dt{font-size:16px;padding:10px 0 0;}
#top .box03 .privacy dd{padding:5px 0 0;}
#top .box03 .privacy dd.box2{margin:0 0 0 15px;}
#top .box03 .privacy .pp_contact h4{font-size:14px;line-height:20px;}
#top .box03 .privacy .pp_contact p{font-size:12px;line-height:20px;padding:5px 0 0;}
#top .box03 .privacy .pp_contact br.line1{display:inline;}
#top .box03 .privacy .pp_contact br.line1 + .line0{padding:0;}

/* ページ上部への表示の場合（ファイル容量） */
.form_base form > .err{margin-left:15px;margin-right:15px;}