/* ----------------------------------------
* 共通設定
---------------------------------------- */
p {margin:0 !important;}
.secondpage  h1{
	border-bottom:solid 4px #11589f;
	margin:0 0 20px;
	padding:0 0 10px;
	font-size:1.8rem;
	padding:0 0 10px;
}
.secondpage h2{
	margin:0 0 20px;
	font-size:1.6rem;
	position: relative;
	padding: .3em;
}

.secondpage h2:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 5px;
	background:repeating-linear-gradient(-45deg, #11589f, #11589f 2px, #fff 2px, #fff 4px);
}

.secondpage h3{
	margin:0 0 20px;
	font-size:1.4rem;
	background-color:#11589f;
	border-radius:3px;
	padding:5px 10px;
	color:#fff;
}


ul.check li{
	margin:0 0 18px;
}
ul.check li:before{
		font-family: FontAwesome;
		content: '\f00c';
		padding-right: 5px;
		color:#11589f;
		margin:0 0 10px;
}


table.common{
	width:100%;
}
table.common a{
	text-decoration: underline;
	}

table.common th{
	background-color:#eee;
	font-weight:bold;
}

table.common th,table.common td{
	padding:20px 10px;
}
table.common td{
	border-bottom:1px solid #ccc;
}

.btn_orange{
		border-radius:5px;
		background-color:#c1561f;
		text-align:center;
		color:#fff;
		margin:0 0 20px;
		padding:20px 0;
		position:relative;
		font-size:1.6rem;
}

.btn_orange:after,.btn_black:after{
		font-family: FontAwesome;
		content: '\f105';
		/*
		-webkit-font-smoothing:antialiased;
 	    -webkit-text-stroke-color:#c1561f;
       -webkit-text-stroke-width:1px
		*/
		font-size:1.2rem;
		position:absolute;
		right:3px;
		top: 50%;  		
		transform: translateY(-50%) 
}

.btn_black{
		border-radius:5px;
		background-color:#333;
		text-align:center;
		color:#fff;
		margin:0 0 20px;
		padding:20px 0;
		position:relative;
		font-size:1.6rem;
}


@media screen and (max-width: 950px) {

.btn_orange{
		border-radius:0;
		background-color:#c1561f;
		text-align:center;
		color:#fff;
		margin:0;
		padding:30px 0;
		position:relative;
}

.btn_black{
		border-radius:0;
		text-align:center;
		color:#fff;
		margin:0;
		padding:30px 0;
		position:relative;
}

.btn_orange:after,.btn_black:after{
		font-family: FontAwesome;
		content: '\f105';
		/*
		-webkit-font-smoothing:antialiased;
 	    -webkit-text-stroke-color:#c1561f;
       -webkit-text-stroke-width:1px
		*/
		font-size:1.2rem;
		position:absolute;
		right:5px;
		top: 50%;  		
		transform: translateY(-50%) 
}

}
/* ----------------------------------------
* madoguchi
---------------------------------------- */
#madoguchi .txt_head{
	text-align:center;
	margin:0 0 30px;
}

#madoguchi h4{
	text-align:center;
	display:inline-block;
	padding:5px;
	background-color:#0057a3;
	border-radius:3px;
	margin:0 0 10px;
	font-size:1.6rem;
	color:#fff;
}
	/* shopbox-area */
	/* 消してもよいかも */
div.shopbox-area{
	width:100%;
	padding:10px 0;
	border-bottom:1px solid #ccc;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin:0 0 30px;	
}

div.shopbox-area:first-child{
	padding-top:0;
}

div.shopbox-area:last-child{
	border-bottom:none;
	/* margin:0; */
	padding-bottom:0;
}

div.shopbox-area div.shopbox-thumbnail{
	width:120px;
}

div.shopbox-area div.shopbox-thumbnail img{
	width:110px;
	margin-right:10px;
}

