@charset "UTF-8";


body {
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Meiryo", "Yu Gothic", sans-serif;
	font-size: 12px;
	font-weight:300;
	line-height: 180%;
	background-color:#fff;
}


/* --------------------　Topics文字カット用　 */
#scrl ul li a { visibility: hidden; }






/* --------------------　共通　-------------------- */



/* ---------------------　TOPタイトル　*/

section#topImg {
	height:150px;
	margin:90px 0 30px;
}

section#topImg h1 {
	padding:50px 0 0;
	text-align:center;
	font-size:28px;
	line-height:100%;
	color:#FFF;
	font-weight:300;
	letter-spacing: 2px;
}

section#topImg h1 span {
	font-size:14px;
	font-weight:300;
}



/* ---------------------　サブタイトル　*/

section#ttlBl,
section#ttlBl2,
section#infoGuide,
section#infoGuide2 {
	text-align:center;
	font-weight:300;
	line-height:210%;
	margin:0 0 30px;
}
section#ttlBl,
section#ttlBl2,{
	margin:0 10px 25px;
}
section#infoGuide,
section#infoGuide2 {
	margin:0 10px 50px;
}

section#ttlBl h1,
section#ttlBl2 h1,
section#infoGuide h1,
section#infoGuide2 h1,
section#ttlBl .subttl
{
	padding:0;
	text-align:center;
	font-size:24px;
	font-weight:300;
	line-height:100%;
}

section#ttlBl h1 span,
section#ttlBl2 h1 span,
section#infoGuide h1 span,
section#infoGuide2 h1 span,
section#ttlBl .subttl span {
	font-size:13px;
	font-weight:300;
	line-height:160%;
}

section#ttlBl h2,
section#ttlBl2 h2,
section#infoGuide h2,
section#infoGuide2 h2 {
	padding:0 0 15px;
	font-size:20px;
	text-align:center;
	font-weight:300;
	line-height:140%;
}









/* --------------------　宿泊検索　-------------------- */


/* ---------------------　宿泊予約タブ　*/

#searchTab {
	font-size:14px;
	background: #fff;
	color: #000;
	padding:0;
	margin:0;
}

#searchTab ul#tabBr-b,
#searchTab ul#tabBr {
	font-size:14px;
	font-weight:300;
	display:table;
	margin:0 0 10px;
	padding:0;
	width:100%;
}

#searchTab ul#tabBr-b li,
#searchTab ul#tabBr li {
	display:table-cell;
	width:33.3%;
	vertical-align:middle;
	margin:0 0 -1px;
	padding:0;
	border-right:1px solid #000;
}

#searchTab ul#tabBr-b li a,
#searchTab ul#tabBr li a {
	text-align:center;
	line-height:120%;
	display:block;
	width:100%;
	height:30px;
	padding:5px 0 10px;
	color:#000;
	background:#d8e3e8;
}

#searchTab ul#tabBr-b li:nth-child(1) a,
#searchTab ul#tabBr-b li:nth-child(2) a,
#searchTab ul#tabBr-b li:nth-child(3) a,
#searchTab ul#tabBr li:nth-child(1) a,
#searchTab ul#tabBr li:nth-child(2) a{ padding:13px 0 1px; }

#searchTab ul#tabBr-b li a:hover,
#searchTab ul#tabBr li a:hover {
	background:#fff;
	text-decoration:none;
}

#searchTab ul#tabBr li:nth-child(3) {
	border-right:none;
	padding:0;
}

#searchTab ul#tabBr-b li a.active,
#searchTab ul#tabBr li a.active { background:#fff; }



/* ---------------------　タブ コンテンツ　*/

#searchTab #tabNav { position:relative; }


/* ---------------------　タブ 1　*/

#searchTab #tabNav #tab1 {
	margin:0;
	padding:10px;
}

#searchTab #tabNav #tab1 ul {
	margin:0 auto 20px;
	padding:0 10px;
}

#searchTab #tabNav #tab1 ul li,
#searchTab #tabNav #tab2 ul li,
#searchTab #tabNav #tab3 ul li{
	font-size:12px;
	margin:0 0 15px;
}

#searchTab #tabNav #tab1 ul li.ttl,
#searchTab #tabNav #tab2 ul li.ttl,
#searchTab #tabNav #tab3 ul li.ttl{ text-align:center; }

#searchTab #tabNav #tab1 ul li.ttl h2,
#searchTab #tabNav #tab2 ul li.ttl h2,
#searchTab #tabNav #tab3 ul li.ttl h2{
	font-size:24px;
	font-weight:300;
	text-align:center;
	margin:7px 0 5px;
}

