/* --------------------------------------------------
 * [Table of Contents]
 * Auther : Test
 * --------------------------------------------------
 *
 * 01 - PC
 *   01-1 : .Contents
 *   01-2 : .merit
 *   01-3 : .check
 *   01-4 : .shop
 * 02 - SP and Tablet
 *   02-1 : .Contents
 *   02-2 : .merit
 *   02-3 : .check
 *   02-4 : .shop
 *
 * -------------------------------------------------- */

/* --------------------------------------------------
   01 : PC
----------------------------------------------------- */

/* 01-1 : Contents
----------------------------------------------------- */
#wrapper{
	overflow: hidden;
}

.pc-disnon {
	display: block;
}

.sp-disnon {
	display: none;
}

.content {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
}

.row {
  width: auto;
  overflow: hidden; }

.grid {
  float: none;
  margin: 0;
  width: auto; }

.grid-1 {
  width: 100%; }

.anshin-hosyo{
	box-sizing: border-box;
	width: 100%;
	padding: 0 20px;
}
.anshin-hosyo h2{
	font-size: 100%;
	line-height: 1;
	margin:  0;
	padding: 0;
	text-align: center;
}

.anshin-hosyo h2 img {
padding-right: 0;
vertical-align: middle;
}
.ans-block_txt_c{
  padding: 20px 50px 30px;
  text-align: center;
  font-size: 14px;
}
.ans-block_txt{
  padding: 20px;
  text-align: left;
  font-size: 14px;
}

.title01{
	text-align: center;
	color: #65A9DC;
	font-size: 1.5rem;
}

.title01 span{
	display: block;
	margin-top: 3px;
	padding: 10px 0;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

/* 01-2 : .merit
----------------------------------------------------- */
.merit-flex{
  display: flex;
  flex-wrap: wrap;
}

.merit-flex > div{
  padding: 1em;
  flex: 1 1 300px;
  margin:0 0.4em;
}

.merit-flex > div img {
	width: 100%;
	height: auto;
}

.hosyo-flex{
	display: flex;
	flex-wrap: wrap;
}
.hosyo-flex > div {
	padding: 1em;
}
.item-box{
	background-color: #FFFFCC;
	padding: 1em;
}
.item5 img{
margin-bottom: 10px;
}

.item6{
	display:flex;
	flex-wrap: wrap;
	width: 100%;
}

.item6 ol{
	display:flex;
	flex-wrap: wrap;
	width: 100%;
	counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
}
.item6-order1{
	order: 1;
}
.item6-order2{
	order: 3;
}
.item6-order3{
	order: 2;
}
.item6-order4{
	order: 4;
}

.item6 ol li{
	width: 45%;
	position: relative;
  line-height: 1.5;
  padding: 0.5em 0.5em 0.5em 1.875em;
	font-size: 1.5em;
	font-weight: bold;
}
.item6 ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  /* display:inline-block; */
  background: #74c2f8;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 16px;
  left: 0;
  width: 25px;
	height: 25px;
	text-align:center;
  /*以下上下中央寄せのため*/
  top: 26%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}
.item6 ol li p{
	font-size: 12px;
	font-weight: normal;
	line-height: 1.7;
}

.title02{
	text-align: center;
	margin: 10px 0;
	font-size: 1.25rem;
	color: #65A9DC
}

.ah-block_txt{
  padding-bottom: 20px;
  font-size: 14px;
}

/* 01-3 : .check
----------------------------------------------------- */
.check{
	display: block;
	padding-top: 1em;
}

.check img{
	display: block;
	margin: 10px auto;
}
.item7{
	background: #eaede7;
	padding: 1em;
}
.item8{
	background: #eaede7;
	padding: 1em;
}

.check-title{
	text-align: center;
	font-size: 1.5rem;
}
.check-block_txt{
	text-align: center;
	margin:2px 0px 20px;
}
.check-block_txt2{
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
	padding: 10px 0px 20px;
}