div.shopbox-area div.shopbox-name{
	width: calc(100% - 120px);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

div.shopbox-area.inheritance h6 span.maple{
	color:#824f20;
	font-size:16px;
}


div.shopbox-area.inheritance div.shopbox-name{
	width: calc(100% - 20px) !important;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-right:20px;
}

div.shopbox-area div.shopbox-name h6{
	font-size:1.2rem;
	font-weight:500;
	margin-right:10px;	
}

div.shopbox-area div.shopbox-name h6 span{
	font-size:0.9rem;
}

div.shopbox-area div.shopbox-name h6 a{
	color:#333;
	text-decoration:underline;
}
div.shopbox-area div.shopbox-contact{
	width:120px;
	margin-left:10px;
	font-size:0.9rem;
	padding:10px;
	text-align:center;
	color:#fff;
	background-color:#50d888;
	border-radius:3px;
}

@media screen and (max-width: 1290px) {
div.shopbox-area div.shopbox-thumbnail{
	width:95px;
}

div.shopbox-area div.shopbox-thumbnail img{
	width:90px;
	margin-right:5px;
}

div.shopbox-area div.shopbox-name{
	width: calc(100% - 95px);
	display: flex;
	justify-content: space-between;
	align-items: center;
}
	
div.shopbox-area div.shopbox-name{
	display: block;
	position:relative;
	flex: 1;
}


div.shopbox-area div.shopbox-name h6{
	font-size:1.2rem;
	margin:0;	
}

div.shopbox-area div.shopbox-name h6 span{
	font-size:1rem;
	display:block;
	font-weight:normal;
	width:calc(100% - 95px);
}

div.shopbox-area div.shopbox-contact{
	width:100px;
	margin-left:0px;
	font-size:0.9rem;
	padding:5px 10px;
	position: absolute;
	bottom:-4px;
	right:0px;

}


}


/*アコーディオン */
#madoguchi .toggle_contents {
/*	border: 1px solid #d9d9d9; */
	margin:0 0 30px;

}

#madoguchi .toggle_title {
	position: relative;
	cursor: pointer;
	font-size: 1.4rem;
	text-align: left;
	line-height: 1.4;
	margin:0 0 10px;
	height:60px;
	vertical-align:middle;
	display:flex;
    align-items: center;	
    border: 2px solid #ccc;
    border-radius: 5px 5px 0 0;
	padding-left:20px;
}


#madoguchi .toggle_btn {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	/* background: #0052a4; */
	display: block;
	width: 24px;
	height: 24px;
	text-indent: 100%;
	/* white-space: nowrap; */
	overflow: hidden;
	/* border-radius: 50%; */
}

#madoguchi .toggle_btn:before,#madoguchi .toggle_btn:after {
	display: block;
	content: '';
	position: absolute;
	width: 20px;
	height: 4px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#madoguchi .toggle_btn:before,#madoguchi .toggle_btn:after {
	background-color: #0057a3;
}


#madoguchi .toggle_btn:before {
	width: 4px;
	height: 20px;
}
#madoguchi .toggle_title.selected .toggle_btn:before {
	content: normal;
}

#madoguchi .toggle_contents dd {
	display: none;
}

#madoguchi .toggle_contents dd {
	font-size:1.2rem;
}

@media screen and (max-width: 950px) {
#madoguchi .toggle_title:before{
  margin-right:10px;
}
}

 

#madoguchi .list-shop-archive ul{
	 margin:0 !important; 
}

#madoguchi .list-shop-archive li{ 
 	padding:0 5px;
}

#madoguchi .list-shop-archive li a:before{ 
		font-family: FontAwesome;
		content: '\f0da';
		padding-right: 5px;
}

#madoguchi .list-shop-archive li a{
	 color:#4ea42a;
}

@media screen and (max-width: 1290px) {

#madoguchi div.area_map{
	width:100%;
	float:none;
}

#madoguchi div.img-map{
	width:100%;
	float:none;
}

#madoguchi .list-shop-archive{
	margin-bottom:40px;
}

#madoguchi .list-shop-archive dl{
	width:100%;
	display:block;
	margin-left:0%;
}
}

/* ----------------------------------------
* howtouse
---------------------------------------- */

#howtouse .box-use{
	width:100%;
	background-color:#f6f6f6;
	margin:0 0 50px;
	padding:20px;
	display:flex;
}

#howtouse .box-use h2{
	font-size:1.6rem;
	margin:0 0 10px;
	font-weight:bold;	
}

#howtouse .box-use h2:after{
	background:none;
}

