@charset "utf-8";

.contents * {
	box-sizing: content-box;
}

h3 {
	font-weight: bold;
}

.sub-main.maruyama {
	background: url(../images/maruyama/sub_bg_maruyama.jpg) no-repeat center center;
	background-size:cover;
}
.sub-main.hiraoka {
	background: url(../images/hiraoka/sub_bg_hiraoka.jpg) no-repeat center center;
	background-size:cover;
}
.sub-main.souen {
	background: url(../images/souen/sub_bg_souen.jpg) no-repeat center center;
	background-size:cover;
}
.sub-main.asahikawa {
	background: url(../images/asahikawa/sub_bg_asahikawa.jpg) no-repeat center center;
	background-size:cover;
}
.sub-main.chitose {
	background: url(../images/chitose/sub_bg_chitose.jpg) no-repeat center center;
	background-size:cover;
}.sub-main.obihiro-ion {
	background: url(../images/obihiro-ion/sub_bg_obihiro-ion.jpg) no-repeat center center;
	background-size:cover;
}
.sub-main.kushiro {
	background: url(../images/kushiro/sub_bg_kushiro.jpg) no-repeat center center;
	background-size:cover;
}

.sub-main.moiwayama {
	background: url(../images/moiwayama/sub_bg_moiwa.jpg) no-repeat center center;
	background-size:cover;
}

.sub-main.hassamu {
	background: url(../images/hassamu/sub_bg_hassamu.jpg) no-repeat center center;
	background-size:cover;
}
.sub-main.maruyama_new {
	background: url(../images/maruyama/sub_bg_maruyama201810.jpg) no-repeat center center;
	background-size:cover;
}
.sub-main.hiraoka_new {
	background: url(../images/hiraoka/sub_bg_hiraoka201810.jpg) no-repeat center center;
	background-size:cover;
}
.sub-main.souen_new {
	background: url(../images/souen/sub_bg_souen201810.jpg) no-repeat center center;
	background-size:cover;
}
.sub-main.nishioka_new {
	background: url(../images/nishioka/sub_bg_nishioka201810.jpg) no-repeat center center;
	background-size:cover;
}
.sub-main.asahikawa_new {
	background: url(../images/asahikawa/sub_bg_asahikawa201810.jpg) no-repeat center center;
	background-size:cover;
}
.sub-main.chitose_new {
	background: url(../images/chitose/sub_bg_chitose201810.jpg) no-repeat center center;
	background-size:cover;
}
.sub-main.obihiro-ion_new {
	background: url(../images/obihiro-ion/sub_bg_obihiro-ion190809.jpg?d=201911) no-repeat center center;
	background-size:cover;
}
.sub-main.kushiro_new {
	background: url(../images/kushiro/sub_bg_kushiro201810.jpg) no-repeat center center;
	background-size:cover;
}
.sub-main.moiwayama_new {
	background: url(../images/moiwayama/sub_bg_moiwa201810.jpg) no-repeat center center;
	background-size:cover;
}
.sub-main.hassamu_new {
	background: url(../images/hassamu/sub_bg_hassamu201809.jpg) no-repeat center center;
	background-size:cover;
}
.sub-main.ishinomaki_new {
	background: url(../images/ishinomaki/sub_bg_ishinomaki201809.jpg?d=201909) no-repeat center center;
	background-size:cover;
	background-position: 0px 0px;
}


.sub-main.tendo_new {
	background: url(../images/tendo/sub_bg_tendo.jpg?d=2020) no-repeat center center;
	background-size:cover;
	background-position: 0px 0px;
}

.sub-main.toy {
	background: url(../images/sub_bg_toy.jpg) no-repeat center center;
	background-size:cover;
	background-position: 0px 0px;
}

.sub-main.green {
	background: url(../images/sub_bg_green.jpg) no-repeat center center;
	background-size:cover;
}


.title03 {
    color: #1eb42d;
	font-size: 27em;
	font-size: 2.7rem;
	font-weight: bold;
	letter-spacing: 0.075em;
	border-bottom: 1px dotted #1eb42d;
	padding: 0 0 10px;
	margin: 0 0 30px;
	position: relative;
	}

.shop_main {
	float:left;
	width:63%;
	}
.shop_main dl {
	font-size:110%;
	width:100%;
	border-bottom:1px solid #8E655C;
	}