#searchTab #tabNav #tab1 ul li h3 {
	font-size:14px;
	font-weight:300;
	margin:0 0 5px;
	padding:0;
	line-height:100%;
}

#searchTab #tabNav select::-ms-expand,
#searchTab #tabNav input[type="radio"] { display: none; }

#searchTab #tabNav #tab1 input {
	font-size:16px;
	background:#d8e3e8;
}

#searchTab #tabNav #tab1 ul li.hid p {
	font-weight:300;
	border:1px solid #d3d4d5;
	padding:7px 10px;
	background:#d8e3e8;
	line-height: 180%;
	font-size: 14px;
}




#searchTab #tabNav #tab1 ul li.hid { width:100%; }
#searchTab #tabNav #tab1 ul li.chkDay { width:100%; }
#searchTab #tabNav #tab1 ul li.stay,
#searchTab #tabNav #tab1 ul li.room,
#searchTab #tabNav #tab1 ul li.guest { width:100px; }
#searchTab #tabNav #tab1 ul li.sItem { width:290px; }
#searchTab #tabNav #tab1 ul li.btSub { width:240px; }

#searchTab #tabNav #tab1 ul li.room,
#searchTab #tabNav #tab1 ul li.guest { display:inline-block; }

#searchTab #tabNav #tab1 input[type="text"] {
	outline:none;
	border:1px solid #d3d4d5;
	-webkit-transition:all .3s;
	transition:all .3s;
}

.customSelect {
	font-size:16px;
	outline:none;
	border:1px solid #d3d4d5;
	-webkit-transition:all .3s;
	transition:all .3s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding:7px 20px;
	background: url(/img/common/mk_arrow_dBlue.png) 94% 50% no-repeat;
}

#searchTab #tabNav #tab1 input[type="text"]:focus,
#searchTab #tabNav #tab1 select:focus {
	box-shadow:0 0 5px #d8e3e8;
	border:1px solid #b1c7d0;
}



#searchTab #tabNav #tab1 ul li.hid select {
	width:280px;
	appearance: inherit;
	-webkit-appearance: inherit;
	-moz-appearance:inherit;
	font-family:"NotoSansCJKJP", sans-serif;
	font-size:16px;
	outline:none;
	border:1px solid #d3d4d5;
	-webkit-transition:all .3s;
	transition:all .3s;
	margin:3px 0 0;
	padding:5px 1% 3px;
	cursor:pointer;
	background:#d8e3e8 url(/img/common/mk_arrow_dBlue.png) 95% 50% no-repeat;
	line-height: 180%;
}

#searchTab #tabNav #tab1 ul li.chkDay input {
	margin-right:10px;
	width:170px;
	padding:8px 6%;
}

#searchTab #tabNav #tab1 ul li.chkDay img {
	width:25px;
	max-width:25px;
	margin:0 0 -6px;
}

#searchTab #tabNav #tab1 ul li.stay select,
#searchTab #tabNav #tab1 ul li.room select,
#searchTab #tabNav #tab1 ul li.guest select {
	appearance: inherit;
	-webkit-appearance: inherit;
	-moz-appearance:inherit;
	font-family:"NotoSansCJKJP", sans-serif;
	font-size:16px;
	outline:none;
	border:1px solid #d3d4d5;
	-webkit-transition:all .3s;
	transition:all .3s;
	margin:3px 0 0;
	padding:5px 5%;
	cursor:pointer;
	background:#d8e3e8 url(/img/common/mk_arrow_dBlue.png) 80% 50% no-repeat;
	padding:7px 13.63%;
	width:80px;
	line-height: 180%;
}

#searchTab #tabNav #tab1 ul li.sItem {
	display:none;
	font-size:12px;
	line-height:180%;
	padding:0 0 5px;
}

#searchTab #tabNav #tab1 ul li.sItem input,
#searchTab #tabNav #tab1 ul li.sItem input[type="radio"] {
	display: inline-block;
	-webkit-appearance:radio-button;
	-moz-appearance: radio-button;
	appearance: radio-button;
}

#searchTab #tabNav #tab1 ul li.sItem label {
	position: relative;
	padding: 3px 5px 3px 3px;
}

