@charset "utf-8";
/*--------------------------------------
	copyright :Sapporo Express Co.Ltd.
	-----------------------------------*/

/*
 common
==============================*/
.pc-block { display: block!important;}
.sp-block { display: none!important;}

/* body ----------*/
/*body { background:url(../_img/common/bg_1.gif) 0 0 repeat;}*/

/* wrap ----------*/
#wrap {}

/* header ----------*/
#header01 .headerTitle { font-size:83.3%; font-weight:normal; color: #fff;}
#header01 { width:100%; margin:0 auto 10px;}
#header01 .hd_secA { width:100%; height:25px; line-height:25px; background-color: #1875d1;}
#header01 .hd_secA .inner { width: 1000px; margin: 0 auto; position:relative; padding: 0.5em 0;}
#header01 .ht { }
#header01 .hd_secA .hd_menu { position:absolute; right:-5px; top:0;}
#header01 .hd_secA .hd_menu ul li { display:inline; margin-right:5px; font-size:83.3%; color: #fff;}
#header01 .hd_secA .hd_menu ul li a { color: #fff;}
#header01 .hd_secA .hd_menu ul li.last { border-left:1px solid #fff; padding-left:5px;}
#header01 .hd_secB { /*padding-top:10px;*/ width: 1000px; margin: 0 auto;}
#header01 .hd_secB .bt { text-align:right;}
#header01 .hd_secB .select { margin-left: 200px; font-size: 12px; margin-top: -3px;}
#header01 .hd_secC { width: 1000px; margin: 0 auto;}
#header01 .hd_secC .menu1 { float:left; height:24px; line-height:22px; background:#fff; border:1px solid #DFDFDF; padding-left:20px; padding-right:20px;}
#header01 .hd_secC .menu1 ul { text-align:center;}
#header01 .hd_secC .menu1 ul li { display:inline; height:22px; line-height:24px; border-right:1px solid #aaa; margin-right:10px; padding-right:10px;}
#header01 .hd_secC .menu1 ul li.last { border-right:none; margin-right:0; padding-right:0;}
#header01 .hd_secC .menu1 ul li a:link,#header01 .hd_secC .menu1 ul li a:visited { color:#444; text-decoration:none;}
#header01 .hd_secC .menu1 ul li a:hover,#header01 .hd_secC .menu1 ul li a:active { color:#FFA73C; text-decoration:none;}
#header01 .hd_secC .menu2 { float:right; margin-top: -10px;/*width:249px;*/}
#header01 .hd_secC .menu2 ul li { float:left; margin-right:5px;}
#header01 .hd_secC .menu2 ul li.last { margin-right: 0;}

#header01 ul li.menu-acc-box { position: relative;}
#header01 ul li.menu-acc-box img { cursor: pointer;}
#header01 ul li.menu-acc-box img a { display: block; text-decoration: none; font-size: 12px;}
#header01 ul li.menu-acc-box ul.menu-acc-box-list { position: fixed; margin: 0; padding: 0; z-index: 9999;}
#header01 ul li.menu-acc-box ul.menu-acc-box-list li { overflow: hidden; height: 0; margin: 0; padding: 0; white-space: nowrap; background-color: rgba(0,0,0,0.8); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; float: none;}
#header01 ul li.menu-acc-box ul.menu-acc-box-list li a { border-top: 1px solid #ddd; padding: 10px 15px; display: block; font-size: 14px; font-weight: bold; text-decoration: none; color: #fff;}
#header01 ul li.menu-acc-box ul.menu-acc-box-list li.first a { border-top: none;} 
#header01 ul li.menu-acc-box ul.menu-acc-box-list li a:hover { color: #111; background: rgba(255,255,255,0.9)}
#header01 ul li.menu-acc-box:hover ul.menu-acc-box-list li { overflow: visible; height: 36px;}
#header01 ul li.menu-acc-box:hover ul.menu-acc-box-list li:first-child > a:after { content: ''; position: absolute; left: 20px; top: -8px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid rgba(0,0,0,0.8);}
#header01 ul li.menu-acc-box#fade-in ul.menu-acc-box-list li { opacity: 0; top: 50%; visibility: hidden; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
#header01 ul li.menu-acc-box#fade-in:hover ul.menu-acc-box-list li { height: 0; top: 100%; visibility: visible; opacity: 1}
#header01 .ovfn { overflow: visible;}
#header01 .bdn { border: none!important;}
#header01 .p-t0 { padding-top: 0!important;}