.shop_main dt {
	clear:both;
	text-align:center !important;
	float:left; color:#8E655C;
	font-size:120%;
	padding:10px 0px; font-weight:bold;
	width:100px;
	}
.shop_main dt p { display:block; text-align:center; width:100%;}
.shop_main dd {
	margin-left:100px;
	padding:10px 20px;
	}

.shop_main_img {
	float:right;
	}
.shop_main ul { margin:30px 0px;}
.shop_main ul li { display:table-cell; padding-right:7px;}
.shop_main ul li img { width:86px;}

.img_rbox .img {
    float: right;
    margin-left: 40px;
}


@media screen and (max-width: 680px) {
	.title03 {
	font-size: 14em;
	font-size: 1.4rem;}
	.shop_main { float:none; }
	.shop_main dt {
		float: none; width:100%; background:#F4EDE4;
		padding:0px 0px;
		}
	.shop_main dd { margin-left:0px; padding:0px 0px;
		}
	.shop_main { float:none; width:100%; 
	}
	.shop_main_img {
    float: none;
    text-align: center;
    margin-bottom: 10px;
}

	.sub-main.ishinomaki_new {
		background-position: -37vw 0px;
	}
    .sub-main.tendo_new {
		background-position: -37vw 0px;
	}
	.sub-main.ishinomaki_new .text {
		margin: -27px auto 0;
	}
	.sub-main.tendo_new .text{
		margin: -27px auto 0;
	}

    .sub-main.toy {
		/*background-position: -58vw 0px;*/
		background-position: right;
	}
    .sub-main.toy .text{
		margin: -27px auto 0;
	}
}

/* img_rbox */
.img_lbox:after{
	content:" "; display: block; clear: both; height: 0;
}
.img_lbox .img{	float: left; }
.telweb .toifukidashi {
    float: left;
    width: 130px;
}

.telweb .toi { font-size:170%; font-weight:bold; }
.telweb .toi span { color:#F98200;}


.telweb .tel {
	font-size:200%; font-weight:bold;
	margin-left:160px;
	}

.arrow_box {
	position: relative;
	background: #FFFFFF;
	border: 1px solid #F98200;
	padding:5px; color:#F98200;
	font-size:120%;
}
.arrow_box:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #FFFFFF;
	border-width: 5px;
	margin-top: -5px;
}
.arrow_box:before {
	border-color: rgba(249, 130, 0, 0);
	border-left-color: #F98200;
	border-width: 6px;
	margin-top: -6px;
}
@media screen and (max-width: 680px) {
	.img_lbox .img{	float: none; text-align:center;}
	.shop_main dl { border-bottom:none; }
	.img_rbox .img{	float: none; text-align:center;    margin: 20px;}

	.telweb{
		position: relative;
	}
	.telweb .tel{
		margin-left: 0;
	}
	.telweb .img { width: 30%; float: left;}
	.telweb .zoom { width: 100%;}
	.telweb .toi { font-size:140%; font-weight:bold; position: absolute; right: 50px; top: 20px;}

	.telweb .toifukidashi {
		float:none;
		width:130px;
		display: block;
		}
}

/* オレンジボタンナビ*/
.bottom_nav_orange01 a {
	clear:both;
	display: block;
	background: #F98200;
	color: #fff;
	font-size: 21em;
	font-size: 2.1rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 2px 2px 2px rgba(51,51,51,0.3);
	-moz-box-shadow: 2px 2px 2px rgba(51,51,51,0.3);
	-ms-box-shadow: 2px 2px 2px rgba(51,51,51,0.3);
	box-shadow: 2px 2px 2px rgba(51,51,51,0.3);
	padding: 15px 70px 15px 10px;
	width: 600px;
	position: relative;
	margin:0px auto;
}
.bottom_nav_orange01 a:after {
	content: url(../../common/images/arrow_orange02.gif);
	position: absolute;
	right: 30px; top: 35%;
	margin-top: -3px;
}
.bottom_nav_orange01 a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}