#howtouse .box-use .img-use{
	width:150px;
	margin-right:10px;
    flex-shrink: 0;
 }

#howtouse .box-use .img-use img{
	width:100%;
}



#howtouse .box-flow{
	width:100%;
	margin:0 0 40px;
	display:flex;
}



#howtouse .box-flow .box-step{
	background-color:#c1561f;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:1.4rem;
	margin-right:10px;
	padding:50px;
    align-self: stretch;
	position:relative;
}

#howtouse .box-flow .box-step:after{
  content: '';
  display:block;
  width: 50px;
  height: 25px;
  background-image: url(../img/howtouse/arrow.png);
  background-size: contain;
  vertical-align: middle;
  position:absolute;
  top:130px;
  left:50%;
  transform: translatex(-50%) ;
}

#howtouse .box-flow .box-step.last:after{
	background-image:none;
}


#howtouse .box-flow .box-txtflow{
	border:2px solid #c1561f;
	padding:14px;
	flex-grow: 1;
	font-size:1.1rem;
	line-height:1.2;

}

#howtouse ul.check{
	font-size:1.2rem;
	margin:0 0 50px;
}

@media screen and (max-width: 950px) {


#howtouse .box-use{
	width:100%;
	margin:0 0 30px;
	padding:10px;
	display:block;
}

#howtouse .box-use .img-use{
	width:150px;
	margin:0px auto 10px;
	text-align:center;
}

#howtouse .box-flow{
	width:100%;
	margin:0 0 30px;
	display:block;
	position:relative;
}

#howtouse .box-flow:after{
  content: '';
  display:block;
  width: 50px;
  height: 25px;
  background-image: url(../img/howtouse/arrow.png);
  background-size: contain;
  vertical-align: middle;
  position:absolute;
  left:50%;
  transform: translatex(-50%) ;
}

#howtouse .box-flow.last:after{
	display:none;
}



#howtouse .box-flow .box-step{
	background-color:#c1561f;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:1.4rem;
	margin-right:0px;
	padding:20px 0px;
	text-align:center;
}

#howtouse .box-flow .box-step:after{
  content: '';
  display:block;
  background-image:none;
}


#howtouse .box-flow .box-txtflow{
	border:2px solid #c1561f;
	padding:10px;
}


}

/* ----------------------------------------
* コンタクトフォーム上書き
---------------------------------------- */
.wpcf7 table th,.wpcf7 table td{
	border:1px solid #ccc !important;
	padding:16px 13px;
}

.wpcf7 table th{
	background-color:#eee !important;
}

.wpcf7 table th span.must{
	background-color: #f19097;
    color: #333;
    padding: 2px 7px;
    font-size: 1rem;
    text-align: right;
    float: right;
    margin-right: 30px;
}

.wpcf7 form input[type=submit] {
    background: #fff000 !important;
	color:#333 !important;
}


@media all and (max-width: 767px) {
.wpcf7 table th,.wpcf7 table td {
    display: block !important;
    width: 100% !important;
    border-bottom: none !important;
  }
.wpcf7 table tr:last-child td:last-child {
    border-bottom: 1px solid #ccc !important;
  }
}

/* ----------------------------------------
* recruitment
---------------------------------------- */
.area_point h3{
	font-weight:bold;
	font-size:1.6rem;
	color:#c1561f;
	margin:0 0 10px;
}

.area_point > div{
	display:flex;
	margin:0 0 50px;
	align-items: flex-start; 
}

.area_point > div > div{
	width:70%;
	margin-right:10px;
}

.area_point > div img{
	width:30%;
}


/* ----------------------------------------
* policy
---------------------------------------- */
#policy h3 + div{
	margin-bottom:50px;
}

ul.sitemap{
	margin:0 0 50px;
}

ul.sitemap li{
	background-color:#f1f1ec;
	padding:20px;
	margin:0 0 20px;
	position:relative;
	}

ul.sitemap li a{
	color:#333;
	display:block;
}

ul.sitemap li:after{
    font-family: FontAwesome;
    content: '\f105';
    font-size: 1.2rem;
    position: absolute;
    right: 3px;
    top: 50%;
    transform: translateY(-50%);