/* nav ----------*/
/*#nav { width:950px; overflow:hidden; margin-top:-13px; margin-bottom:5px;}*/
#nav { /*width:950px;*/ overflow:hidden; /*margin-bottom:5px;*/}
#nav ul { /*width:955px;*/}
#nav ul li { float:left; /*margin-right:5px;*/ margin-top:13px;}
#nav ul li.home { margin-top:15px; margin-right:20px;}
#nav ul li.from { margin-right: 0;}
#nav ul li.fromto { margin-right: 35px;}

/* mainImgWide -------------*/
#mainImgWide { width:100%; height:485px; text-align:left; position:relative; overflow:hidden; z-index:5; /*margin-bottom:20px;*/}
#mainImgWide .inner { width:950px; height:485px; margin-left:-475px; position:absolute; left:50%;}
#mainImgWide .slideWrap { top:0; position:absolute; overflow:hidden;}
#mainImgWide .slideWrap ul:after { content:"."; height:0; clear:both; display:block; visibility:hidden;}
#mainImgWide .slideWrap ul { height:450px; float:left; display:inline-block; overflow:hidden;}
#mainImgWide .slideWrap ul li { width:950px; float:left; display:inline; overflow:hidden; text-align:center;}
#mainImgWide .prev { width:4750px; height:450px; top:0; left:-4750px; overflow:hidden; position:absolute; z-index:100; cursor:pointer; opacity:0.5;}
#mainImgWide .next { width:4750px; height:450px; top:0; right:-4750px; overflow:hidden; position:absolute; z-index:100; cursor:pointer; opacity:0.5;}
#mainImgWide .prev { background:#000 url(../_img/common/slider_left.png) no-repeat right center;}
#mainImgWide .next { background:#000 url(../_img/common/slider_right.png) no-repeat left center;}
#mainImgWide .pagenation { bottom:0; left:0; width:100%; height:15px; position:absolute; z-index:200;}
#mainImgWide .pagenation ul { text-align:center;}
#mainImgWide .pagenation ul li { display:inline;}
#mainImgWide .pagenation ul li.last { margin-right:0;}
#mainImgWide .pagenation ul li a { display:inline-block; width:16px; height:15px; background:url(../_img/common/mi_tb.png) 0 0 no-repeat;}
#mainImgWide .pagenation ul li a.active { background:url(../_img/common/mi_tb_on.png) 0 0 no-repeat;}