@media screen and (max-width: 680px) {
	.bottom_nav_orange01 a {
		width: 100%;
		font-size: 15em;
		font-size: 1.5rem;
	}
	.toifukidashi{
		float:none;
		width:200px;
	}
	.arrow_box {
		margin:0px auto;
		text-align:center;
		position: relative;
		background: #ffffff;
		border: 1px solid #F98200;
	}
	.arrow_box:after, .arrow_box:before {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.arrow_box:after {
		border-color: rgba(255, 255, 255, 0);
		border-top-color: #ffffff;
		border-width: 10px;
		margin-left: -10px;  	margin-top: 0px;

	}
	.arrow_box:before {
		border-color: rgba(249, 130, 0, 0);
		border-top-color: #F98200;
		border-width: 11px;
		margin-left: -11px; margin-top: 0px;
	}
.tel {
	margin-left:0px; text-align:center;	letter-spacing: 0.075em;
	}

}


.title_tencho {
	font-size: 26em;
	font-size: 2.6rem; color:#444444;
	padding: 0 0 10px;
	margin: 0 0 30px;
	position: relative;
	}
.title_tencho span { font-size:80%;}

@media screen and (max-width: 680px) {
	.title_tencho {
	font-size: 14em;
	font-size: 1.4rem;}
}



dl.koe_l { clear:both; margin-top:40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #C1D699; }
dl.koe_l dt { float:left;}
dl.koe_l dd { margin-left:280px; }

dl.koe_r { clear:both; margin-top:40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #C1D699; }
dl.koe_r dt { float:right;}
dl.koe_r dd { margin-right:280px; }

.koe dd.txt1 {
	color:#C96B15; font-size:16px;
	border-bottom:5px solid #F6F9F1;
	padding-bottom:10px;
	}
@media screen and (max-width: 680px) {
	dl.koe_l dt { float:none; text-align:center; margin-bottom:20px;}
	dl.koe_l dd { margin-left:0px; text-align:center; }

	dl.koe_r dt { float:none; text-align:center; margin-bottom:20px;}
	dl.koe_r dd { margin-right:0px; text-align:center; }

	.koe dd.txt1 {
		color:#C96B15; font-size:16px;
		border-bottom:5px solid #F6F9F1;
		padding-bottom:10px;
		}
}




/* column_shop */
.column_shop:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
.column_shop > * {
	float: left;
}
.column1 > * {
	width: 600px;
	margin:0px auto;
}
/* column2 */
.column_shop.column2 > * {
	width: 440px;
}
.column_shop.column2 > * + * {
	float: right;
}
.shopimg {
	border:5px solid #FFFFFF;
	box-shadow:1px 3px 3px 3px rgba(0,0,0,0.2);

	}

@media screen and (max-width: 680px) {
	.column1 > * {
		width: auto;
		margin:0px auto;
	}
	.column_shop.column2 > *,
	.column_shop.column2 > * + * {
		float: none;
		width: auto;
	}
	.column_shop.column2 > * + * {
		margin-top: 30px;
	}

}



.flow.w2 {
	clear:both;
	width:590px; margin:70px auto;
	}
.flow{
	margin-top:70px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
.flow dl{
	position:relative; width:275px;
	border:3px solid #1eb42d; height:210px;
border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;
float:left;
	}

.flow dl dt{
	position:absolute;
	top:-35px; left:10px;
	background:#1eb42d;
	width:70px; height:64px;
	color:#FFFFFF;
	font-weight:bold; line-height:1.8em;
	text-align:center; padding-top:6px;
border-radius:70px; -webkit-border-radius:70px; -moz-border-radius:70px;
}
.flow dl dt span { font-size:210%;}
.flow dl dd.img { text-align:center; margin:25px 0px;}
.flow dl dd.txt {
	text-align:center;
	margin:20px 0px 0px 0px;
	color:#F98200;
	font-weight:bold;
	font-size:140%;
	line-height: 1.3em;
	}
.flow dl dd.txt span {font-size:70%;}
.flow dl dd.txt2 {
	margin:0px 18px;
	font-weight:normal;
	color:#444444;
}
.flow .flow00{
	float:left;
	margin-top:100px;
}
.flowtxt {
	font-weight:bold;
	font-size:180%;
	text-align:center;
	margin-top:20px;
	}

@media screen and (max-width: 680px) {
.flow dl{ float:none; width:275px; margin:0px auto; }

.flow .flow00{
	float:none; text-align:center;
	width:100%; margin-top:0px; transform: rotate( 90deg );
}
.flow.w2 {
	clear:both;
	width:100%; margin:20px auto;
	}
.flowtxt {
	font-size:130%;
}
}





.qa dl.que{
}
.qa dl.que dt{
	background:#1eb42d;
	color:#FFFFFF; text-align:center;
	width:50px; float:left;
	padding:14px 10px;
	font-size:150%;
		}

.qa dl.que dd{
	padding:20px 10px;
	margin-left:70px;
	background:#EDF3E1;
	}
.qa dl.ans {
	background:#FEF7F3; margin-top:10px; clear:both;
	margin-bottom:20px;
}
.qa dl.ans dt{
	background:#F98200	;
	color:#FFFFFF; text-align:center;
	width:50px; float:left;
	padding:14px 10px;
	font-size:150%;
	}
.qa dl.ans dd{
	padding:20px 10px;
	margin-left:70px;
	background:#FEF7F3;	}



.toku {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	padding:20px;
}
.toku .img {
	float:left;
	}
.toku .img img {
	float:left;
	width:100px;
	}
.toku .txt1 {
	margin-left:110px;
	border-bottom:3px solid #1eb42d;
	color:#1eb42d;
	font-weight:bold;
	}
.toku .txt2 {
	margin-left:110px;
}

.bbg { border-bottom:1px dashed  #1eb42d;}
@media screen and (max-width: 680px) {
	.bbg { border-bottom:none;}
}







.cv_box .cv_shop{
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	display: block;
	letter-spacing: 1px;
	background:#F6F9F1;
	width:610px;
	margin:0px auto;
	padding:10px;
}
.cv_box .tel_arrow {
	width:380px;
	background:url(../../img/icon_tel.gif) no-repeat;
	padding:5px 0px 0px 250px;
	font-size:250%;
	margin:10px auto;
	height:60px;
	font-weight:bold; letter-spacing: 0.075em;
	}
.cv_box .tel_arrow a{
	text-decoration: none;
	color: #2D2D2D;

}
.cv_box .pc_arrow {
	width:380px;
	background: url(../../img/icon_pc.gif) no-repeat;
	padding:0px 0px 0px 250px;
	font-size:250%;
	margin:10px auto;
	height:68px;
	font-weight:bold; letter-spacing: 0.075em;
	}

.cv_box .pc_arrow a { width:370px !important;}
.f80 { font-size:80%;}

@media screen and (max-width: 680px) {
.cv_box .cv_shop{
	width:90%;
	margin:0px auto;
}
.cv_box .tel_arrow {
	width:100%;
	background:url(../../img/icon_tel_sp.gif) no-repeat;
	padding:70px 0px 0px 20px;
	font-size:200%;
}
.cv_box .tel_arrow a{
	text-decoration: underline;

}
.cv_box .pc_arrow {
	width:100%;
	background:url(../../img/icon_pc_sp.gif) no-repeat;
	padding:50px 0px 0px 0px;
	margin-bottom:40px;
}
.cv_box .pc_arrow a { width:85% !important; line-height:1.2em;}
}



@media screen and (max-width: 680px) {
	.btn_green01.fr{
		float: none;
	}
	.btn_green01 a{
		text-align: center;
		display: block;
		margin: auto;
	}
}





/**************一覧*******************/
.title {
	font-size: 27em;
	font-size: 2.7rem;
	letter-spacing: 0.075em;
	padding: 10px;
	margin: 0 0 30px;
	position: relative;
	color:#FFFFFF;
	}
.title.sapporo { background:#1eb42d; }
.title.chitose { background:#F27108; }
.title.asahikawa { background:#D84707; }
.title.obihiro { background:#E8B71A; }
.title.kushiro { background:#A6911F; }
.title.nayo { background:#36828E; }


a.area_list { text-decoration:none; }
a.area_list:hover { opacity:0.7; }
.column3 dt{
	text-align: center;
}
.tenpo{
	font-size:125%; font-weight:bold; text-align:center;
	}
.column3 dd { padding:0px 10px; }
.adre { margin-top: 0.5em; }
.adre_l { float:left; width:5em; margin-bottom:0px !important; }
.adre_r { margin-left:5em;  margin-bottom:0px !important; }

.clum1 { float:left; width:270px; margin-right:50px;  }
.clum2 { float:left; width:270px;  }
.clum3 { float:right; width:270px;}

@media screen and (max-width: 680px) {
.title {
	font-size: 17em;
	font-size: 1.7rem;
	}
	.column3{
		width:86%;
		margin:auto;

	}
	.column3 dt,
	.clum1 dt,
	.clum2 dt,
	.clum3 dt{
		margin-bottom: 10px;
		text-align: center;
	}
	.column3 dl { margin-bottom:20px; }
	.column3 dd p{
		margin-bottom: 0;
	}
.adre { width:auto; margin:0px auto; text-align:left; }
.clum1,.clum2,.clum3 { float:none; margin:0 auto; width:100%; }
.clum1 .area_list,.clum2 .area_list,.clum3 .area_list {
	display:block;
	margin:0 auto; width:270px; }

	.adre_l { float:left; width:auto; margin-bottom:0px !important; }
	.adre_r { margin-left:5em;  margin-bottom:0px !important;}
}

@media screen and (max-width: 320px) {
	.column3{
		width:auto;
	}
}

.toku .img{
	float:left;
	width:130px;
	height: 130px;
	overflow: hidden;
	border-radius: 100%;
	margin-right: 25px;
	position: relative;
	}
.toku .img img {
  max-width:140%;
  min-width:100%;
  width:auto;
  min-height:100%;
  max-height:140%;
  height:auto;
  position:absolute;
  top:-40%;
  right:-40%;
  bottom:-40%;
  left:-40%;
  margin:auto;
}
.toku .txt1 {
	border-bottom:2px solid #1eb42d;
	color:#1eb42d;
	font-weight:bold;
	zoom: 1;
	overflow: hidden;
	margin-bottom: 10px;
	padding-bottom: 5px;
	}
.toku .txt2 {
	margin-left:0;
	zoom: 1;
	overflow: hidden;
}
.toku a{
	text-decoration: none;
	}
@media screen and (max-width: 680px) {
	.toku .img{
		width:80px;
		height: 80px;
		}
}

.voicebox{
    width: 80%;
    margin:0 auto 40px;
}
@media screen and (max-width: 680px) {
.voicebox{
    width:auto;
    margin:0 auto 40px;
}
}

/*20190913店舗アコーディオン用
------------------------------------------------------------------------------*/
.shop .accordion_inner {
	/* transition: all .4s ease; */
	/* display: none; */
}

/*矢印*/
.aco_arrow{
    position: relative;
	cursor: pointer;
  
}
.aco_arrow:after {
    position: absolute;
    content: "";
    vertical-align: middle;
    top: 30%;
    right: 5%;
    -webkit-transform: translate(-50%, -0%);
    -moz-transform: translate(-50%, -0%);
    -ms-transform: translate(-50%, -0%);
    -o-transform: translate(-50%, -0%);
    transform: translate(-50%, -0%);
    margin: auto;
    width: 18px;
    height: 18px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    transition: all .4s ease;
}
.aco_arrow.active:after {
        -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
       top: 40%
 
}
@media screen and (max-width: 680px) {
    .aco_arrow:after {
    top: 30%;
    right: 5%;
    margin: auto;
    width: 10px;
    height: 10px;
    
}
    .aco_arrow.active:after {
         top: 40%;
    }
}

table.shop_data{
	width: 100%;
/*	border-top: 1px solid #c6b2ad;*/
/*	margin-top: 20px;*/
}
table.shop_data th,
table.shop_data td{
	font-size: 120%;
	border-bottom: 1px solid #c6b2ad;
	padding: 5px;
}
table.shop_data th{
	color: #8e655c;
	font-weight: bold;
	text-align: center;
	width: 25%;
}


@media screen and (max-width: 680px) {
	table.shop_data th{
		width: 35%;
		text-align: left;
	}
	.btn_green01.fl, .btn_orange.fr {
	    float: none;
	}
	.btn_orange.fr a{
	    margin: auto;
	}

}

.shop .accordion_inner .box01 {
	padding-right: 9px;
}

.area-wrap {
	margin-right: 36px;
	padding-top: 105px;
	display: inline-block;
	position: relative;
}

.area-wrap h3 {
	width: 100%;
	position: absolute;
	top: 20px;
	left: 0;
	box-sizing: border-box;
}

.column_section {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
}

.area_list {
	width: 270px;
	margin-top: 20px;
	margin-left: 0px;
	display: block;
}

.area_list:not(:nth-of-type(3n+1)) {
	margin-left: 40px;
}

@media screen and (max-width: 680px) {
	.area-wrap {
		width: 100%;
		margin-right: 0;
	}
	.area_list {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.area_list:not(:nth-of-type(3n+1)) {
		margin-left: auto;
	}
}