@charset "UTF-8";
a { text-decoration: none; }
.sp{display:block;}
.pc{display:none !important;}
.wrapIn{width:100%;background:#fff;}
.aside{width:100%; min-height: 0;}
.bread-sec,.ttl01{display:none;}
img{max-width:100%;}
.header{width:100%;padding-bottom:0px;background:#5a3819; padding-top: 3%;}
.header .header_attention {
	margin-top: 0;
	padding: 3%;
	background-color: #ec7171;
	background-color: rgba(255,255,255,0.2);
	color: #fff;
	font-size: 3vw;
	line-height: 1.6;
}
.header .header_attention a {
	color: #bcb08b;
}
.logo{width:54%;padding:0 0 4% 3%;margin: 0 auto;}
.header h1.chogifttl {
	display: block;
	margin: 0 0 3% 2%;
	font-size: 2.7vw;
	text-align: center;
}
.header h1.chogifttl span {
	display: inline;
}
.sp_menu{width:10%;position: absolute; top: 20vw; right: 4%;}
.logo img{width:100%;}
.sp_menu img{width:100%;}
.gNav{margin:0;background:#ffffff;display:none;position:relative;}
.footergNav{margin:0;background:#eaeaea;border-top:1px solid #bfaf86;}
.gNav li a,.footergNav li a{padding:30px 0;width:90%;margin:0 auto;position:relative;}
.gNav li,.footergNav li{border-bottom:1px solid #bfaf86;padding:0;}
.gNav li img,.footergNav li img{padding:0 0 0 15px;max-width:60%;}
.gNav li a .subnav,.footergNav li a .subnav{color:#4c3311;font-size:3.6vw;vertical-align:top;display:block;position:absolute;padding:4px 0px 0 0;margin:0;right:0;top:35px;}
.gNav li a span,.footergNav li a span{display:inline-block;margin:0 0 0 0px;}
.footergNav li a{display:block;}
.gNav01{background:url(../../common/img/header/gNavsp01.png) no-repeat;height:30px;text-indent:-999px;width:170px;background-size:100%;}
.gNav02{background:url(../../common/img/header/gNavsp02.png) no-repeat;height:30px;text-indent:-999px;width:170px;background-size:100%;}
.gNav03{background:url(../../common/img/header/gNavsp03.png) no-repeat;height:30px;width:170px;text-indent:-999px;background-size:100%;}
.gNav04{background:url(../../common/img/header/gNavsp04.png) no-repeat;height:30px;width:170px;text-indent:-999px;background-size:100%;}
.gNav05{background:url(../../common/img/header/gNavsp05.png) no-repeat;height:30px;width:170px;text-indent:-999px;background-size:100%;}
.gNav06{background:url(../../common/img/header/gNavsp06.png) no-repeat;height:30px;width:170px;text-indent:-999px;background-size:100%;}
.gNav07{background:url(../../common/img/header/gNavsp07.png) no-repeat;height:30px;width:170px;text-indent:-999px;background-size:100%;}
.gNav08{background:url(../../common/img/header/gNavsp08.png) no-repeat;height:30px;width:170px;text-indent:-999px;background-size:100%;}
.gNav09{background:url(../../common/img/header/gNavsp09.png) no-repeat;height:30px;width:170px;text-indent:-999px;background-size:100%;}
.gNav10{background:url(../../common/img/header/gNavsp10.png) no-repeat;height:30px;width:170px;text-indent:-999px;background-size:100%;}

.main {
	width:100%;
	padding-bottom: 6%;
	min-height:0;
	overflow: hidden;
}

.top-sec-howto h3 {
	font-size: 4vw !important;
}
.top-sec-howto-in {
	padding-top: 6%;
	/* padding-right: 7%; */
	background-color: #ff837d;
	box-sizing: border-box;
}
.top-sec-howto-in .step {
	margin-left: 4%;
	width: 28%;
	float: left;
}
.top-sec-howto-in .step dd {
	padding: 10px 0;
	color: #fff;
	font-size: 3.2vw;
	line-height: 1.4;
	box-sizing: border-box;
}
.top-sec-howto-in .step dd h4 {
	font-size: 3.7vw;
}

.top-sec01{margin:6% 0 4% 0 !important;padding:0 1% !important;}
.top-sec01 p{
	text-align:center;
}
.top-sec01 h2 img.top_mainimg {
	width: 100%;
}
.top-sec01 .top_ic_shipfree {
	width: 12%;
	position: absolute;
	top: 54%;
	right: 3%;
}
.top-sec02 {
	font-size: 4vw;
}
.top-sec02.example {
	font-size: 3.4vw !important;
}
.top-sec03 img,
.top-sec03.example img {
	display: block;
	margin: 0 auto;
	width: 90% !important;
}

.toppackage.last {
	padding-bottom: 4% !important;
}
.toppack-with{width:100%;}
.topbtn .btn {
	margin-top: 2%;
	font-size: 3.2vw;
}
.toppack-with-in{max-width:100%;}
.toppack-with-in img {
	width: 90%;
}
.toppack-with-in .caption {
		font-size: 3vw;
	}

.examplepackage .toppack-with{width:50%;float:left;}
.examplepackage .toppack-with-in{width:90%;margin:0 auto;text-align:center;cursor:pointer; box-sizing: border-box;}
.examplepackage .topbtn .btn{
	padding: 3%;
	width: 90%;
	font-size: 3.2vw;
	box-sizing: border-box;
}
.mailPriceWrap {
	margin-bottom: 0 !important;
	font-size: 4vw;
	/* font-size:1rem !important; */
	position:absolute;
	bottom: 0;
}
.mailPrice {
	text-align:center;
	line-height:1.4;
	/* font-size: 0.9rem; */
}
.tax {
	font-size: 3vw !important;
	color:#c6093b;
}
.pricenum{margin-left:0px;}

.cnfsec01Lft {
	width:100%;
	float:none;
	text-align:center;
}
.cnfsecmiddleblock{position:relative;float:none;}
.cnfsec01Rft {
	width:100%;
	float:none;
	text-align:center;
	position:relative;
}
.ttl03 {
	font-size: 3.4vw; 
	line-height: 1.6;
	padding: 4%;
}
.ttl03 span {
	padding-top: 2%;
	font-size: 4vw;
}
.wggimgsec{text-align:center;padding:6% 0 6% 0;}
.cnfsec01RftIn h4{font-size:14px;padding:20px 0 20px 0;}
.confirm-box,.confirm-boxwrap{width:90%;float:none;margin:0 auto;}
.cnfsec01Lft img{margin:30px 0px;}
.btn-secconfrim {
	margin: 12% auto 0 auto !important;
	box-sizing: border-box;
	text-align: center;
}
.btn-secconfrim li {
	float:none;
	font-size:16px;
	width: 100% !important; 
	position: relative;
	padding: 0 0 20px;
	margin: 0;
	box-sizing: border-box;
}

.ttl02 {
	font-size: 3.8vw;
	padding: 6% 0 7%;
	color:#4c3311;
	width:90%;
	margin:0 auto;
	line-height:1.2;
	background-repeat: no-repeat;
	background-position: right 20px;
	background-size: 45%;
}
.ttl02.faq {
	background-image: url(/common/img/header/gNav05.png);
}
.ttl02.guide {
	background-image: url(/common/img/header/gNav04.png);
}
.ttl02.about {
	padding-bottom: 7% !important;
	background-image: url(/common/img/header/gNav02.png);
}
.ttl02.example {
	background-image: url(/common/img/header/gNav09.png);
}
.ttl02.howto {
	background-image: url(/common/img/header/gNav03.png);
}
.ttl02.contact {
	display: block;
	background-image: url(/common/img/header/gNav06.png);
}
.ttl02.recruit {
	background-image: url(/common/img/header/gNav11.png);
}
.ttl02.info {
	background-image: url(/common/img/header/gNav12.png);
}
.ttl04{padding:20px 0 20px 0px;color:#9e9e30;font-size:18px;width:90%;margin:0 auto;}
.ttl05{padding:0 0 20px;}
.confirmttl04 {
	font-size: 3.6vw;
	padding:20px 0;
}
.confirm-boxIn p,
.finish-box p {
	font-size: 3.4vw;
}
.confirm_textp{display:inline-block;width:70%;}
.cnfsec01RftIn{margin:0;}
.cnfsec01RftIn img,.cnfsec01Lft img{width:100%;}
.cnfsec01RftIn{width:90%;margin:0 auto;}
.pagetop{text-align:center;padding:40px 0 21px;color:#4c3311;font-size:15px;display:block;}

.footer.pc { display: none; }
.footer.sp {
	display: block;
	background:#5a3819;
	width:100%;
	padding-top: 2% !important;
	padding-bottom: 2%;
	margin-top: 0 !important
}
.footer-in{width:100%;position:relative; margin-top: 0 !important;}
.footer-in h3 {
	margin: 6% auto 0;
	padding: 2.5% 5%;
	width: 100%;
	box-sizing: border-box;
	border: none;
}
.footer-in h3 img {
	width: 60%;
}
.footer-in dl.footer_bnr {
	margin: 0% auto !important;
	padding: 0 !important;
	width: 100%;
	background-color: #6b4c30 !important;
	border-bottom: 1px solid #7a5e45;
}
.footer-in dl.footer_bnr a {
	text-decoration: none;
}
.footer-in dl.footer_bnr.last {
	border-bottom: none;
}
.footer-in dl.footer_bnr dt {
	width: 45%;
	padding: 5%;
	box-sizing: border-box;
	float: left;
}
.footer-in dl.footer_bnr dd {
	width: 55%;
	margin: 0 !important;
	padding: 5% 5% 5% 0;
	box-sizing: border-box;
	float: left;
}
.footer-in dl.footer_bnr dd h4 {
	margin-bottom: 3vw;
	font-size: 3.8vw;
}
.footer-in dl.footer_bnr dd span {
	font-size: 3.4vw;
	line-height: 1.4;
}

.footer-in ul.footer_corplink {
	margin-left: 3%;
	/*  border-top: 1px solid #ccad87; */
	padding-top: 6%;
}
.footer-in ul.footer_corplink li {
	/* text-align: center; */
}
.footer-in ul.footer_corplink li img.btech {
	margin-right: 6%;
	width: 30% !important;
}
.footer-in ul.footer_corplink li img.cookiemail {
	margin-right: 0;
	width: 36% !important;
}

/* .footer-in ul.footer_corplink li {
	float: left;
}
.footer-in ul.footer_corplink li.btech {
	margin-right: 3%;
	width: 30%;
}
.footer-in ul.footer_corplink li.ckmail {
	width: 39%;
}
.footer-in ul.footer_corplink li img {
	width: 100%;
} */

.ftLink{margin-top:20px;float:left;width:40%;}
.ftLink li{padding:0 10px 0 0;width:41%;}
.ftLink li.twit{width:18%;}
.ftLink li.facebook{width:17%;padding:0;}
.ftLink li a{display:block;}
.ftNav {
	width: 80%;
	margin: 12% auto;
	padding: 0 !important;
	box-sizing: border-box;
}
.ftNav li {
	background:#bfaf86;
	/* border:1px solid #866c48; */
	text-align:center;
	margin-top: 4%;
}
.ftNav li a {
	color:#4c3311;
	padding: 4.5% 0;
	display:block;
	text-decoration: none;
}
.ftNav li:first-child {
	margin-bottom: 12%;
}
/* .ftNav li {
	background: none;
	border: none;
	float: left;
	margin: 0;
	padding-left: 4%;
} */
/* .footer .ftNav .contact{display:block;} */
/* .ftNav li a {
	color:#fff;
	font-size:0.8rem;
	padding: 0 !important;
	box-sizing: border-box;
	text-decoration: underline;
} */
.footer .choco_btn{display:none;}
.copyright {
	display: block !important;
	width: 95%;
	margin: 8vw auto 6vw;
	font-size: 3.2vw;
	text-align: left;
	padding: 0 !important;
	border: none !important;
}
.copyright a.powerdby {
	display: block;
	margin-bottom: 4vw;
	color:#ccad87;
	font-size:inherit;
}


.finish-in{width:90%;margin:0 auto;}
.finishlt{padding-bottom:0px;color:#dd506b;}

/* .side-in{display:none;}
.wgg-in{width:95.2%;margin:0 auto;position:relative;}
.wggtxt{font-size:13px;}
.boxtxt,.wggtxt02{font-size:12px;}
.wgg-order{margin-bottom:70px;}
.wgg-order li{position:absolute;right:0;}
.wgg-order li.wgg-ortxt{font-size:14px;right:120px;}
.wgg-price-sec{background-size:100% 100%;padding:23px 20px;}
.wgg_free{position:absolute;right:20px;}
.wgg_pric{padding:0;position:absolute;right:86px;}
.wggtxt03{text-align:left;font-size:14px;}
.btn-sec{margin-top:12% !important; margin-bottom:0px;}
.btn-sec li{width:100%;position:relative;padding:0 0 20px;margin:0;} */

.side-in{
	display: block;
	width: 90%;
	height: auto;
	margin: 6% auto 20%;
	position:relative;
	top: 0;
	left: 0;
}
.side-in-border {
	margin-top: 12%; border-top: 1px solid #bfaf86;
}
.side-in-sec02-txt01,
.side-txt03 {
	width: 90%;
	box-sizing: border-box;
}
.side-in-sec02-txt03 {
	margin-top: 3%;
	width:80%;
}
.btn_confirm a {
	padding: 3%;
	width: 20%;
	font-size: 0.8rem;
}
/* .side-in.sp {display: block !important;} */
.wgg-in{width:90%;margin:0 auto;position:relative;}
.wggtxt {
	font-size: 3.4vw;
}
.wgg-borbox textarea {
	width:90%;
	margin:0 auto;
	padding: 2%;
	font-size: 3.4vw !important;
	box-sizing: border-box;
}
.wgg-box-in.pdb20.pdt20 {
	padding: 4% 4% 5% 4%;	
}
.boxtxt,.wggtxt02 {
	font-size: 3.4vw;
}
.wgg-order{margin-top: -12%;margin-bottom:20%;}
.wgg-order li{position:absolute;right:0;}
.wgg-order li.wgg-ortxt {
	font-size: 3.4vw;
	right:150px;
	padding: 16px 0 0 0;
	line-height: 18px;
}
.wgg-price-sec_wrap {border: solid 2px #c0b492; padding: 1vw;}
.wgg-price-sec{background: none !important;border: solid 1px #c0b492;padding: 2.5vw 2vw 5vw 3vw;}
.wgg_free{position:absolute;right:20px;}
.wgg_pric{padding:0;position:absolute;right:86px;}
.wggtxt03 {
	text-align: left;
	font-size: 3.4vw;
	padding: 6vw 0 6vw;
}
.wgg_pric {
	font-size: 6vw;
}
.wgg_pro {
	font-size: 3.4vw;
}
.wggtxt02{text-align:left;}
.btn-sec{margin:12% auto 0 auto !important; box-sizing: border-box;}
.btn-sec li{width:100% !important; position:relative;padding:0 0 20px;margin:0; box-sizing: border-box; }
.wgg-borbox{height:auto;}
.wgg-btn a,
.wgg-btn span {
	width: 100%;
	font-size: 1rem !important;
	margin: 0 auto !important;
	padding: 8% !important;
	box-sizing: border-box;
}
.wgg-borbox .btn-sec.preview {
	margin-top: 0 !important;
	padding: 0 auto !important;
}
.wgg-borbox .btn-sec.preview li {
	padding: 0 !important;
	margin: 0 auto !important;
}
.wgg-borbox .btn-sec .wgg-btn a {
	width: 40% !important;
	margin: 6% auto 2% !important;
	padding: 6% !important;
	font-size: 0.8rem !important;
	box-sizing: border-box;
}
.wgg-borbox textarea {
	width: 100% !important;
}

/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
::placeholder-shown { color: #ccc; font-size: 1rem; }
/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder { color: #ccc; font-size: 0.8rem; }
/* Firefox 18- */
::-moz-placeholder { color: #ccc; opacity: 1; font-size: 0.8rem; }
/* Firefox 19+ */
::-moz-placeholder { color: #ccc; opacity: 1; font-size: 0.8rem; }
/* IE 10+ */
::-ms-input-placeholder { color: #ccc; font-size: 0.8rem; }

/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
textarea.preview_input::placeholder-shown { font-size: 0.8rem; }
/* Google Chrome, Safari, Opera 15+, Android, iOS */
textarea.preview_input::-webkit-input-placeholder { font-size: 0.8rem; }
/* Firefox 18- */
textarea.preview_input::-moz-placeholder { font-size: 0.8rem; }
/* Firefox 19+ */
textarea.preview_input::-moz-placeholder { font-size: 0.8rem; }
/* IE 10+ */
textarea.preview_input::-ms-input-placeholder { font-size: 0.8rem; }

.wgg-borbox .count,
.wgg-borbox .error {
	width: 100%;
	font-size: 0.8rem;
	margin: 2% auto 0;
	color: #fff;
	text-align: left;
	line-height: 1.2;
}
.wgg-borbox .error {
	margin: 0 auto 2%;
	display: none;
}

.about-boxwrap{width:90%;margin:0 auto;}
.inner,.about-informwrap{width:90%;margin:0 auto;}
.about-informwrap{padding-bottom:0;}
.about-left{width:100%;}
.about-img img{width:100%;}
.about-ttl01{padding-top:15px;}
.about-left{width:100%;margin:0;}
.aboutsec .pdt50{padding-top:30px;}
.aboutimgsec {text-align: center;}
.about-right{width:100%;float:none;}
.about-left .aboutxt{padding-bottom:30px;}
.aboutbread {
	display: none;
	padding: 0;
	width: 45%;
}

.about-boxwrap.howto .about-box.inner {
	width: 100%;
}

p.lead {
	width: 100%;
	padding: 6%;
	font-size: 3.4vw;
}

.about-boxwrap.howto .about-box .howtoimgsec img {
	display: block;
	margin: 0 auto;
	width: 80%;
}
.about-boxwrap.howto .about-box.inner {
	margin-bottom: 4% !important;
}
.about-boxwrap.howto .about-box.inner.howto {
	margin-top: 3%;
}

p.aboutxt {
	font-size: 3.4vw;
}



.toppack-with_hover .btn{background:#fff3a6;color:#7c4d2a;}
.about-ttl {
	color: #dd506b;
	font-size: 3.8vw;
	padding-bottom: 3vw;
	line-height: 1.6em;
}
.howto-boxwrap{width:90%;margin:0 auto;padding:10px 0 0 0;}
.howto-boxwrap.guide.index {
	margin-top: -2% !important;
}
.last{margin-bottom:0px !important;}
.howtogg {
	height: 8vw;
	font-size: 3.8vw;
	background-size:6% !important;
	background:#eaeaea url(../../img/howto/howto_toggup.png) no-repeat 94% 50%;
	border-radius:10px;
}
.howtogg.arrow {background-size:4% !important;background-image:url(../img/arw_right.png) !important;}

.howto-box div.txt {
	padding:0 2% 6% 2%;
	font-size: 3.4vw;
	line-height:2em;
}
.howto-box div.txt dl {
	border-bottom: none !important;
	padding-top: 0 !important;
	margin-top: 0 !important;
}
/* .howto-box div.txt dl dd.foodlabel {
	margin-top: 6%;
} */

.howto-box div.txt dl.col2 dt,
.howto-box div.txt dl.col2 dd,
.howtoggdesc div.txt dl.col2 dt,
.howtoggdesc div.txt dl.col2 dd {
	float: none;
	width: 100% !important;
	padding-left: 0;
	padding-right: 0;
}
.howto-box div.txt dl.col2 dt,
.howtoggdesc div.txt dl.col2 dt {
	margin-top: 0;
	padding-bottom: 0;
	border-top: none !important;
	font-weight: bold;
}
.howto-box div.txt dl.col2 dd,
.howtoggdesc div.txt dl.col2 dd {
	padding-top: 0;
	border-top: none !important;
}
.howto-box div.txt dl.col2 dt:first-child {
	padding-top: 0 !important;
}

.howtogg2 {
	background-size:6% !important;
	background:#ffffff url(../../img/howto/howto_toggup02.png) no-repeat 94% 50%;
}
.howto-boxwrap .active {
	background-size:6% !important;
	background:url(../../img/howto/howto_toggdown.png) no-repeat 94% 50%;
}
.howto-boxwrap .howtogg2.active {
	background-size:6% !important;
	background:url(../../img/howto/howto_toggdown02.png) no-repeat 94% 50%;
}
.howtogg p{padding-left:10px;border-left:20px solid #bebebf;height:55px;border:0;-webkit-border-radius:0;display:table-cell;vertical-align:middle;}
.howtogg2 p{
	font-size: 3.4vw;
	padding-left: 4%; 
	padding-right: 14%; 
	line-height: 1.4;
}
.howtoggWrap{margin:0 0 30px 0;}
.order_guidetxt{padding:20px 0;}
.paymentlist{padding:20px 0 20px 20px;}
.howtobox{padding:10px 0;}
.howtoggdesc2 {
	font-size: 3.4vw;
}
.howtoggdesc2In{padding-left:4%;padding-right:4%;}
.except_txt{padding-left:5px;padding-right:5px;}
.howtoggdesc2{padding:20px 0px 20px 0px;}
.inputin{width:90%;margin:0 auto;}
.inputin p.order_message {
	font-size: 3.4vw !important;
}
.inputin .information {
	margin: 0 0 6% !important;
	padding: 0 !important;
	line-height: 1.6;
}
.inputin .information h4 {
	margin: 0 0 0 0 !important;
	text-align: left;
	border-bottom: 0;
	font-size: 2.26vw !important;
}
.ui-page-theme-b .ui-btn:hover, html .ui-bar-b .ui-btn:hover, html .ui-body-b .ui-btn:hover, html body .ui-group-theme-b .ui-btn:hover, html head + body .ui-btn.ui-btn-b:hover{background:#fff3a6;border-color:#785537;text-shadow:0 0px 0 #000000;}
.inquirycontent{width:100%;padding:0;background:none;}
.inquirycontent table{width:100%;}
.inquirycontent table tr td span.attention {
	font-size:12px !important;
	color:#595757 !important;
	line-height:1.4 !important;
	padding-top:4px !important;
	padding-bottom:6px !important;
	font-weight:normal;
}
.inquirycontent .ui-body-a, .ui-page-theme-a .ui-body-inherit, html .ui-bar-a .ui-body-inherit, html .ui-body-a .ui-body-inherit, html body .ui-group-theme-a .ui-body-inherit, html .ui-panel-page-container-a{width:100% !important;border-radius:6px !important;box-shadow:none;border-color:#bfaf86 !important;}
.ui-select .ui-btn{width:100% !important;background:#eaeaea!important;border:1px solid #bfaf86 !important;border-radius:6px !important;box-shadow:none!important;;padding-right:0em;}
.ui-btn{padding:.7em 0;}
.calendarwrap .ui-btn{padding:0em 0;}
.ui-datebox-gridheader .ui-btn{padding:0em 0;}
.customselect .ui-select .ui-btn,.largeselect .ui-select .ui-btn,.xllargeselect .ui-select .ui-btn{padding:.7em 0 !important;font-weight:normal;}
.ui-btn-icon-right{padding-right:0em;}
.ui-select .ui-btn select{padding-left:10px !important;}
.ui-select .ui-btn>span:not(.ui-li-count){padding-left:10px !important;padding-top:5px !important;padding-bottom:5px !important;color:#999999 !important;}
.ui-input-text{width:100%;}
.inputdes{display:block;}

.inputbox .inquirycontent table tr td .xllargeselect span.notes {
	display: block;
	margin: 0 0 6% !important;
	line-height: 1.4 !important;
}

.inputin p.order_message {
		font-size: 3.4vw !important;
	}
.inputbox .inquirycontent table tr td {
	font-size: 3.4vw !important;
}
form input[type="text"],
::placeholder {
	font-size: 3.4vw !important;
}



.inputblName,.inputblName2{display:none;}
.spsel-txt{color:#595757;padding-left:10px;margin:-15px 0 -20px 0;}
.mail_reg{width:100%;}
.mailre-tbl{width:100%;}
.mailre-tbl tr{width:100%;}
.mailre-tbl td{width:100%;float:left;}
.mailre-tbl td .ui-input-text{padding:0;margin:0 0 0px 0!important;}
.mailre-tbl input{height:38px;}
textarea.mailre-txtarea {
	/* height: 10%!important; */
	text-align:left!important;
	vertical-align:top!important;
	width:100%!important;
	padding: 10px;
	margin:0;
	font-size: 3.4vw !important;
	color: #666;
	/* margin-bottom:20px!important; */
}
.calendarwrap{width:100%;}
.calendarwrap .ui-input-text input{min-height:36px;color:#999999 !important;font-size: 12px;}
html head + body .radiowrap .ui-btn.ui-btn-b{background-color:#fcefd0;border:0;font-size:11px;color:#595757;border:1px solid #bfaf86 !important;}
html head + body .radiowrap .ui-btn.ui-btn-b:hover{background-color:#fcefd0;border:0;font-size:11px;color:#595757;}
.ui-datebox-container{margin-left:0px;}
.ui-input-datebox{padding:0 0 .4em 0;}
.ui-input-datebox input{padding-left:5px !important;}
.customselect .ui-body-a{color:inherit;}
.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head + body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head + body .ui-btn.ui-btn-a:visited{background:#785537;border-color:#9fa0a0;color:#595757;text-shadow:none !important;}
.ui-select .ui-btn select{border-radius:0 !important;background:#eaeaea!important;border:0 !important;}
.largecalendar .ui-icon-grid:after{background-image:url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M3%2C0H1C0.447%2C0%2C0%2C0.447%2C0%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V1C4%2C0.447%2C3.553%2C0%2C3%2C0z%20M8%2C0H6%20C5.447%2C0%2C5%2C0.447%2C5%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V1C9%2C0.447%2C8.553%2C0%2C8%2C0z%20M13%2C0h-2c-0.553%2C0-1%2C0.447-1%2C1v2%20c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V1C14%2C0.447%2C13.553%2C0%2C13%2C0z%20M3%2C5H1C0.447%2C5%2C0%2C5.447%2C0%2C6v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2%20c0.553%2C0%2C1-0.447%2C1-1V6C4%2C5.447%2C3.553%2C5%2C3%2C5z%20M8%2C5H6C5.447%2C5%2C5%2C5.447%2C5%2C6v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V6%20C9%2C5.447%2C8.553%2C5%2C8%2C5z%20M13%2C5h-2c-0.553%2C0-1%2C0.447-1%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V6C14%2C5.447%2C13.553%2C5%2C13%2C5z%20M3%2C10%20H1c-0.553%2C0-1%2C0.447-1%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1v-2C4%2C10.447%2C3.553%2C10%2C3%2C10z%20M8%2C10H6c-0.553%2C0-1%2C0.447-1%2C1v2%20c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1v-2C9%2C10.447%2C8.553%2C10%2C8%2C10z%20M13%2C10h-2c-0.553%2C0-1%2C0.447-1%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2%20c0.553%2C0%2C1-0.447%2C1-1v-2C14%2C10.447%2C13.553%2C10%2C13%2C10z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E) !important;background-color:#bfaf86 !important;}
.largecalendar .ui-btn{border:0 !important;background:#bfaf86 !important;color:#ffffff !important;margin:5px !important;}

.radiowrap .ui-radio .ui-btn.ui-radio-on:after {
	background-image:none;
	background-color:#fff;
	width:9px;
	height:9px;
	border-width:5px;
	border-style:solid;
	border-radius:10px;
}
.radiowrap .ui-checkbox,
.radiowrap .ui-radio {
	margin:0;
	margin-bottom:10px;
}

.radiowrap .ui-btn.ui-checkbox-on:after {
	background-color:#fff;
	width:9px;
	height:9px;
	/*  border-width: 5px; */
	border: 5px solid #f3ca81;
	border-radius:10px;
}

.radiowrap .ui-btn {
	padding-top:15px;
	padding-bottom:15px;
}
.radiowrap .radiodesc{padding-left:0;}
.calendarwrap .ui-input-text{background-color:#eaeaea !important;}
.smallselect .ui-select .ui-btn{width:60px !important;}
.smallselect2 .ui-select .ui-btn{width:80px !important;}
.smallselectWrap{position:relative;margin-bottom:10px;}
.smallselectpost{position:absolute;right:0;}
.smallselect .ui-select .ui-btn,.smallselect2 .ui-select .ui-btn{background:#eaeaea !important;font-weight:normal;}
.smallselect .ui-btn-icon-right:after,.smallselect2 .ui-btn-icon-right:after{right:.5625em;background-color:#ffffff;background-image:url(../../img/order/downarr.png) !important;}
.ui-datebox-griddate-disable{color:#fff !important;}
.ui-input-text input, .ui-input-search input{min-height:46px;font-size: 15px;}
.ui-input-text{width:399px;margin-bottom:10px !important;margin:inherit;}
.zipwrap{margin-bottom:-16px;margin-top:0px;}
.inputdes{font-size:12px;color:#595757;line-height:1.6em;padding-bottom:5px;font-weight:normal;}
.inquirycontent .pdb20{padding-bottom:0px;}
.radiowrap li>.ui-radio{margin-bottom:5px;}
.border-to{border-top:1px solid #bfaf86;padding-top:20px;margin-bottom:10px;}
.creditright .ui-select{margin-top:0px !important;margin-bottom:0px !important;position:relative;}
.ui-header .ui-title{overflow:inherit !important;}
.ui-datebox-griddate.ui-btn{color:#ffffff !important;}
.border{width:10px;height:55px;background:#bebebf;border-radius:10px 0px 0px 10px !important;display:table-cell !important;}
.border_twrap{display:block;vertical-align:middle;border-left:0;-webkit-border-radius:0;border-radius:0;padding-left:0;}
#howtofoot {
	position: absolute;
	margin-top: 0px;
}
.wggbox-img {
	text-align: center;
	margin: 10px;
}
.active .border {
	border-radius:10px 0px 0px 0px !important;
}

/* お客様情報の入力 */
.smallselectWrap.cardvalid {
	margin-bottom: 5% !important;
}


.about-sec {
	width: 100%;
	font-size: 3.4vw;
	box-sizing: border-box;
}
.about-sec .logo {
	margin-top: 2%;
	padding: 2% 0 6% 0;
	width: 100%;
	box-sizing: border-box;
}
.about-sec .logo h3 {
	font-weight: normal;
}
.about-sec .logo img {
	display: block;
	margin: 0 auto 6%;
	width: 60%;
}
.about-sec p {
	padding: 6%;
}
.about-sec .btn-sec {
	margin-top: 6%;
}
.about-sec .btn-sec .btn a {
	margin: 0 auto;
	width:90%;
}

.aside_excpheader {
	width: 100%;
	position: static;
}

.movetop {
	display: block;
	position: fixed;
	bottom: 2.4%;
	right: 2.4%;
	z-index: 99999;
	width: 10%;
}
.movetop:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
.movetop img {
	display: block;
	width: 100%;
}

.lNav {
	padding-top: 3%;
}
.lNav li {
	padding: 0 0 4% 5%;
	font-size: 3vw;
}

.side-in .side-in-sec02 .ui-input-text {
	line-height: 0.8 !important;
	border-radius: 0 !important;
}
.side-in-sec02 .ui-input-text::placeholder-shown { color: #ccc; font-size: 1rem; }
/* Google Chrome, Safari, Opera 15+, Android, iOS */
.side-in-sec02 .ui-input-text::-webkit-input-placeholder { color: #ccc; font-size: 1rem; }
/* Firefox 18- */
.side-in-sec02 .ui-input-text::-moz-placeholder { color: #ccc; opacity: 1; font-size: 1rem; }
/* Firefox 19+ */
.side-in-sec02 .ui-input-text::-moz-placeholder { color: #ccc; opacity: 1; font-size: 1rem; }
/* IE 10+ */
.side-in-sec02 .ui-input-text::-ms-input-placeholder { color: #ccc; font-size: 1rem; }

div.paperbag {
	margin-bottom: 10%;
	padding: 3% 6% !important;
	box-sizing: border-box;
}
div.paperbag img {
	display: block;
	float: none;
	width: 40%;
	margin: 3% auto 0;
}
div.paperbag .select_sec {
	float: none;
	font-size: 3.4vw;
	line-height: 1.8;
	width: 100%;
}
div.paperbag .select_sec .quan_paperbag {
	margin: 0 0 0 8%;
}
div.paperbag span.bold {
	margin: 0 0 3% 0;
	font-size: 3.4vw;
	line-height: 1.4;
}

.attention {
	margin: 0 auto !important;
	padding: 5% 6%;
	box-sizing: border-box;
}
.attention h4 {
	margin-bottom: 2vw;
	border-bottom: 1px solid #bfb195;
	padding-bottom: 2vw;
	font-size: 4vw !important;
}
.attention p {
	text-align: left;
	/* text-align: center; */
	font-size: 3.4vw !important;
}
.attention p span {
	display: block;
	margin-top: 3%;
	font-size: 3vw !important;
	text-align: left;
}

.attention dl {
	margin-top: 6%;
}
.attention dl dt {
	margin-right: 5%;
	width:25%;
	float: left;
}
.attention dl dt img {
	width: 100%;
}
.attention dl dd {
	padding-top: 3%;
	width: 70%;
	float: left;
	font-size: 3.0vw !important;
	line-height: 1.4;
	box-sizing: border-box;
}
.attention dl dd strong {
	display: block;
	margin-bottom: 8px;
	font-weight: bold !important;
	text-decoration: underline;
}
.attention dl dd strong a {
	color: #553a1f;
}


.information {
	padding: 3% 6% 3% 6% !important;
}
.information h4 {
	margin: 0 0 2% 0 !important;
	border-bottom: 1px solid #ddd;
	padding-bottom: 3%;
	text-align: center;
	font-size: 3.6vw !important;
}
.information dl {
	margin-top: 0;
}
.information dl dt {
	margin-bottom: 3%;
	font-weight: bold;
	text-align: left;
	font-size: 3.6vw !important;
}
.information dl dd {
	font-size: 3.0vw !important;
}

.top-sec-season img {
	width: 100%;
}
.top-sec-season h1 {
	padding: 2% 0 !important;
	text-align: center;
	/* border-bottom: 2px solid #e86769; 母の日用*/
	/* border-bottom: 2px solid #0ec6f8; 父の日用*/
	border-bottom: 2px solid #d9d4cd; /* 卒業用 */
	font-size: 0.725rem;
	line-height: 1.7;
	font-weight: bold;
}

.howto-box div.txt.recruit h2 {
		margin-top: 6%;
	}
	.howto-box div.txt.recruit h2:first-child {
		margin-top: 0;
	}
	.howto-box div.txt.recruit table.table_adress {
		margin-top: 3%;
		border-top: 1px solid #eee;
	}
	.howto-box div.txt.recruit table.table_adress th {
		padding: 3% !important;
		width: 25% !important;
		box-sizing: border-box;
		text-align: left;
	}
	.howto-box div.txt.recruit table.table_adress td {
		padding: 8px !important;
		width: 75% !important;
		box-sizing: border-box;
	}
	.howto-box div.txt.recruit table.table_adress th,
	.howto-box div.txt.recruit table.table_adress td {
		border-bottom: 1px solid #eee;
	}
	.howto-box div.txt.recruit table.table_adress td iframe.map {
		margin-top: 2%;
		width: 100%;
		height: auto;
	}
	.howto-box div.txt ul.photolist li {
		margin: 0 2% 2% 0;
		width: 49%;
		float: left;
	}
	.howto-box div.txt ul.photolist li:nth-child(2n) {
		margin-right: 0;
	}
	.howto-box div.txt ul.photolist li img {
		display: block;
		width: 100%;
		
	}
	
	ul.top_bnrblock li.cashless img.pc {
		display: none;
	}
	ul.top_bnrblock li.cashless img.mb {
		display: block;
		margin: 10% auto 6% !important;
		width: 90% !important;
	}


/* --------- tablet --------- */
@media screen and (min-width: 600px) and (max-width: 959px) {
	.sp {display: none;}
	.logo {
		width: 36%;
	}
	.header h1.chogifttl {
		font-size: 1.8vw;
	}
	.header .header_attention {
		padding: 2%;
		font-size: 1.9vw;
	}

	.sp_menu {
		width: 6%;
		display: block !important;
		top: 14vw;
	}
	
	.gNav li a .subnav,.footergNav li a .subnav {
		font-size: 2.4vw;
	}
	
	.top-sec-howto h3 {
		font-size: 2.6vw !important;
	}
	.top-sec-howto-in .step dd {
		font-size: 2.13vw;
	}
	.top-sec-howto-in .step dd h4 {
		font-size: 2.46vw;
	}
	.top-sec02 {
		font-size: 2.6vw;
	}
	.topbtn .btn {
		font-size: 2.13vw;
	}
	.mailPriceWrap {
		font-size: 2.8vw;
		bottom: 2vw;
	}
	.tax {
		font-size: 2vw !important;
	}
	
	.ttl03 {
		font-size: 2.26vw;
	}
	.ttl03 span {
	font-size: 2.66vw;
}
	
	.footer-in h3 img {
		width: 40%;
	}
	.footer-in dl.footer_bnr dt {
		width: 30%;
		padding: 3% 3% 3% 6%;
	}
	.footer-in dl.footer_bnr dd {
		width: 70%;
		padding-left: 0;
	}
	.footer-in dl.footer_bnr dd h4 {
		margin-bottom: 2vw;
		font-size: 2.4vw;
	}
	.footer-in dl.footer_bnr dd span {
		font-size: 2vw;
		line-height: 1.4;
	}

	.top-sec-howto-in .step dt img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
	}
	.toppack-with {
		width: 50%;
		float: left;
	}
	.toppack-with-in .caption {
		font-size: 1.6vw;
	}
	
	.examplepackage .topbtn .btn{
		width: 60%;
		font-size: 2.13vw;
	}
	
	.top-sec01 {
		margin-top: 0;
	}
	.top-sec01 p img.top_mainimg {
		width: 80%;
	}
	.top-sec02.example {
		font-size: 2.26vw !important;
	}
	
	
	.movetop {
		width: 7%;
	}
	.side-in.sp,
	.side-in-border.sp {
		display: block !important;
	}
	.side-in{
		margin-bottom: 13%;
	}
	.btn_confirm a {
		padding: 1.6%;
		width: 12%;
		font-size: 1rem;
	}
	.btn-secconfrim {
		margin: 0 auto 4% !important;
	}
	.btn-sec li,
	.btn-secconfrim li {
		padding: 4%;
		width:60% !important;
		box-sizing: border-box;
	}
	.btn-secconfrim li {
		margin: 0 auto -4% !important;
	}
	.ttl02 {
		background-size: 24%;
		background-position: right 42%;
		line-height: 1;
		font-size: 2.53vw;
	}
	.ttl02.about {
		
	}
	.confirmttl04 {
		font-size: 2.4vw;
	}
	.confirm-boxIn p,
	.finish-box p {
		font-size: 2.26vw;
	}
	
	.about-boxwrap.howto .about-box .howtoimgsec img {
		width: 60%;
	}
	
	p.lead {
		font-size: 2.26vw;
	}
	
	.about-ttl {
		font-size: 2.53vw;
		padding-bottom: 2vw;
	}
	
	.howtogg {
		height: 5.3vw;
		font-size: 2.53vw;
	}
	.howtogg,
	.howtogg.active,
	.howto-boxwrap .active,
	.howto-boxwrap .howtogg2.active,
	.howtogg2,
	.howtogg2.active{
		background-size: 3% !important;
		background-position: 96% 50%;
	}
	.howtogg2 p {
		font-size: 2.26vw;
	}	
	.howtoggdesc2 {
		font-size: 2.26vw;
	}
	
	.howtogg.arrow {
		background-size:2% !important;
	}
	
	.howto-box div.txt {
		font-size: 2.26vw;
	}
	
	
	.inputin p.order_message {
		font-size: 2.26vw !important;
	}
	.inputbox .inquirycontent table tr td {
		font-size: 2.26vw !important;
	}
	form input[type="text"],
	form input[type="tel"],
	form input[type="email"],
	::placeholder {
		font-size: 2.26vw !important;
	}
	textarea.mailre-txtarea {
		font-size: 2.26vw !important;
	}
	
	.gNav li a .subnav,.footergNav li a .subnav{
		font-size: 0.9rem;
	}
	
	.howto-boxwrap{padding:0 0 0 0;}
	.howto-boxwrap.guide.index {
		margin-top: 0 !important;
	}
	.about-box.inner.howto:first-child {
		margin-top: 0 !important;
	}
	
	p.aboutxt {
		font-size: 2.26vw;
	}
	
	
	.ftNav {
		margin: 12% auto 6% !important;
		padding: 0 !important;
		width: 90%;
	}
	.ftNav li {
		margin: 0 0 0 2% !important;
		padding: 1%;
		width: 32%;
		float: left;
		border: none;
		box-sizing: border-box;
	}
	.ftNav li:first-child {
		margin-left: 0 !important;
	}
	
	/* .footer-in ul.footer_corplink {
		width: 30%;
	} */
	
	.footer-in ul.footer_corplink {
		margin-left: 3%;
		/*  border-top: 1px solid #ccad87; */
		padding-top: 6%;
	}
	.footer-in ul.footer_corplink li {
		float: left;
	}
	.footer-in ul.footer_corplink li.btech {
		margin-right: 3%;
		width: 20%;
	}
	.footer-in ul.footer_corplink li.ckmail {
		width: 24%;
	}
	.footer-in ul.footer_corplink li img {
		width: 100%;
	}
	
	.copyright {
		margin: 5.3vw auto 4vw;
		font-size: 2.13vw;
	}
	.copyright a.powerdby {
		margin-bottom: 2.6vw;
	}
	
	
	.lNav {
		margin-top: -2% !important;
		padding-top: 2%;
	}
	.lNav li {
		padding-bottom: 2%;
		font-size: 2vw;
	}
	
	div.paperbag {
		margin: -8% 0 16% 0;
	}
	div.paperbag img {
		display: block;
		float: right;
		width: 20%;
		margin: 3% auto 0;
	}
	div.paperbag .select_sec {
		float: left;
		font-size: 2.26vw;
		width: 80%;
	}
	div.paperbag .select_sec .quan_paperbag {
		margin: 0 0 0 4%;
	}
	div.paperbag span.bold {
		font-size: 2.26vw;
	}
	
	.wggtxt {
		font-size: 2.26vw;
	}
	.wgg-borbox textarea {
		font-size: 2.26vw !important;
	}
	.wggtxt02 {
		float: none;
		width: 100%;
		font-size: 2.26vw;
	}
	
	.wgg-order {
		margin-top: -3%;
	}
	.wgg-order li.wgg-ortxt {
		font-size: 2.26vw;
	}
	.wgg-price-sec_wrap {
		margin-top: -10%;
	}
	.wgg-price-sec {
		padding: 2.5vw 3vw 3.5vw;
	}
	.wggtxt03 {
		font-size: 2.26vw;
		padding: 4vw 0 4vw;
	}
	.wgg_pric {
		font-size: 4vw;
	}
	.wgg_pro {
	font-size: 2.26vw;
}
	.btn-sec {
		margin: 6% 0 0 0 !important;
		padding: 0 !important;
		width: 100%;
	}
	.btn-sec li {
		margin: 0 auto !important;
		padding: 2%;
		width: 100%;
		float: none;
	}
	.confirm-boxwrap img {
		width: 80%;
	}
	
	.top-sec01 h2 img.top_mainimg {
		width: 80%;
	}
	
	.top-sec-season h1 {
		padding: 1%;
		font-size: 1rem;
		font-weight: bold;
	}
	
	.attention {
		margin-top: 3% !important;
		padding: 3% 6%;
		box-sizing: border-box;
	}
	.attention h4 {
		padding-bottom: 1.3vw;
		font-size: 2.8vw !important;
	}
	.attention p {
		text-align: left;
		/* text-align: center; */
		margin: 0 auto;
		width: 95%;
		font-size: 2.26vw !important;
	}
	.attention p span {
		margin-top: 2%;
		font-size: 2vw !important;
	}
	.attention h4 br.sp,
	.attention p br.sp {
		display: none;
	}
	.attention dl {
	margin-top: 20px;
}
.attention dl dt {
	margin-right: 5%;
	width:18%;
	float: left;
}
.attention dl dt img {
	width: 100%;
}
.attention dl dd {
	padding-top: 16px;
	width: 77%;
	float: left;
	font-size: 0.9rem !important;
	line-height: 1.4;
	box-sizing: border-box;
}
.attention dl dd strong {
	display: block;
	margin-bottom: 8px;
	font-weight: bold !important;
	text-decoration: underline;
}
.attention dl dd strong a {
	color: #553a1f;
}
	
	
	
	.information {
		padding: 2% 6% 3% !important;
		/* font-size: 0.9rem !important; */
	}
	.information h4 {
		margin: 0 0 2% 0 !important;
		border-bottom: 1px solid #ddd;
		padding-bottom: 2%;
		text-align: center;
		font-size: 2.26vw !important;
	}
	.information dl {
		margin-top: 2%;
	}
	.information dl dt {
		margin-bottom: 1%;
		font-weight: bold;
		text-align: left;
		font-size: 2.6vw !important;
	}
	.information dl dd {
		font-size: 2.26vw !important;
	}
	.inputin .information {
		margin: 4% 0 6% !important;
		padding: 0 !important;
		line-height: 1.6;
	}
	.inputin .information h4 {
		margin: 0 0 0 0 !important;
		text-align: left;
		border-bottom: 0;
		font-size: 3.4vw;
	}
	
	.howto-box div.txt.recruit h2 {
		margin-top: 6%;
	}
	.howto-box div.txt.recruit h2:first-child {
		margin-top: 0;
	}
	.howto-box div.txt.recruit table.table_adress {
		margin-top: 3%;
		border-top: 1px solid #eee;
	}
	.howto-box div.txt.recruit table.table_adress th {
		padding: 1% !important;
		width: 25% !important;
		box-sizing: border-box;
		text-align: left;
	}
	.howto-box div.txt.recruit table.table_adress td {
		padding: 1% !important;
		width: 75% !important;
		box-sizing: border-box;
	}
	.howto-box div.txt.recruit table.table_adress th,
	.howto-box div.txt.recruit table.table_adress td {
		border-bottom: 1px solid #eee;
	}
	.howto-box div.txt.recruit table.table_adress td iframe.map {
		margin-top: 1%;
		width: 100%;
		height: auto;
	}
	.howto-box div.txt ul.photolist li {
		width: 25%;
		float: left;
		margin: 0;
	}
	.howto-box div.txt ul.photolist li img {
		width: 100%;
	}
	
	ul.top_bnrblock li.cashless img {
		display: block;
		margin: 0 auto 6% !important;
		width: 90% !important;
	}
	
	ul.top_bnrblock li.cashless img.pc {
		display: none;
	}
	ul.top_bnrblock li.cashless img.mb {
		display: block;
		margin: 10% auto 6% !important;
		width: 70% !important;
	}
	
	.about-sec {
		font-size: 2.26vw;
	}

}