@charset "UTF-8";

/*---------------------------------
Travel Spice common styleSheet
----------------------------------*/


/*base
----------------------------------*/

html {
	min-width: 320px;
	font-size: 62.5%;	/*10px*/
}

body {
	margin: 0;
	border-top: 4px solid #18445c;
	background: #f4f4ed url(../img/bg_body.png);
	line-height: 1.5;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
body.nobg {
	background: url("");
}
hr {
	display: none;
}
/*Headline*/
h1 {
	margin: 0.67em 0;
	font-size: 48px;
	font-size: 4.8rem;
}
h2 {
	margin: 0.83em 0;
	font-size: 32px;
	font-size: 3.2rem;
}
h3 {
	margin: 1em 0;
	font-size: 24px;
	font-size: 2.4rem;
}
h4 {
	margin: 1.33em 0;
	font-size: 16px;
	font-size: 1.6rem;
}
h5 {
	margin: 1.67em 0;
	font-size: 14px;
	font-size: 1.4rem;
}
h6 {
	margin: 1.67em 0;
	font-size: 14px;
	font-size: 1.4rem;
}

figcaption {
	margin-bottom: 20px;
	text-align: center;
}

img, video {
	max-width: 100%;
	height: auto;
}
.ie8 img {
	width: 100%;
}
#main img { width: 100%;}
#contact img { width: inherit; }


/*clearfix*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
	zoom: 1;
}

.nospace { 
	margin:0; 
	padding:0; 
}

/*button*/
.btn {
	display: inline-block;
	padding: 5px 23px;
	border: 1px #e6e6e6 solid;
	border-radius: 5px;
	background: #e5e5e5;
	background: -webkit-linear-gradient(top, #ffffff, #e5e5e5);
	background: -moz-linear-gradient(top, #ffffff, #e5e5e5);
	background: -o-linear-gradient(top, #ffffff, #e5e5e5);
	background: linear-gradient(to bottom, #ffffff, #e5e5e5);
	color: #333;
	text-decoration: none;
}
.btn:hover {
	border: 1px #ccc solid;
	background: #d9d9d9;
	background: -webkit-linear-gradient(top, #e5e5e5, #d9d9d9);
	background: -moz-linear-gradient(top, #e5e5e5, #d9d9d9);
	background: -o-linear-gradient(top, #e5e5e5, #d9d9d9);
	background: linear-gradient(to bottom, #e5e5e5, #d9d9d9);
}
.btnBlue {
	background: #18445c;
	background: -webkit-linear-gradient(top, #18445c, #113041);
	background: -moz-linear-gradient(top, #18445c, #113041);
	background: -o-linear-gradient(top, #18445c, #113041);
	background: linear-gradient(to bottom, #18445c, #113041);
	color: #fff;
}
.btnBlue:hover {
	background: #0a1c26;
	background: -webkit-linear-gradient(top, #113041, #0a1c26);
	background: -moz-linear-gradient(top, #113041, #0a1c26);
	background: -o-linear-gradient(top, #113041, #0a1c26);
	background: linear-gradient(to bottom, #113041, #0a1c26);
}
.btnGreen {
	background: #83a603;
	background: -webkit-linear-gradient(top, #83a603, #769300);
	background: -moz-linear-gradient(top, #83a603, #769300);
	background: -o-linear-gradient(top, #83a603, #769300);
	background: linear-gradient(to bottom, #83a603, #769300);
	color: #fff;
}
.btnGreen:hover {
	background: #5c7200;
	background: -webkit-linear-gradient(top, #769300, #5c7200);
	background: -moz-linear-gradient(top, #769300, #5c7200);
	background: -o-linear-gradient(top, #769300, #5c7200);
	background: linear-gradient(to bottom, #769300, #5c7200);
}

/* dl dt dd 　装飾有り */
dl.dl_list01 {
	border-top: 1px dotted #aaa;
	padding-top: 1em;
}
dl.dl_list01>dd {
	border-bottom: 1px dotted #aaa;
	margin-left: 0;
	margin-bottom: 1em;
	padding-left: 2em;
	padding-top: 0.5em;
	padding-bottom: 1em;
}
dl.dl_list01>dt {
	padding-left: 0.5em;
	border-left: 6px solid #aaa;
}


/* 
 * テーブル枠あり
 */
table.table-border {
	border-collapse: collapse;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	margin: 5px auto 5px 0;
}
table.table-border tr {
	border-collapse: collapse;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}
table.table-border th {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 8px 15px 8px 8px;
	text-align: center;
	font-weight: normal;
}
table.table-border td {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 8px 15px 8px 8px;
	text-align: left;
}
table.table-border th.left1 {
	background-color: #fff;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 8px 15px 8px 8px;
	text-align: center;
	/*    white-space: nowrap;*/
	font-weight: normal;
}


/* 
 * テーブル枠なし
 */
table.table-no-border {
	border: none;
}
table.table-no-border th {
	border: none;
	padding: 1px 15px 1px 1px;
	text-align: left;
	font-weight: normal;
	/*    white-space: nowrap;*/
	vertical-align: top;
}
table.table-no-border td {
	border: none;
	vertical-align: top;
	padding: 1px 15px 1px 1px;
}
table.table-no-border th.left1 {
	border: none;
	/*    white-space: nowrap;*/
	font-weight: normal;
}


/*layout
----------------------------------*/
header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
	background: #fff;
	border-top: solid 4px #18445c;
}
#wrapper {
	position: relative;
	margin: 0 5%;
	padding-bottom: 60px;
	margin-top: 120px;
}

#site_header {
	/* border-bottom: 1px solid #09223f; */
	overflow: hidden;
	position: relative;
	margin: 0 5%;
	height: 80px;
}

#site_header #logo {
	margin: 0 0 0 0;
	max-width: 327px;
	float: left;
}

#site_header h1 {
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 0;
}


/*header*/
.mod_headerbox_size {
	display: none;
}

/*navigation*/
#navControl {
	margin-top: -50px;
	text-align: right;
}
#navControl a {
	display: inline-block;
	overflow: hidden;
	width: 44px;
	height: 44px;
	background: #001c33 url(../img/icon_common.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	vertical-align: bottom;
}
#navControl a.active {
	background-position: 0 -44px;
}

header nav {
	margin-bottom: 1em;
}

/* ナビゲーション開閉 */
ul#globalNav {
	margin: 0;
	padding: 0;
}
ul#globalNav li {
	border-bottom: 1px solid #000;
}
/*
ul#globalNav li:before {
	font-family:'Font Awesome 5 Free';
	content: "\f078";
	color: #aaa;
	font-weight: 900;
	white-space: pre-line;
}
*/
ul#globalNav li a {
	display: inline-block;
	padding: 10px;
	/*
	  background: #001c33;
	  color: #fff;
	*/
	color: #012340;
	font-weight: bold;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 97, 129, 0.3);
}
#mainNav ul li a i {
	margin-right: 5px;
	vertical-align: middle;
}
#mainnav a {
	color: #000;
	font-family: 'Modern Antiqua', 'Noto Sans JP', serif;
}


/* accordion menu
------------------------------------------------------------*/
ul.accordion {width: 100%; list-style: none; margin-bottom: 3px;}
ul.accordion span {display: block; background-position: 0 center; background-repeat: no-repeat;}
ul.accordion ul.sub {display: none; margin-top: -10px;}
ul.accordion > li {}
ul.accordion > li > p {background: transparent; color: #012340; font-size: 16px; font-size: 1.6rem; font-weight: bold; padding: 10px; margin: 0; display: block; line-height: 30px;}
ul.accordion > li > ul {}
ul.accordion > li > ul > li > p {background: #999;}
ul.accordion > li > ul > li:last-child {border: none;}
ul#globalNav li ul li:last-child {border: none; box-shadow: none;}



/* #main sub navigation
------------------------------------------------------------*/
ul.sub_navi {
	margin: 0;
	padding: 0;
}
ul.sub_navi li {
	list-style: none;
	float: left;
	width: 31%;
	height: 1em;
	line-height: 1em;
	border: 2px solid #aaaaaa;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	/*    letter-spacing: 0.1em; */
	text-align: center;
	padding: 5px 0;
	margin-right: 1.18%;
	margin-bottom: 4px;
}
ul.sub_navi li:nth-child(3n) {
	margin-right: 0;
}
ul.sub_navi li a {
	color: #123400;
	text-decoration: none;
	display: block;
}


/* division list 
------------------------------------------------------------*/
ul.division {
	padding-left: 0;
}
ul.division li {
	display: inline-block;
	padding: 0 1%;
	vertical-align: top;
	text-align: left;
	width: 90%;
	margin: auto;
	/*	width:48%; float:left;*/
}
ul.division li a {
	color: #fff;
}


/* google map 
------------------------------------------------------------*/
.google_map {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 75%;
}
.google_map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*social button
------------------------------------------------------------*/
#socialBtn {
	position: absolute;
	left: 50%;
	bottom: 0px;
	width: 93.33%;	/*280px/300px*/
	margin-left: -46.665%;
	padding: 0;
}
#socialBtn li {
	display: block;
	width: 46.42%;	/*130px/280px*/
}
#socialBtn li a {
	display: block;
	padding: 8px 36px;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
}
#socialBtn li.twitter {
	float: left;
}
#socialBtn li.twitter a {
	background: #45b0e3 url(../img/icon_common.png) 0 -134px no-repeat;
}
#socialBtn li.twitter a:hover {
	background-color: #2a95c8;
}
#socialBtn li.facebook {
	float: right;
}
#socialBtn li.facebook a {
	background: #39599f url(../img/icon_common.png) 0 -179px no-repeat;
}
#socialBtn li.facebook a:hover {
	background-color: #234080;
}
/*
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
	#socialBtn li.twitter a {
		background-image: url(../img/icon_common@2x.png);
		-webkit-background-size: 44px 220px;
		background-size: 88px 220px;
	}
	#socialBtn li.facebook a {
		background-image: url(../img/icon_common@2x.png);
		-webkit-background-size: 44px 220px;
		background-size: 88px 220px;
	}
}
*/


/*main*/

#main h2 {
	margin-bottom: 0.5em;
	border-bottom: 2px solid #026873;
	box-shadow: 0 1px 0 0 #000;
	font-weight: normal;
}

#main h2.contentTitle {
	margin-bottom: 20px;
	margin-top: 0;
	padding: 20px 0;
	padding-left: 18px;
	border: 1px solid #026873;
	border-radius: 4px;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.22);
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.22);
	color: #123400;
	font-size: 112.5%;
	background: #fff;
}

