@charset "UTF-8";

body.min{
	min-width: 1300px;
}

#main{
	width: 1020px;
}

#main::after{
	content:"";
	display:table;
	clear:both;
}

em{font-style: normal;}
.cfx::after{content:"";display:table;clear:both;}
.clearfix::after{content:"";display:table;clear:both;}

h2.title{
	border-bottom: 1px solid #ccc;
	margin-bottom: 2em;
}

h2.title span{
	display: inline-block;
	font-size: 16px;
	border-left: 3px solid #002597;
	padding: 0 0 0 1em;
	margin-bottom: 3px;
}

/* ==================================================================== side */

#side h2.title{
	margin-bottom: 0.5em;
}

#side ul.bnr{
	margin-bottom: 1em;
	text-align: center;
}

#side ul.bnr li{
	margin-bottom: 0.5em;
}

/* ==================================================================== TOPIC_PATH */

#TOPIC_PATH ul{
	width: 1300px;
}

#TOPIC_PATH ul li{
	font-size: 10px;
}

/* ==================================================================== mvBlock */

#mvBlock{
	margin-bottom: 2em;
}

#mvBlock img{
	width: 100%;
}

/* ==================================================================== navBlock */

#navBlock ul{
	margin-bottom: 1rem;
	overflow: auto;
}

#navBlock ul li{
	float: left;
	margin-right: 1em;
	background: #ddd;
}

#navBlock ul.line2 li{
	width: calc(100% / 2 - 0.5em);
}

#navBlock ul.line2 li:nth-child(even){
	margin-right: 0;
}

#navBlock ul.line3 li{
	width: calc(100% / 3 - 0.7em);
	background: #ddd;
}

#navBlock ul.line3 li:nth-child(3n){
	margin-right: 0;
}

#navBlock ul.line4 li{
	width: calc(100% / 4 - 0.75em);
	background: #ddd;
}

#navBlock ul.line4 li:nth-child(4n){
	margin-right: 0;
}

#navBlock ul.line5 li{
	width: calc(100% / 5 - 0.8em);
	background: #ddd;
}

#navBlock ul.line5 li:nth-child(5n){
	margin-right: 0;
}

/* ==================================================================== sonotaBlock */

#sonotaBlock{
	min-width: 1130px;
}

#sonotaBlock ul{
	margin-bottom: 1em;
	clear: both;
}

#sonotaBlock ul li{
	display: inline-block;
	float: left;
	margin-right: 2em;
	margin-bottom: 2em;
}

#sonotaBlock ul.line5 li{
	width: calc(100% / 5 - 1.6em);
}

#sonotaBlock ul.line5 li:nth-child(5n){
	margin-right: 0;
}

#sonotaBlock .img{
	text-align: center;
}

#sonotaBlock .txt{
	display: none;
}

/* ==================================================================== ichioshiBlock */

.ichioshiBlock *{

}

.ichioshiBlock{
	margin-bottom: 40px;
	overflow: hidden;
}

.ichioshiBlock::after{
	content:"";
	display:table;
	clear:both;
}

.ichioshiBlock > h2{
	margin-bottom: 40px;
	text-align:center;
}

/* ##################################### .ichioshiBlock ul */

.ichioshiBlock > ul{
	position: relative;
	margin-bottom: 30px;
}
.ichioshiBlock > ul:before{
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
border-top: 1px solid #FFF;
z-index: 1;
}

.ichioshiBlock > ul > li{
	float: left;
}