/* newstop -------------*/
header .news-top { width: 1000px; margin: -10px auto 0; background: #fff;}

/* pagelinks -------------*/
#pagelinks { width: 100%; background-color: #333; height: 44px;}
#pagelinks ul { text-align: center; display: block; overflow: hidden; letter-spacing: -0.5em; min-width: 1020px; margin: 0 auto;}
#pagelinks ul li { display: inline-block; padding: 12px 0; font-size: 14px; letter-spacing: normal;}
#pagelinks ul li a { color: #fff; padding: 16px 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease; }
#pagelinks ul li a:hover { color: #333; background-color: #fff; text-decoration: none;}
.fixed#pagelinks { position: fixed; top: 0; width: 100%; z-index: 10000;}
.entry-01#article-01 { padding-top: 44px; margin-top: -14px;}
.entry-02#article-02 { padding-top: 44px; margin-top: -14px;}
.entry-01#article-03 { padding-top: 44px; margin-top: -14px;}
.entry-02#article-04 { padding-top: 44px; margin-top: 0px;}
.entry-02#article-05 { padding-top: 44px; margin-top: -14px;}
#areaNav { padding-top: 85px; margin-top: 0px;}


/* contents ----------*/
#contents { /*width: 100%;*/ margin:0 auto;}

/* footer ----------*/
/*#footer01 { width:950px; margin:0 auto; background:url(../_img/common/bg_2.gif) 0 22px repeat-x; border-bottom:4px solid #fff; padding:0 0 5px;}*/
#footer01 { width: 100%;}
/*#footer01 .pagetop { text-align:right; }*/
#footer01 .page-top { position: fixed; bottom: 60px; right: 40px;}
#footer01 a:link, #footer01 a:visited { color:#3F73CA;}
#footer01 a:hover, #footer01 a:active { color:#FFA73C;}
#footer01 .inner { width: 100%; margin:0 auto; border-top: 5px solid #1875d1;}
#footer01 .inner .field { background-color: #f1f8ff; padding: 15px 0 8px;}
/*#footer01 .inner { width:830px; padding:20px 60px; margin-top:13px; margin-bottom:5px; //background:#fff;}*/
#footer01 .info { position:relative; width:830px; height:108px; margin-bottom:16px;}
#footer01 .info_fj { position:relative; width:830px; height:118px; margin-bottom:16px;}
/*#footer01 .info_newyear { position:relative; width:830px; height:132px; margin-bottom:16px; margin: 0 auto 16px;}*/
#footer01 .info_newyear { position:relative; width:1003px; height:132px; margin: 0 auto 16px;}
/*#footer01 .info1 { position:absolute; top:18px; right:10px; text-align:right; font-size:83.3%;}*/
/*#footer01 .info2 { position:absolute; top:84px; left:12px; line-height:1.3em;}*/
#footer01 .info2 { position:absolute; top:94px; left: 0; line-height:1.5em;}
#footer01 .info2 span { padding-right: 0.5em; font-size: 16px;}
#footer01 .info3 { position:absolute; top:60px; left:12px;}
#footer01 .info4 { position:absolute; top:72px; left:12px;}
#footer01 .infoTel { position:absolute; bottom:10px; right:18px; text-align:right; line-height:1.1em;}
#footer01 .infoTel-day { position:absolute; top: 15px; left: 485px; text-align:left; line-height:1.5em; font-size: 13px;}
#footer01 .infoTel-newyear { position:absolute; top: 60px; left: 425px; text-align:left;}
#footer01 .infoTel-newyear ul li { padding-left: 1em; text-indent: -1em; line-height:1.4em; font-size: 11px;}
#footer01 .infoTel-newyear ul.ti2 li { text-indent: 0;}
#footer01 .infoTel_fj { position:absolute; bottom:22px; right:17px; text-align:right; line-height:1.1em;}
#footer01 .column { display: table; margin: 20px auto; width: 1180px;}
#footer01 .column .tb-c { display: table-cell; vertical-align: top;}
#footer01 .fcB { padding-right: 60px;}
#footer01 .fcB h2 { margin-bottom:12px;}
/*#footer01 .fcB ul { width:830px; text-align:center; margin-bottom:30px;}*/
#footer01 .fcB ul { text-align: left;}
/*#footer01 .fcB ul li { display:inline; background:url(../_img/common/ar_1.jpg) 0 center no-repeat; margin-right:10px; padding-left:10px;}*/
#footer01 .fcB ul li { display:block; background:url(../_img/common/ar_1.jpg) 0 center no-repeat; padding-left:10px;}
/*#footer01 .menu { width:830px;}*/
#footer01 .menu_list { width:207px; float:left; text-align:left;}
#footer01 .menu_list2 { width:276px; float:left;}
#footer01 .menu_list h2,
#footer01 .menu_list2 h2 { color:#666; padding-left:3px; margin-bottom:10px;}
#footer01 .menu_list ul,
#footer01 .menu_list2 ul { margin-left:10px;}
#footer01 .menu_list ul li,
#footer01 .menu_list2 ul li { background:url(../_img/common/ar_1.jpg) 0 2px no-repeat; font-size:83.3%; line-height:1.1em; margin-bottom:5px; padding-left:10px;}
#footer01 .menu_list ul li.tree { margin-left:15px;}
#footer01 .menuLeft { width:415px; float:left; border-left: 1px solid #ccc; padding-left: 20px;}
#footer01 .menuLeft ul { float:left;}
#footer01 .menuRight { width:415px; float:right; border-left: 1px solid #ccc; padding-left: 20px;}
#footer01 .menuRight .menuRightBox { width:415px;}
#footer01 .ssl { width:830px;}
#footer01 .ssl .pict { float:left; margin-right:12px;}
#footer01 .ssl h4 { margin-bottom:4px;}
#footer01 .ssl .text { line-height:1.2em;}
/*#footer01 .copy { background:url(../_img/common/bg_2.gif) 0 0 repeat; padding-top:2px; padding-bottom:2px;}*/
#footer01 .copy { background-image: none; background-color: #1875d1; padding: 8px 0;}
#footer01 .copy p { font-size:83.3%; line-height:15px; text-align:center; color:#fff;}
#footer01 .ssl_dj { width:830px; margin-top:20px; text-align:left;}
#footer01 .ssl_dj .pict { float:left; margin-right:12px;}
#footer01 .ssl_dj h4 { margin-bottom:4px;}
#footer01 .ssl_dj .text { line-height:1.2em;}

#footer01 .copy_dj { background:url(../_img/common/bg_2.gif) 0 0 repeat; width:950px; padding-top:2px; padding-bottom:2px;}
#footer01 .copy_dj p { font-size:83.3%; line-height:15px; text-align:center; color:#fff;}

.modal-overlay { background-color: rgba(0,0,0,0.5);}


/* clearfix ----------*/
#header01 .hd_secC:after,
#contents:after,
#footer01 .menu:after,
#footer01 .menuLeft:after,
#footer01 .menuRightBox:after,
#footer01 .pay:after,
#footer01 .ssl:after
 { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#header01 .hd_secC,
#contents,
#footer01 .menu,
#footer01 .menuLeft,
#footer01 .menuRightBox,
#footer01 .pay,
#footer01 .ssl
 { display:inline-table; min-height:1%; }
/* Hides from IE-mac \*/
* html #header01 .hd_secC,
* html #contents,
* html #footer01 .menu,
* html #footer01 .menuLeft,
* html #footer01 .menuRightBox,
* html #footer01 .pay,
* html #footer01 .ssl
 { height:1%; }
#header01 .hd_secC,
#contents,
#footer01 .menu,
#footer01 .menuLeft,
#footer01 .menuRightBox,
#footer01 .pay,
#footer01 .ssl
 { display:block; }
/* End hide from IE-mac */

/*
	less than 767px;
-----------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.pc-block { display: none!important;}
	.sp-block { display: block!important;}
	img { max-width: 100%; height: auto;}

	#wrap { width: 100%; height: auto;}
	#header01 { width: 100%;}
	#header01 br.cl { display: none;}
	#header01 .hd_secA,
	#header01 .hd_secC { display: none;}
	#header01 .hd_secB,
	#header01 .news-top { width: 100%!important; padding: 0;}
	#header01 .hd_secB nav ul.fr { width: 100%; margin : 1em 0 0;}
	#header01 .hd_secB nav ul.floatBox:after { content: none;}
	#header01 .hd_secB nav ul.fl,
	#header01 .hd_secB nav ul.fr { float: none; display: table; table-layout: auto;}
	#header01 .hd_secB nav ul.fl li,
	#header01 .hd_secB nav ul.fr li { display: table-cell; float: none; margin-top: 0; vertical-align: top;}
	#header01 .hd_secB nav ul.fl li.first { padding: 1em 1em 0 0.5em;}
	#header01 .hd_secB nav ul.fl li { padding-top: 1em;}
	#header01 .hd_secB nav ul.fr li { border: 1px solid #ccc; border-right: none; text-align: center; vertical-align: middle;}
	#header01 .hd_secB nav ul.fr li.first { border-left: none;}
	#header01 .hd_secB nav ul.fr li a { display: block; padding: 0; color: #111; text-decoration: none;}
	#header01 .hd_secB nav ul.fr li a img { vertical-align: middle;}
	#header01 .hd_secB nav ul.limited { display: none; table-layout: fixed; width: 100%; font-size: 0;}
	#header01 .hd_secB nav ul.limited li { display: inline-block; width: 33%; border: 1px solid #ccc; border-top: none; float: none; margin: 0; text-align: center;}
	#header01 .hd_secB nav ul.limited li.first { border-left: none; border-right: none;}
	#header01 .hd_secB nav ul.limited li.last { border-right: none;}
	#header01 .hd_secB nav ul.limited li a { display: block; padding: 1em 0; color: #111; text-decoration: none;}
	#header01 .hd_secB p.select { display: none;}
	#header01 .hd_secB p.callcenter { margin: 0;}
	#header01 .news-top { padding: 1em 0.5em 1em!important; margin: 0!important;}
	#header01 .news-top p { font-size: 11px;}
	

	body { overflow-x: hidden;}
	#wrap { position: relative; overflow: hidden; min-height: 100%;	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
	body #wrap.on { -webkit-transform: translateX(-250px); -moz-transform: translateX(-250px); transform: translateX(-250px);}
	#spNav { background-color: #606060; display: block; position: fixed; z-index: 4999; width: 250px; height: 100%; top: 0;	right: 0; overflow-x: hidden; overflow-y: auto; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-transform: translateX(250px); -moz-transform: translateX(250px); transform: translateX(250px);}
	#spNav.on { -webkit-overflow-scrolling: touch; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); -moz-box-shadow: 2px -1px 1px 0px rgba(0,0,0,0.2) inset; -webkit-box-shadow: 2px -1px 1px 0px rgba(0,0,0,0.2) inset; -o-box-shadow:  2px -1px 1px 0px rgba(0,0,0,0.2) inset; -ms-box-shadow:  2px -1px 1px 0px rgba(0,0,0,0.2) inset;}
	#spNavSdw { position: absolute; top: 0; left: 0; z-index: 4900;	overflow: hidden; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); display: none;	}
	#spNavSdw.show { animation-name: spNavSdwAnime; -webkit-animation-name: spNavSdwAnime; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; display: block;}
	@keyframes spNavSdwAnime {
		0% { opacity: 0; -moz-opacity: 0; -khtml-opacity: 0;}
		100% { opacity: 1; -moz-opacity: 1;	-khtml-opacity: 1;}
	}
	@-moz-keyframes spNavSdwAnime {
		0% { opacity: 0; -moz-opacity: 0; -khtml-opacity: 0;}
		100% { opacity: 1; -moz-opacity: 1;	-khtml-opacity: 1;}
	}
	@-webkit-keyframes spNavSdwAnime {
		0% { opacity: 0; -moz-opacity: 0; -khtml-opacity: 0;}
		100% { opacity: 1; -moz-opacity: 1;	-khtml-opacity: 1;}
	}
	@-o-keyframes spNavSdwAnime {
		0% { opacity: 0; -moz-opacity: 0; -khtml-opacity: 0;}
		100% { opacity: 1; -moz-opacity: 1;	-khtml-opacity: 1;}
	}
	#spNav ul.bg-ora li { background-color: #f39c12; font-weight: bold;}
	#spNav ul.bdr-f { border-top: 1px solid #ddd;}

	#hamburger { display: block; width: 61px; height: 51px; position: relative; /*background-color: #fff;*/ cursor: pointer;}
	#hamburger .icn { position: relative; width: 100%; height: 100%; text-align: center;}
	#hamburger .icn span { position: absolute; left: 50%; margin-left: -13px; width: 25px; height: 4px; background-color: #1875d1; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
	#hamburger .icn span:nth-of-type(1) { top: 0;}
	#hamburger .icn span:nth-of-type(2) { top: 10px;}
	#hamburger .icn span:nth-of-type(3) { top: 20px;}
	#hamburger .icn i { top: 30px; text-align: center; position: relative; color: #1875d1; font-style: normal;}
	#hamburger.on { position: relative; z-index: 4899; /*background-color: #f2f2f2;*/}
	/*#hamburger.on .icn span:nth-of-type(1) { -webkit-transform: translateY(10px) rotate(-45deg); transform: translateY(10px) rotate(-45deg);}
	#hamburger.on .icn span:nth-of-type(2) { opacity: 0;}
	#hamburger.on .icn span:nth-of-type(3) { -webkit-transform: translateY(-10px) rotate(45deg); transform: translateY(-10px) rotate(45deg);}*/

	#nav ul li.home { margin: 1em 0 0; padding-left: 0.5em;}
	#nav ul li.i-search { text-align: center; width: 43px; padding: 0 0.5em 0 1em; cursor: pointer;}
	#nav ul li.i-search span { color: #1875d1; display: block;}
	#nav ul li.callcenter { margin-top: 24px;}
	#nav ul li.callcenter a { color: #1875d1; text-decoration: none; cursor: pointer; display: block;}

	#nav .fl-l { float: left; width: 35%;}
	#nav .fl-l .mt1 { margin-top: 2em;}
	#nav .fl-r { float: right; margin-bottom: 1em;}

	#nav .g-nav { clear: both; margin: 1em; display: table; padding: 0; border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
	#nav .g-nav li { float: none; display: table-cell; border: 1px solid #ccc; border-top: none; border-bottom: none;}
	#nav .g-nav li img { vertical-align: bottom;}
	#nav .g-nav li.first , #nav .g-nav li.last { border-left: none; border-right: none;}
	
	#spNav ul { border-top: 1px solid #999;}
	#spNav ul:first-child { border-top: none;}
	#spNav ul li { background: url(../_img/common/arr_sp_nav.png) no-repeat center right 5%; background-size: auto 30%;}
	#spNav ul #sp-close { position: relative; width: 100%; height: 100%; text-align: right; background: none; padding-top: 4em;}
	#spNav ul #sp-close span { position: absolute; right: 5%; margin-left: -13px; width: 25px; height: 4px; background-color: #fff;}
	#spNav ul #sp-close span:nth-of-type(1) { top: 10px; -webkit-transform: translateY(10px) rotate(-45deg); transform: translateY(10px) rotate(-45deg);}
	#spNav ul #sp-close span:nth-of-type(2) { top: 30px; -webkit-transform: translateY(-10px) rotate(45deg); transform: translateY(-10px) rotate(45deg);}
	#spNav ul li.tex { padding: 1em 0 1em 1em; color: #fff; text-decoration: none; background: none;}
	#spNav ul li a { display: block; padding: 1em 0 1em 1em; color: #fff; text-decoration: none;}
	#spNav ul.tex-i li a { padding-left: 1.5em;}
	#spNav ul li a:hover { color: #fff;}
	
	#wrap #mainImgWide { width: 100%; height: auto; overflow: visible;}
	#wrap #mainImgWide .inner { width: 100%; height: auto; margin: 0; position: static;}
	#wrap #mainImgWide .pagenation,
	#wrap #mainImgWide .prev,
	#wrap #mainImgWide .next { display: none;}
	#wrap #mainImgWide .slideWrap { position: static;}
	#wrap #mainImgWide .slideWrap ul { height: auto;}
	#wrap #mainImgWide .slideWrap ul li { width: auto;}
	
	#pagelinks { display: none;}

	section.width-01, section.width-02,
	#secA, #secB, #secC { width: 100%!important;}
	.entry-01#article-01 #secA,
	.entry-02#article-02 #secA,
	.entry-01#article-03 #secA,
	.entry-02#article-04 #secC,
	.entry-02#article-05 #secC,
	.entry-01 #secB { padding: 0 1%;}
	.entry-01#article-03 #secA { font-size: 0;}
	.entry-02#article-02,
	.entry-01#article-03,
	.entry-02#article-04 { padding-top: 2em; margin-top: 0;}
	.entry-02#article-05 { padding-top: 2em; margin-top: 0;}

	.entry-01#article-01 #secA .pr10,
	.entry-01#article-01 #secA .pr20,
	.entry-01#article-03 #secA .pr10 { padding-right: 0;}

	.entry-01#article-01 #secA #sp-search {	position: fixed; display: none; margin: 0; background: #fff; width: 90%; height: 80%; overflow-y: auto;	z-index: 50; 	top: 5%!important; left: 5%!important;}
	.entry-01#article-01 #secA .tabGroup { display: none;}
	.entry-01#article-01 #secA .tour-search { width: 100%; }
	.entry-01#article-01 #secA .searchTitle  { display: none;}
	.entry-01#article-01 #secA .in ul li span { width: auto;}
	.entry-01#article-01 #secA .in ul li.wSmall { float: none;}
	.entry-01#article-01 #secA .in ul li .check { width: auto;}
	.entry-01#article-01 #secA .tour-search p.close_btn { position: absolute; top: 1%; right: 1%; cursor: pointer;}
	.entry-01#article-01 #secA .tour-search p.close_btn a { text-decoration: none; color: #333; font-size: 30px; font-weight: bold;}
	.entry-01#article-01 #secA .tour-search p.close_btn a:hover{ color: #03559e; transition: 0.3s;}

	.entry-01#article-01 #secA .tb-c { display: block;}
	.entry-01#article-01 #secA .tb-c .early,
	.entry-01#article-01 #secA .tb-c .time-sale,
	.entry-01#article-01 #secA .tb-c .few,
	.entry-01#article-01 #secA .tb-c .recommend	{ width: 100%; display: block; padding: 0 1em;}
	.entry-01#article-01 #secA .early a,
	.entry-01#article-01 #secA .time-sale a,
	.entry-01#article-01 #secA .few a { padding: 1em 0;}
	.entry-01#article-01 .width-01#secA .tb-c .item { display: none;}
	.entry-01#article-01 .width-02#secA .tb-c .field { display: none;}
	.entry-01#article-01 .width-02#secA .tb-c .item { display: block;}
	.entry-01#article-01 .width-02#secA .tb-c .recommend .item { width: 100%; border-top: 1px solid #ccc; padding: 1em 0;}
	.entry-01#article-01 .width-02#secA .tb-c .recommend .item ul .photo { display: table-cell;}
	.entry-01#article-01 .width-02#secA .tb-c .recommend .item ul .tour-name { display: table-cell; padding-left: 0.5em;}
	.entry-01#article-01 #secA .tb-c .title { text-align: left; margin: 0; padding: 1em 0; height: auto; background: url(../_img/index/toggle.png) no-repeat center right; background-size: auto 24%; cursor: pointer;}
	.entry-01#article-01 #secA .tb-c .active { background-image: url(../_img/index/toggle_active.png);}

	.entry-02#article-02 #secA .fl ul { width: 100%;}
	.entry-02#article-02 #secA .fl ul li { width: 100%; float: none; display: block; margin-bottom: 0; border-top: none;}
	.entry-02#article-02 #secA .fl ul li.first { border-top: 1px solid #ccc;}
	.entry-02 #secA ul li span.pic { float: left; margin-right: 1em; width: 35%;}
	.entry-02 #secA ul li a { overflow: hidden;}

	.entry-01#article-03 #secA .tb-c { display: inline-block; width: 50%; font-size: 0; padding: 0 1% 1.5%;}
	.entry-01#article-03 #secA .tb-c .tour-ranking-all { width: auto;}
	.entry-01#article-03 #secA .tb-c .tour-ranking-all .btn-more { text-align: center;}
	.entry-01#article-03 #secA .tb-c .tour-ranking-all .photo { display: block; text-align: center;}
	.entry-01#article-03 #secA .tb-c .tour-ranking-all .photo img { width: 100%;}
	.entry-01#article-03 #secA .tb-c .tour-ranking-all .tour-name { display: block;}
	.entry-01#article-03 #secA .dp-i { display: inherit; width: 100%;}
	.entry-01#article-03 #secA .dp-i .tour-ranking-all { display: inline-block; width: 49%; font-size: 0;}
	.entry-01#article-03 #secA .dp-i .mb10 { margin: 0 2% 0 0;}

	.entry-02#article-04 #secC .flortBox { width: 100%;}
	.entry-02#article-04 #secC .flortBox .in { width: 100%; display: block; float: none; margin: 0 0 1em; padding: 0 1em;}
	.entry-02#article-04 #secC .flortBox .in h3 { margin-top: 1em;}
	.entry-02#article-04 #secC .flortBox .in p.rank-photo { text-align: center;}
	.entry-02#article-04 #secC .flortBox .in ul li.last { padding-bottom: 1em;}

	.entry-02#article-05 #secC .flortBox { width: 100%;}

	.entry-01 #secB .catSort .catMenus { width: 100%; border: 1px solid #ccc; border-left: none; border-right: none; padding: 0.5em 0.5em 1em; text-align: center;}
	.entry-01 #secB .catSort .catMenus h3 { float: none; display: block; margin: 0.8em auto; text-align: center; height: auto; line-height: normal;}
	.entry-01 #secB .catSort .catMenus p { float: none; display: inline-block; margin: 0.2em; text-align: center; min-width: 45%; width: auto; height: auto; line-height: normal;}
	.entry-01 #secB .catSort .catMenus p a { width: auto; padding: 0.5em 1em;}
	.entry-01 #secB .catSort .catMenus_area { margin-bottom: 0; border-bottom: none;}
	.entry-01 #secB .catSort .catList { width: 100%; font-size: 0;}
	.entry-01 #secB .catSort .catList li { display: inline-block; width: 50%; margin: 0 0 0.5em;}
	.entry-01 #secB .catSort .catList li span.p { text-align: center;}

	#footer01 .page-top { bottom: 2%; right: 2%;}
	#footer01 .column { width: 100%;}
	#footer01 .inner .field .info_newyear { width: 100%; position: static; height: auto; margin: 0; padding: 0 0.8em;}
	#footer01 .inner .field .info_newyear .info2 { position: static; margin: 1em auto;}
	#footer01 .inner .field .info_newyear .infoTel-day { position: static; margin: 1em auto; text-align: center;}
	#footer01 .inner .column { margin: 0 auto;}
	#footer01 .inner .column .fcB ul,
	#footer01 .inner .column .menu { display: none;}
	#footer01 .inner .column .fcB { display: block; padding: 0; text-align: center; border-right: none;}
	#footer01 .inner .column .tb-c p,
	#footer01 .inner .column .tb-c .menu_list { display: inline-block; vertical-align: middle; padding: 0.5em 1em; margin-bottom: 0;}
	#footer01 .inner .column .tb-c p { width: 40%;}
	#footer01 .inner .column .tb-c .menu_list { float: none; width: 50%;}

	.datepick { width: 100%!important;}
	.datepick-popup { z-index: 5000!important;}
	.datepick-month-row .datepick-month { float: none!important;}

	#sp-callcenter.modal-content { position: fixed; display: none; margin: 0; background: #fff; width: 90%; height: auto; overflow-y: auto;	z-index: 50; 	top: 5%!important; left: 5%!important;}
	#sp-callcenter.modal-content p.close_btn { position: absolute; top: 1%; right: 1%; cursor: pointer;}
	#sp-callcenter.modal-content p.close_btn a { text-decoration: none; color: #333; font-size: 30px; font-weight: bold;}
	#sp-callcenter.modal-content p.close_btn a:hover{ color: #03559e; transition: 0.3s;}

	#sp-hokkaido-menu.modal-content { position: fixed; display: none; margin: 0; background: #fff; width: 90%; height: auto; overflow-y: auto;	z-index: 50; 	top: 5%!important; left: 5%!important;}
	#sp-hokkaido-menu.modal-content p.close_btn { position: absolute; top: 1%; right: 1%; cursor: pointer;}
	#sp-hokkaido-menu.modal-content p.close_btn a { text-decoration: none; color: #333; font-size: 30px; font-weight: bold;}
	#sp-hokkaido-menu.modal-content p.close_btn a:hover{ color: #03559e; transition: 0.3s;}
	#sp-hokkaido-menu.modal-content ul li { margin: 0 auto; width: 100%; border: 1px solid #ccc;}
	#sp-hokkaido-menu.modal-content ul li.first { border-bottom: none;}
	#sp-hokkaido-menu.modal-content ul li a { display: block; padding: 1em; text-align: center;}

	p.callcenter { text-align: center; cursor: pointer;}
	p.callcenter a { text-decoration: none; color: #444;}
	p.callcenter a:hover { text-decoration: underline; color: #f00;}

	.modal-overlay { z-index: 5; display: none;	position: fixed; top: 0; left: 0;	width: 100%; height: 120%; background-color: rgba(0,0,0,0.5);}
}