/*
#searchTab #tabNav #tab1 ul li.sItem label::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 10px;
	height: 10px;
	margin-top: -6px;
	background: #d8e3e8;
	border-radius: 100%;
	border: 1px solid #515457;
}

#searchTab #tabNav #tab1 ul li.sItem input[type="radio"]:checked + label::after {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 10px;
	height: 10px;
	margin-top: -6px;
	background: #638fa2;
	border-radius: 100%;
	border: 1px solid #515457;
}
*/

#searchTab #tabNav #tab1 ul li.btSub {
	width:100%;
	margin-top:6px;
}

#searchTab #tabNav #tab1 ul li.btSub button {
	display:block;
	background:#638fa2;
	color:#fff;
	font-size:16px;
	padding:9px 0;
	cursor:pointer;
	margin:0 auto;
	width:50%;
	text-align:center;
}

#searchTab #tabNav #tab1 ul li.btSub button:hover {
	background:#7d7f81;
}

#searchTab #tabNav #tab1 ul li.btSub a {
	font-size:12px;
	color:#000;
}


#searchTab #tabNav #tab1 ul.oLink {
	line-height:130%;
	border-bottom:1px solid #d3d4d5;
	padding:0 0 20px;
	margin:0 0 20px;
}

#searchTab #tabNav #tab1 ul.oLink li {
	display:inline-block;
	margin:0 15px 0 0;
	padding:0;
	line-height:150%;
}

#searchTab #tabNav #tab1 ul.oLink li:nth-child(3) { margin:0; }



/* ---------------------　タブ 2　*/

#searchTab #tabNav #tab2 {
	margin:0 auto;
	padding:10px;
	max-width:380px;
}

#searchTab #tabNav #tab2 iframe {
	width:100%;
	height:460px;
}

#searchTab #tabNav #tab2 #stay_tab iframe,
#searchTab #tabNav #tab2 #day_tab iframe,{
	height:400px;
}

#searchTab #tabNav #tab2 p.caution{
	font-size:10px;
	line-height: 150%;
}

#searchTab #tabNav #tab2 ul li.hid {
	margin:5px 0;
}

img.stay_calendar_btn, img.stay_calendar_btn{
	cursor: pointer;
}

.calender_tab_stay img,.calender_tab_day img{
	width: 50%;
}
img.stay_calendar_btn,img.day_calendar_btn{
	float: left;
}

/* ---------------------　タブ 3　*/

#searchTab #tabNav #tab3 {
    margin: 0 auto;
    padding: 10px;
    max-width: 380px;
}

#searchTab #tabNav #tab3 iframe {
	width:100%;
	height:430px;
}

#searchTab #tabNav #tab3 p.caution{
	font-size:10px;
	line-height: 150%;
}



/* ---------------------　本日・翌日空室状況　*/

#todayResv #revPC { display:block; }

#todayResv #revPC h2 {
	text-align:center;
	color:#fff;
	background:#638fa2;
	font-size:16px;
	font-weight:300;
	margin:0 0 30px;
	padding:8px;
}

#todayResv #revPC h3 {
	margin:1.5em 0 0;
	text-align:center;
	color:#000;
	font-size:26px;
	font-weight:900;
}







/* ---------------------　colorbox 調整　*/
#cboxOverlay { background: #000; }
#cboxLoadedContent {
	background: #fff;
	padding: 0;
	margin:0;
	overflow: auto;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
#cboxContent { background:none; }
#colorbox, #cboxOverlay, #cboxWrapper { overflow: visible; }
#cboxTitle { display:none; }

#cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight,
#cboxTopLeft, #cboxTopCenter, #cboxTopRight,
#cboxMiddleLeft, #cboxMiddleRight { width:0; height:0; background:none; }

button#cboxNext { background:none; }
button#cboxPrevious { background:none; }

button#cboxClose {
	background: url(/img/colorbox/bt_close.png) no-repeat 0 0;
	right:inherit;
	left:0;
	background-position:0 0;
	width:150px;
	height:24px;
	bottom:-24px;
}

button#cboxClose:hover {
	background-position:0 0;
}








/*　その他　*/

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix { zoom: 1; }