/* 01-4 : .shop
----------------------------------------------------- */
.title03{
	text-align: center;
	color: #65A9DC;
	font-size: 1.7rem;
}
.title03 span{
	display: block;
	margin-top: 3px;
	padding: 10px 0;
	border-bottom: 1px solid #65A9DC;
}
#shoplist {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
#shoplist li{
	width: 47%;
	margin: 10px;
}
#shoplist li a{
	display: flex;
	text-decoration: none;
  padding:10px 15px;
}
li a:hover{
	background: #f6f6f6;
}
.place-info-circle{
	text-align: center;
	border: 2px solid #88ccea;
	background-color: #88ccea;
	width: 4.5em;
	height: 4.5em;
	margin: 0.2em;
	padding: 0.5em;
	border-radius: 50%;
}
.place-info-circle p{
	color: #fff;
	width: 4.5em;
	height:4.5em;
	line-height: 1.4em;
	}
.place-info-c{
	display: flex;
  align-items: center;
	justify-content: center;
}
.shop-n-txt,.shop-n-txt_br{
	font-size: 1.1rem;
	color: #000;
	font-weight: bold;
	padding: 10px;
	align-self: center;
}


/* --------------------------------------------------
   02 : SP and Tablet
----------------------------------------------------- */
@media screen and (max-width: 960px) {


	.pc-disnon {
		display: none;
	}

	.sp-disnon {
		display: block;
	}
	.ans-block_txt_c{
	  padding: 10px 0 30px;
	  text-align: center;
	}
	.anshin-hosyo h2 {
		font-size: 100%;
		line-height: 1;
		margin: 35px 0 20px 0;
		padding: 0;
		text-align: center;
		border: none;
		background: none;
		-moz-box-shadow: none;
		text-shadow: none;
	}
	.content {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	/* 02-1 : .Contents
	----------------------------------------------------- */
	.title01{
		text-align: center;
		color: #65A9DC;
		font-size: 1.8rem;
	}

	.title01 span{
		display: block;
		margin-top: 3px;
		padding: 10px 0;
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
	}
	.ans-block_txt{
	  padding: 10px;
	}

	/* 02-2 : .merit
	----------------------------------------------------- */
	.title02{
		font-size: 1.7rem;
		color: #65A9DC
	}
	.hosyo-flex > div {
		padding: 0;
	}
	.item6-order2{
		order: 2;
	}
	.item6-order3{
		order: 3;
	}
	.item6 ol li{
		width: 95%;
	  padding: 0.5em 0.5em 0.5em 2em;
	}
	.item6 ol li:before{
		top: 31%;
	}
	ol {
 		padding-left: 1em;
	}

/* 02-3 : .check
----------------------------------------------------- */
.check{
	padding: 0;
}
.check-title{
	font-size: 1.8rem;
}

/* 02-4 : .shop
----------------------------------------------------- */
#shoplist {
	flex-direction: column;
}
#shoplist li{
	width: 100%;
	margin-left: 0px;
}
#shoplist li a{
	width: 100%;
  padding:0px 5px;
}
.shop-n-txt,.shop-n-txt_br{
	font-size: 135%;
	align-self: center;
}

.shop-n-txt_br br{
	display: none;
}

}

/* --------------------------------------------------
   03 : SP
----------------------------------------------------- */
@media screen and (max-width: 390px) {

	/* 03-2 : .merit
	----------------------------------------------------- */

	.item6 ol li:before{
		top: 20%;
	}

	/* 03-3 : .check
	----------------------------------------------------- */
 div.arrow img{
		width: 30%;
	}


}

	/* --------------------------------------------------
	   04 : i-phone5
	----------------------------------------------------- */
	@media screen and (max-width: 320px) {

	/* 04-4 : .shop
	----------------------------------------------------- */

	.shop-n-txt,.shop-n-txt_br{
		font-size: 115%;
	}

}