h3.l_2nd {
	padding: 20px 0;
	padding-left: 10px;
	font-size: 112.5%;
	font-weight: normal;
	margin-top: 50px;
	background: #aaa;
	color: #fff;
}

h3.l_2nd:first-child {
	margin-top: 0;
}

h3.l_2nd::before {
	padding-left: 20px;
	border-left: 7px solid #fff;
	content: "";
}

.link_area li:before,
.link_area .external:before {
	font-family:'Font Awesome 5 Free';
	content: "\f101";
	font-weight: 900;
	margin: 0 .3em;
	color: #aaa;
}
.link_area li { 
	list-style: none;
	line-height: 1.5em;
}
ul#globalNav a[target="_blank"]:after, .link_area .external:after {
	content: "\f08e";
	font-family: FontAwesome;
	margin: 0 .3em;
	color: #aaa;
}

.toiawase {
	text-align: center;
	margin: 50px 0;
}
/*footer*/
footer {
	padding: 18px 0 16px;
	/*  background: #2c1504 url(../img/bg_footer.png) center top repeat-x;*/
	background: #18445c;
	color: #fff;
	text-align: center;
}
.inner_footer {
	margin: 0 10px;
}
.innerL {
	margin: 0 auto;
}
.page-top {
	position: fixed;
	bottom: 3%;
	right: 4%;
	width: 3em;
	margin-bottom: 0;
	border-radius: 2.8em;
	-webkit-border-radius: 2.8em;
	background: #000;
	opacity: .5;
	line-height: 3em;
	text-align: center;
}
.page-top a {
	color: #fff;
	text-decoration: none;
	font-size: 150%;
}