.f8 { font-size:8px; }
.f10 { font-size:10px; }
.f12 { font-size:12px; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.f18 { font-size:18px; }
.f20 { font-size:20px; }
.f24 { font-size:24px; }

.blue100 { color:#638fa2; }
.blue75 { color:#8aabb9; }
.blue50 { color:#b1c7d0; }
.blue25 { color:#d8e3e8; }

.yellow100 { color:#d6c560; }
.yellow75 { color:#e0d488; }
.yellow50 { color:#eae2af; }
.yellow25 { color:#f5f0d7; }

.gray100 { color:#515457; }
/*.gray75 { color:#7d7f81; }*/
.gray75 { color:#cccccc; }
.gray50 { color:#a8a9ab; }
.gray25 { color:#d3d4d5; }

.red { color: #e60012; }


.fwt100 { font-weight:300; }/* Thin */
.fwt200 { font-weight:300; }/* Light */
.fwt300 { font-weight:300; }/* DemiLight */
.fwt400 { font-weight:300; }/* Regular */
.fwt500 { font-weight:300; }/* Medium */
.fwt700 { font-weight:300; }/* Bold */
.fwt900 { font-weight:300; }/* Black */



/*　リンク　*/


a:link {
	color: #638fa2;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #638fa2;
}

a:hover {
	text-decoration: underline;
	color: #d6c560;
}

a:active {
	text-decoration: none;
	color: #d6c560;
}


header a:link {
	color: #000;
	text-decoration: none;
}

header a:visited {
	color: #000;
	text-decoration: none;
}

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

header a:active {
	color: #000;
	text-decoration: none;
}



footer a:link {
	color: #fff;
	text-decoration: none;
}

footer a:visited {
	color: #fff;
	text-decoration: none;
}

footer a:hover {
	color: #fff;
	text-decoration: underline;
}

footer a:active {
	color: #fff;
	text-decoration: none;
}



/* --------------------　共通　終了　-------------------- */




/* --------------------　パンくず　-------------------- */

#bread_crumb{
    background-color: #d3d4d5;
    padding: 3px 15px;
}
#bread_crumb ul li{
    font-size: 8px;
    display: contents;
}

#bread_crumb ul li a{
    color: #515457;
}

#bread_crumb ul li:after {/* >を表示*/
    content: '>';
    padding: 0 0.5em;
    color: #515457;
}

#bread_crumb ul li:last-child:after {
    content: '';
}

/* --------------------　内部リンク　-------------------- */

#insideNav{
	padding: 15px 25px;
	display: inline-block;
}
#insideNav ul{
	text-align: center;
}
#insideNav ul li{
	font-size: 12px;
	float: left;
	width: 50%;
}
#insideNav ul li a{
	color: #333333;
}
#insideNav ul li::before {/* >を表示*/
    content: '▶';
    padding: 0 0.5em;
    color: #638fa2;
	font-size: 6px;
}





a.toPtop {
	display: block;
	width: 100%;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	line-height: 1;
	padding: 14px 0;
	background: #638FA2;
}



.usePC { display:none; }
.useTAB { display:none; }








/*media Queries 宿泊予約colorbox用
------------------------------------------------------------------------------------------------- 600px */
@media screen and (min-width:600px), print {


/* --------------------　宿泊検索　-------------------- */

/* ---------------------　宿泊予約タブ　*/

#searchTab {
	font-size:14px;
	background: #fff;
	color: #000;
	padding:0;
	margin:0;
}

#searchTab ul#tabBr-b,
#searchTab ul#tabBr {
	font-size:14px;
	font-weight:300;
	display:table;
	margin:0 0 10px;
	padding:0;
	width:100%;
}

#searchTab ul#tabBr-b li,
#searchTab ul#tabBr li {
	display:table-cell;
	width:33.3%;
	vertical-align:middle;
	margin:0 0 -1px;
	padding:0;
	border-right:1px solid #000;
}

#searchTab ul#tabBr-b li a,
#searchTab ul#tabBr li a {
	text-align:center;
	line-height:120%;
	display:block;
	width:100%;
	height:30px;
	padding:5px 0 10px;
	color:#000;
	background:#d8e3e8;
}

#searchTab ul#tabBr-b li:nth-child(1) a,
#searchTab ul#tabBr-b li:nth-child(2) a,
#searchTab ul#tabBr-b li:nth-child(3) a,
#searchTab ul#tabBr li:nth-child(1) a,
#searchTab ul#tabBr li:nth-child(2) a,
#searchTab ul#tabBr li:nth-child(3) a { padding:13px 0 1px; }

#searchTab ul#tabBr-b li a:hover,
#searchTab ul#tabBr li a:hover {
	background:#fff;
	text-decoration:none;
}

#searchTab ul#tabBr li:nth-child(3) { border-right:none; }

#searchTab ul#tabBr-b li a.active,
#searchTab ul#tabBr li a.active { background:#fff; }

#searchTab ul#tabBr li:nth-child(3) a br.useSP { display:none; }



/* ---------------------　タブ コンテンツ　*/

#searchTab #tabNav { position:relative; }