.ichioshiBlock > ul > li > a{
	display: block;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

.ichioshiBlock > ul > li > a:hover{
	opacity: 0.8;
	text-decoration: none;
}

.ichioshiBlock > ul > li dt{
	text-align: center;
	padding: 30px 50px 10px;
	box-sizing: border-box;
	position: relative;
}
.ichioshiBlock > ul > li dt > .iLFlag,
.ichioshiBlock > ul > li dt > .iLFlagGif{
	position: absolute;
	top: 0;
	left: 0;	
}

.ichioshiBlock > ul > li dt img{
	width: 100%;
}

.ichioshiBlock > ul > li dd{
	padding: 0 20px 20px;
	box-sizing: border-box;
}

.ichioshiBlock > ul > li dd ul.icon{
	margin-bottom: 1em;
}

.ichioshiBlock > ul > li dd ul.icon > li{
	display: inline-block;
	float: left;
	margin-left: 0.2em;
}

.ichioshiBlock > ul > li .name{
	text-decoration: underline;
	font-size: 14px;
	margin-bottom: 1em;
}

.ichioshiBlock > ul > li .text{
	color: #333;
	font-size: 13px;
	min-height: 3em;
	margin-bottom: 1em;
}

.ichioshiBlock > ul > li .price{
	font-size: 14px;
	color: #333;
	font-weight: bold;
	text-align: right;
	margin-bottom: 0.2em;
}

.ichioshiBlock > ul > li .mile{
	font-size: 14px;
	color: #333;
	text-align: right;
	margin-bottom: 0.8em;
}

.ichioshiBlock > ul > li .mile span{
	color: #e5004f;
}

.ichioshiBlock > ul > li .item_price_syahan1{
	font-size: 14px;
	color: #333;
	font-weight: bold;
	text-align: right;
	margin-bottom: 0.2em;
	text-decoration: line-through
}

.ichioshiBlock > ul > li .item_price_syahan2{
	font-size: 14px;
	color: #d20000;
	text-align: right;
	margin-bottom: 0.8em;
}

.ichioshiBlock > ul > li .button{
	font-size: 14px;
	text-align: right;
}

.ichioshiBlock > ul > li .button em{
	position: relative;
	display: inline-block;
	color: #062d86;
	border: 2px solid #062d86;
	border-radius: 30px;
	padding: 8px 30px;
	box-sizing: border-box;
}

.ichioshiBlock > ul > li .button em:before{
	content:'';
	position:absolute;
	display:block;
	background:url(https://images.astyle.jp/images/cmn/template/arw_blue_r24x38.png) no-repeat center;
	top:50%;
	margin-top:-5px;
	right:15px;
	width:6px;
	height:9px;
	background-size:contain;
}

.ichioshiBlock ul.tag{
	display: none;
}

.ichioshiBlock ul.tag li{
	display: inline-block;
	float: left;
	margin-right: 3px;
}

.ichioshiBlock ul.tag li span{
	display: block;
	background: #db2020;
	border-radius: 3px;
	color: #fff;
	padding: 0.2em 0.5em;
	font-size: 12px;
	line-height: 150%;
	box-sizing: border-box;
}


/* ================== ichioshiBlock ver1 */

.ver1.ichioshiBlock > ul > li:first-child,
.ver1.ichioshiBlock > ul > li:nth-child(2){
	width: 50%;
}

.ver1.ichioshiBlock > ul > li:first-child dt,
.ver1.ichioshiBlock > ul > li:nth-child(2) dt{
	padding: 10px 70px;
	box-sizing: border-box;
}
.ver1.ichioshiBlock > ul > li:nth-child(2) a{
border-right-color: transparent;
}

.ver1.ichioshiBlock > ul > li:nth-child(n + 3){
	width: 25%;
}

.ver1.ichioshiBlock > ul > li:nth-child(n + 3) .button{
	display: none;
}

.ver1.ichioshiBlock > ul > li:nth-child(4n + 2) a{
	border-right-color: transparent;
}

/* ================== ichioshiBlock ver2 */

.ver2.ichioshiBlock > ul > li:first-child{
	width: 100%;
}
.ver2.ichioshiBlock > ul > li:first-child a{
border-right-color: transparent;
}

.ver2.ichioshiBlock > ul > li:first-child dl{
	width: 100%;
	display: table;
	padding: 30px;
	box-sizing: border-box;
}

.ver2.ichioshiBlock > ul > li:first-child dt{
	display: table-cell;
	width: 50%;
	padding: 0;
	vertical-align: middle;
	box-sizing: border-box;
}

.ver2.ichioshiBlock > ul > li:first-child dd{
	display: table-cell;
	width: 50%;
	padding: 0 0 0 30px;
	vertical-align: top;
	box-sizing: border-box;
}

.ver2.ichioshiBlock > ul > li:first-child .text{
	height: 20em;
}

.ver2.ichioshiBlock > ul > li:nth-child(n + 2){
	width: 25%;
}

.ver2.ichioshiBlock > ul > li:nth-child(n + 2) .button{
	display: none;
}

.ver2.ichioshiBlock > ul > li:nth-child(4n + 1) a{
	border-right-color: transparent;
}

/* ================== ichioshiBlock ver3 */

.ver3.ichioshiBlock > ul > li{
	width: 50%;
}
.ver3.ichioshiBlock > ul > li:nth-of-type(even) a{
	border-right-color: transparent;
}

/* ================== ichioshiBlock ver4 */

.ver4.ichioshiBlock > ul > li{
	width: calc(100% / 3);
}

.ver4.ichioshiBlock > ul > li .button{
	display: none;
}
.ver4.ichioshiBlock > ul > li:nth-of-type(3n) a{
	border-right-color: transparent;
}

/* ================== ichioshiBlock ver5 */

.ver5.ichioshiBlock > ul > li{
	width: 25%;
}

.ver5.ichioshiBlock > ul > li .button{
	display: none;
}
.ver5.ichioshiBlock > ul > li:nth-of-type(4n) a{
	border-right-color: transparent;
}

/* ================== ichioshiBlock ver6 */

.ver6.ichioshiBlock > ul > li{
	width: 100%;
}

.ver6.ichioshiBlock > ul > li a{
	border-right-color: transparent;
}

.ver6.ichioshiBlock > ul > li dl{
	width: 100%;
	display: table;
	padding: 30px;
	box-sizing: border-box;
}

.ver6.ichioshiBlock > ul > li dt{
	display: table-cell;
	width: 50%;
	padding: 0;
	vertical-align: middle;
	box-sizing: border-box;
}

.ver6.ichioshiBlock > ul > li dd{
	display: table-cell;
	width: 50%;
	padding: 0 0 0 30px;
	vertical-align: top;
	box-sizing: border-box;
}

.ver6.ichioshiBlock > ul > li dd .text{
	height: 20em;
}

/* ##################################### buttonArea */

.ichioshiBlock .buttonArea .more{
	text-align: center;
	margin-bottom: 27px;
}

.ichioshiBlock .buttonArea .more a{
	width: 580px;
	position: relative;
	display: inline-block;
	font-size: 21px;
	color: #062d86;
	border: 2px solid #062d86;
	border-radius: 30px;
	padding: 12px 40px;
	box-sizing: border-box;
}

.ichioshiBlock .buttonArea .more a:before{
	content:'';
	position:absolute;
	display:block;
	background:url(https://images.astyle.jp/images/cmn/template/arw_blue_r24x38.png) no-repeat center;
	top:50%;
	margin-top:-8px;
	right:20px;
	width:10px;
	height:14px;
	background-size:contain;
}

.ichioshiBlock .buttonArea .more a:hover{
	text-decoration: none;
	opacity: 0.8;
}

.ichioshiBlock .buttonArea .pagetop{
	text-align: right;
}

.ichioshiBlock .buttonArea .pagetop a{
	color: #333;
}