/*
.map {
    border: thin solid #aaa;
    border-radius: 0.3rem;
    padding: 0.8rem 0.3rem;
    background: #fff;
    float: left;
    width: 3em;
    margin-right: 3px;
    margin-top: 4rem;
    line-height: 2rem;
    height: 2rem;
	text-align: center;
}
*/
.map {
    margin-top: 4rem;
    float: right;
}
.icon-white { color: #fff; }
.icon-gray { color: #aaa; }
ul.division li .map  a {
	color: #333;
	display: block;
	text-decoration: none;
}
ul.division li .map:after {
	content: "";
	display: block;
	clear: both;
}
.address {
    float: left;
    margin-right: 2em;
}
.fax-no {
	font-size: 140%;
	width: auto;
	height: auto;
	padding: 10px;
	border: 5px solid #aaa;
	border-radius: 10px;
	text-align: center;
}
span.pc { display: none; }
br.mob { display: none; }
.btn-tel{
	clear: both;
	position: relative;
	display: block;
	border-radius: 50px;
	color: white;
	text-align: center;
	background: #aaa;
	padding: 5px 0;
	text-decoration: none;
	margin: 3px 0;
}

.btn-tel::before{
	content: "\f2a0";
	font-family:'Font Awesome 5 Free';
	font-weight: 900;
	margin: 0 0.5em 0 0;
	font-size: 20px;
}
#shopinfo {
    padding-top: 10px;
    padding-bottom: 10px;
}
#shopinfo h3 {
    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 3px;
    font-size: 1em;
    line-height: 1;
    color: #3333CC;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #3333CC;
    font-weight: normal;
    text-align: left;
}
#shopinfo p
{
    padding-left: 10px;
    margin-bottom: 0.1em;
}
#footer_link{margin:0;padding-bottom:10px;font-size:13px;}
#footer_link ul{list-style-type:none;padding-left:10px;}
#footer_link ul li{float:left;margin-right:5px;}
#footer_link ul li a{color: #fff;}
/*--------------------------------------------------*/
/*media Queries
----------------------------------------------------*/
@media only screen and (max-width : 41.875em) {
	.tel-img,
	#photos { 
		display: none; 
	}
	/* スマホでのみtableをdl風にする（枠なし） */
	table.dl-style { width: 100%; border: none;}
	.dl-style tbody tr{
	    display: block;
	    margin-bottom: 1.5em;
	}
	table.dl-style tbody th{
	    width: 100%;
	    display: list-item;
	    list-style-type: none;
	    margin-bottom: 5px;
	    padding: 0;
	    font-weight: bold;
		border: none;
		text-align: left;
	    white-space: nowrap;
	}
	table.dl-style tbody td{
	    display: list-item;
	    list-style-type: none;
	    border: none;
	    padding: 0;
	}
	menu, ol, ul {
	    padding: 0 0 0 15px;
	}
	.sb-contents {
		margin-top: 10px;
	}
}
@media only screen and (min-width : 41.875em) {	/*670px*/
	/*header*/
	.mob-contents { display: none; }
	.alignright { float: right; margin-left: 2%; }
	.alignleft { float: left; margin-left: 2%; }
	.aligncenter { text-align: center; width: inherit; margin:2% auto;}

	.w30 { width: 30%; }
	.w50 { width: 50%; }
	.w70 { width: 70%; }
	.w-inherit { width: inherit; }
	.fb-container {
		width: 100%;
	}
	.fb-container {
		width: 100%;
		max-width: 500px;
	}
	.sb-contents {
		margin-top: 10px;
		width: 45%;
		float: left;
	}

	#main .w-inherit { width: inherit; }
	header #logo {
		margin: 0.25em 0;
		text-align: center;
	}
	header #logo:before {
		clear: both;
	}
	#site_header {
		width: 90%;
		margin: 0 auto;
		height: 82px;
	}
	#site_header #logo {
		margin-top:10px;
	}
	#site_header h1 {
		float:left;
	}
	.tel-img {
		top: 0;
		right: 0;
		width: 215px;
		float:right;
	}

	#wrapper {
		width: 90%;
		margin: 100px auto 0 auto;
	}
	header nav {
/*		border-bottom: 1px solid #000;*/
		width: 95%;
		margin: 0 auto;
		margin-bottom: 0;
	}
	/*social button*/
	ul.sub_navi li {
		width: 15.5%;
		margin-bottom: 0;
		margin-right: 0.6%;
	}
	ul.sub_navi li:nth-child(3n) {
		margin-right: 0.6%;
	}
	ul.sub_navi li:last-child {
		margin-right: 0;
	}
	#socialBtn {
		bottom: 10px;
		right: 60px;
		left: auto;
		margin: 0;
	}
	#socialBtn li {
		width: auto;
		height:40px;
	}
	#socialBtn li a {
		overflow: hidden;
		padding: 8px 20px 5px 42px;
		white-space: nowrap;
		font-size: 120%;
	}
	#socialBtn li.twitter {
		margin-right: 10px;
	}
	#socialBtn li.twitter a {
		background-position: 0px -134px;
	}