/* ---------------------　タブ 1　*/

#searchTab #tabNav #tab1 {
	margin:0;
	padding:10px 0;
}

#searchTab #tabNav #tab1 ul {
	margin:0 auto 20px;
	padding:0;
	width:500px;
}

#searchTab #tabNav #tab1 ul li,
#searchTab #tabNav #tab3 ul li{
	font-size:14px;
	margin:0 0 15px;
}

#searchTab #tabNav #tab1 ul li.ttl,
#searchTab #tabNav #tab3 ul li.ttl{ text-align:center; }

#searchTab #tabNav #tab1 ul li.ttl h2,
#searchTab #tabNav #tab3 ul li.ttl h2{
	font-size:26px;
	font-weight:300;
	text-align:center;
	margin:7px 0 5px;
}

#searchTab #tabNav #tab1 ul li h3 {
	display:inline-block;
	width:100px;
	font-size:14px;
	font-weight:300;
	margin:0 20px 5px 0;
	padding:0;
	line-height:100%;
	text-align:right;
}



#searchTab #tabNav #tab1 ul li.hid { width:100%; }
#searchTab #tabNav #tab1 ul li.chkDay { width:100%; }
#searchTab #tabNav #tab1 ul li.stay { width:46%; }
#searchTab #tabNav #tab1 ul li.sItem { width:100%; }
#searchTab #tabNav #tab1 ul li.btSub { width:100%; }

#searchTab #tabNav #tab1 ul li.guest {
	display:inline-block;
	width:46%;
}

#searchTab #tabNav #tab1 ul li.room {
	display:inline-block;
	width:46%;
}

#searchTab #tabNav #tab1 ul li.hid .customSelect {
	padding:7px 20px;
}

#searchTab #tabNav #tab1 ul li.chkDay input {
	margin-right:10px;
	width:170px;
	padding:8px 15px;
}

#searchTab #tabNav #tab1 ul li.chkDay img {
	width:25px;
	max-width:25px;
	margin:0 0 -6px;
}

#searchTab #tabNav #tab1 ul li.stay select,
#searchTab #tabNav #tab1 ul li.room select,
#searchTab #tabNav #tab1 ul li.guest select {
	padding:7px 15px;
	width:90px;
	line-height: 180%;
}


#searchTab #tabNav #tab1 ul li.sItem {
	display:block;
	font-size:14px;
	line-height:180%;
	padding:0 0 5px;
	-webkit-appearance:inherit;
	-moz-appearance: inherit;
	appearance: inherit;
}

#searchTab #tabNav #tab1 ul li.sItem label {
	position: relative;
	padding: 3px 5px 3px 3px;
}

/*
#searchTab #tabNav #tab1 ul li.sItem label::before {
	width: 12px;
	height: 12px;
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	margin-top: -6px;
	background: #d8e3e8;
	border-radius: 100%;
	border: 1px solid #515457;
}

#searchTab #tabNav #tab1 ul li.sItem input[type="radio"]:checked + label::after {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: #638fa2;
	border-radius: 100%;
	border: 1px solid #515457;
}
*/

#searchTab #tabNav #tab1 ul li.btSub {
	width:100%;
	margin-top:6px;
}

#searchTab #tabNav #tab1 ul li.btSub button {
	display:block;
	background:#638fa2;
	color:#fff;
	font-size:18px;
	padding:9px 0;
	cursor:pointer;
	margin:0 auto;
	width:50%;
	text-align:center;
}

#searchTab #tabNav #tab1 ul li.btSub button:hover {
	background:#7d7f81;
}

#searchTab #tabNav #tab1 ul li.btSub a {
	font-size:12px;
	color:#000;
}


#searchTab #tabNav #tab1 ul.oLink {
	line-height:130%;
	padding:0 0 20px 0;
	margin:0 auto;
	width:100%;
	border:none;
	text-align: center;
}

#searchTab #tabNav #tab1 ul.oLink li {
	display:inline-block;
	margin:0 15px 5px 0;
	padding:0;
	line-height:150%;
	font-size:13px;
}

#searchTab #tabNav #tab1 ul.oLink li:nth-child(3) { margin:0; }




/* ---------------------　タブ 2　*/

/*#searchTab #tabNav #tab2 {
	margin:0 auto;
	padding:10px 50px;
	max-width:500px;
}

#searchTab #tabNav #tab2 iframe {
	width:500px;
	height:445px;
}*/
	
#searchTab #tabNav #tab2 {
	margin:0 auto;
	padding:10px 40px;
	max-width:550px;
}

#searchTab #tabNav #tab2 iframe {
	width:550px;
	height:430px;
}

#searchTab #tabNav #tab2 p.caution{
	font-size:12px;
	line-height: 130%;
}

/* ---------------------　タブ 3　*/

#searchTab #tabNav #tab3 {
	margin:0 auto;
	padding:10px 30px;
	max-width:540px;
}

#searchTab #tabNav #tab3 iframe {
	width:540px;
	height:460px;
}

#searchTab #tabNav #tab3 p.caution{
	margin-top: 20px;
	font-size:12px;
	line-height: 120%;
}

/* ---------------------　本日・翌日空室状況　*/

#todayResv #revPC { display:block; }

#todayResv #revPC h2 {
	text-align:center;
	color:#fff;
	background:#638fa2;
	font-size:16px;
	font-weight:300;
	margin:0 0 30px;
	padding:8px;
}

#todayResv #revPC h3 {
	text-align:center;
	color:#000;
	font-size:26px;
	font-weight:300;
}


}/* media Queries colorbox用 600 */



/*media Queries tab
-----------------------------------------------------------------------------------------------------750*/
@media only screen and (min-width:750px) {


/* --------------------　内部リンク　-------------------- */

#insideNav ul li{
	width: 25%;
}

#insideNav {
    display: grid;
}



}


/*media Queries PC
------------------------------------------------------------------------------------------------- 769px */
@media only screen and (min-width:769px) {



body {
	font-size: 14px;
}




/* --------------------　共通　-------------------- */

/* ---------------------　TOPタイトル　*/

section#topImg {
	height:220px;
	margin:140px 0 60px;
}

section#topImg h1 {
	padding:70px 0 0;
	text-align:center;
	font-size:46px;
	line-height:80%;
	color:#FFF;
	font-weight:300;
}

section#topImg h1 span {
	font-size:14px;
}



/* ---------------------　サブタイトル　*/

section#ttlBl,
section#infoGuide,
section#infoGuide2 {
	text-align:center;
	font-size:16px;
}

section#ttlBl{
	margin:0 10px 50px;
}

section#infoGuide{
	margin:0 10px 100px;
	/*line-height: 250%;*/
	line-height: 220%
}

section#infoGuide2{
	margin:0 10px 0px;
}

section#ttlBl h1,
section#infoGuide h1,
section#infoGuide2 h1,
section#ttlBl .subttl {
	font-size:38px;
	padding:0;
	line-height:80%;
}

section#ttlBl .subttl span {
	font-size:16px;
}


section#ttlBl h1 span { font-size:16px; }

section#ttlBl h2,
section#infoGuide h2,
section#infoGuide2 h2 { font-size:30px; }




/* ---------------------　その他　*/

.bx-wrapper .bx-pager { max-width:1200px; }


/*オシャレ棒*/
p.oshare {
	width:70px;
	margin:10px auto 40px;
}

p.oshareL {
	width:70px;
	margin:0 0 20px;
}



p.caption {
	font-size:12px;
	margin: 10px 10px 0;
}



/* ------------------- /共通 -------------------------- */






/* --------------------　パンくず　-------------------- */

#bread_crumb{
    padding: 5px 25px;
}
#bread_crumb ul li{
    font-size: 12px;
}

/* --------------------　内部リンク　-------------------- */
#insideNav{
	padding: 20px 0;
}
#insideNav ul{
	text-align: center;
}
#insideNav ul li{
	font-size: 14px;
}
#insideNav ul li::before {/* >を表示*/
    padding: 0 0.5em 0 2em;
	font-size: 8px;
}






a.toPtop {
	display: none;
}




.usePC { display:block; }
.useSP { display:none; }
.useTAB { display:block; }


} /*media Queries PC 769*/





/*media Queries SPC
------------------------------------------------------------------------------------------------- 840px */
@media screen and (min-width:840px), print {


.useTAB { display:none; }

}/* media Queries SPC 840 */








/*media Queries PC
------------------------------------------------------------------------------------------------- 970px */
@media screen and (min-width:1024px), print {
	#insideNav ul {
		margin: 0 auto;
		min-width: 1000px;
		max-width: 1100px;
	}

	#insideNav ul li {
		display: block;
		width: 16%;
	}
	#insideNav ul li::before {
		padding: 0 0.5em 0 0;
	}

	.clearboth{
		clear: both;
	}
	


}

input, select, button { font-family:"NotoSansCJKJP"; }


@media print {
	#navToggle,
	nav { display: none; }
}