/*
	#socialBtn li.facebook {
		float: left;
	}
	#socialBtn li.facebook a {
		background-position: px -179px;
	}
*/
	/* dl dt dd */
	dl.dl_list01 {
		margin-bottom: 1em;
		border-top: 1px dotted #aaa;
		padding-top: 0;
	}
	dl.dl_list01>dt, dl.dl_list01 dd {
		margin-top: 1em;
	}
	dl.dl_list01>dt {
		width: 10em;
		padding-left: 0.5em;
		border-left: 6px solid #aaa;
		float: left;
	}
	dl.dl_list01>dd {
		padding-bottom: 1em;
		border-bottom: 1px dotted #aaa;
		margin-left: 0;
		padding-left: 11em;
		margin-bottom: 0;
		padding-top: 0;
	}
	/*
	dl.dl_list01 > dd:last-child {
	  border-bottom: none;
	}
	*/
	dl.dl_list01 ul {
		padding-inline-start: 0;
	}

	/* footer -----------------------------*/
	footer {
		padding: 35px 0 30px;
	}
	span.pc {
		display: inline;
	}
	br.mob {
		display: block;
	}
	a[href^="tel:"]{
		pointer-events: none;
	}
	.btn-tel {
		display:none; 
	}
	.inner_footer {
		margin: 0 20px;
	}
	ul.division li {
		display: inline-block;
		padding: 0 1%;
		vertical-align: top;
		text-align: left;
		font-size: 1.4rem;
		font-size: 14px;
		width: 48%;
		float: left;

	}
	ul.division li a {
		text-decoration: none;
	}
	.fax-no {
		width: 14em;
	}
	.map {
		float: left;
	}

	.col2 {
		width: 48%;
		float: left;
		margin-right: 2%;
	}
	.col2:nth-child(2n) {
		margin-right: 0;
	}
	.col3 {
		width: 30%;
		float: left;
		margin-right: 2%;
	}
	.col3:nth-child(3n+2) {
		margin-right: 0;
	}
#photos{margin-right:-12px;}
#photos li.thumb{list-style:none;background:none repeat scroll 0 0 #FFFFFF;border:1px solid #CCCCCC;float:left;margin:0.5em 2px 0.5em 0;padding:2px;}
#photos li.thumb a{display:block;float:left;height:100px;line-height:100px;overflow:hidden;position:relative;width:100px;z-index:1;}
#photos li.thumb a img{float:left;left:-20px;position:absolute;top:-20px;width:auto;max-width:none;}
#photos li.thumb a:hover{border:medium none;overflow:visible;z-index:1000;}
#photos li.thumb a:hover img{background:none repeat scroll 0 0 #FFFFFF;border:1px solid #CCCCCC;padding:2px;}
ul.rss-items{margin-top:0;margin-right:0;margin-bottom:0;margin-left:10px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;list-style-type:none;}
li.rss-item{margin-bottom:3px;}

}

@media only screen and (min-width: 56.25em) {	/*900px*/
	body {
		font-size: 16px;
		font-size: 1.6rem;
	}
	#main {
		float: left;
		width: 74.3589%;		/*870px(9column)/1170px*/
		margin: 40px 0 0 0;
	}
	#sub {
		float: right;
		width: 23.0769%;		/*270px(3column)/1170px*/
		margin: 40px 0 0 0;
	}
	header {
		border-bottom: solid 1px #18445c;
	}
	header #logo {
		line-height: 0.7;
	}
	.sb-contents {
		margin-top: 0;
		float: none;
		width: 100%;
	}

	/*navigation*/
	#navControl {
		display: none;
		margin-top: 0;
	}
	ul#globalNav {
		display: block !important;
	}
	ul#globalNav li {
		float: left;
		width: 14%;
		margin-right: 0;
		border-bottom:none;
/*		box-shadow: 0 1px 0 0 #fff; */
		text-align: center;
		padding: 0 0.1%;
	}
	ul#globalNav li a {
		background: transparent;
		color: #012340;
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: bold;
	}
	ul#globalNav li a:hover {
		background: transparent;
		color: #008aa6;
	}
	ul#globalNav li a i {
		display: inline-block;
		vertical-align: middle;
	}
	ul#globalNav li ul li {}


	/*social button*/
	#socialBtn {
		position: static;
		width: auto;
		height: auto;
		margin-bottom: 2em;
	}
	#socialBtn li {
		width: auto;
	}
	#socialBtn li a {
		width: auto;
		height: auto;
		padding: 10px 0 10px 42px;
		border: 5px solid #dad5c5;
		border-radius: 10px;
		text-indent: 0;
	}
	#socialBtn li.twitter {
		float: none;
		margin: 10px;
	}
	#socialBtn li.twitter a {
		background-position: 0 -134px;
	}
	#socialBtn li.facebook {
		float: none;
		margin: 10px;
	}
	#socialBtn li.facebook a {
		background-position: 0 -179px;
	}

	.col4 {
		text-align: center;
	}
	ul.col4 {
		padding-left: 0;
	}
	.col4 li {
		display: inline-block;
		padding: 0 1%;
		width: 22%;
		vertical-align: top;
		text-align: left;
	}

	/* footer -----------------------------*/
	ul.division li {
		width: 26%;
	}

	/* fontsize -----------------------------*/
	.fontS {
		font-size: 85%
	}
	.fontM {
		font-size: 100%
	}
	.fontL {
		font-size: 116%
	}

	/* mod_headerbox_size -------------------*/
	.mod_headerbox_size {
		display: block;
		position: relative;
		height: 50px;
		float: right;
		overflow: hidden;
	}
	.mod_headerbox_size ul {
		margin-left: -30px;
	}
	.mod_headerbox_size ul li {
		width: 30px;
		height: 30px;
		float: left;
		overflow: hidden;
	}
	.mod_headerbox_size ul li span {
		/*  display: block;*/
		display: inline-flex;
		cursor: pointer;
	}
	.mod_headerbox_size ul li.active span {
		margin-top: -30px;
	}
	.mod_headerbox_size ul li span:hover {
		margin-top: -30px;
	}
}

@media only screen and (min-width: 75.625em) {	/*1210px*/
	#wrapper, #site_header, header nav {
		width: 1000px;		/*870px(9column)/1170px*/
		/*width: 83.5714em;*/		/*1170px*/
		/* width: 1170px; */
		margin: 0px auto 0;
	}
	#wrapper { 
		margin-top: 110px;
	}
	.inner_footer {
		width: 1000px;
		margin: 0 auto;
		display: inline-block;
	}
	ul.sub_navi li {
		margin-right: 0.98%;
	}
	ul.sub_navi li:last-child {
		margin-right: 0;
	}
}


@media print {
	.print_page {
		size: A4 landscape;
		page-break-after: always;
		position: relative;
	}
	.print_page:last-child{
		page-break-after: auto; /* 最後のページの改ページを防ぐ */
	}
	body { background: none;border-top: none; }
	#wrapper { margin:0; padding: 0;}
	#site_header {
		margin: 0; padding:0; 
		border-bottom: solid 1px #18445c;
	}
	header { 
		border-top: none; 
		position: static;	/********************/
	}
	.no-print,
	#navControl, 
	#socialBtn,
	#eye-catch,
	#contact,
	h1,
	footer { 
		display: none; 
	}
	.tel-img {
		top: 0;
		right: 0;
		width: 215px;
		float:right;
	}
	.w30 { width: 30%; }
	.w50 { width: 50%; }
	.w70 { width: 70%; }
	.w-inherit { width: inherit; }
	#main .w-inherit { width: inherit; }

}