@charset "euc-jp";
.boxlist .box .box__name {
    font-size: 1.6rem;
}
.boxlist .box .box__price {
    font-size: 1.4rem;
}
.boxlist .box .box__caption{
    font-size: 1.0rem;
}

.boxlist.onelist .box{
    width:100%;
}
ul.onelist li.box .box__image {
    display: block;
    height: 53vw;
    margin: 0 0 5px;
    position: relative;
    text-align: center;
}

ul.onelist li.box .box__image img {
    bottom: -100%;
    left: -100%;
    margin: auto;
    max-height: 53vw;
    position: absolute;
    right: -100%;
    top: -100%;
}

.boxlist.twolist .box .box__name{
    font-size: 1.5rem;
}

.boxlist.leftImagelist .box{
    width:100%;
  margin-bottom:20px;
}
.boxlist.leftImagelist .box .box__image {
    float: left;
    width: 100px;
	margin: 0 10px 0 0;
   height:auto;
  min-height:120px;
}
ul.twolist .box .box__image img {
    bottom: -100%;
    left: -100%;
    margin: auto;
    max-height: 32vw;
    position: absolute;
    right: -100%;
    top: -100%;
}
ul.twolist .box .box__image {
    display: block;
    height: 32vw;
    margin: 0 0 5px;
    position: relative;
    text-align: center;
}















ul.list-layout {
    height: 20px;
    margin: 15px 0;
    padding: 0;
    width: 100%;
}
.list-layout li {
    float: right;
    list-style: none outside none;
    margin: 0 5px 0 0;
    position: relative;
}
.list-layout label {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG0AAAAfCAYAAADtEkOcAAAACXBIWXMAAAsRAAALEQF/ZF+RAAAA1klEQVR4nO3YQQrDMAxE0dzay/TGOULbdWlKsTXMWPzALCOEn3HkHGOMpzvv5/hMZS1FKvqbrTH94g5oir4S+gMNNNBAW6x1no9rJaAZ0BhEQAMNNNBA64Km6CuhP9BAAw20xVrKe1pFzdkasWiKhe6SWDQCWquAtmFA2zDLE1ZFvjXGBviB5m7gLhVoyhPA2Z8dJ3FR/kHjnrYhmjOt0ZR/REAToXUN0+NkKvqbrWHfNcpFUcY6iLhxEndy+lHb+psGGmgxaY2mHPmdmyp2eky/WzkHkRer8rCsF/JqvwAAAABJRU5ErkJggg==") no-repeat scroll 0 0 / 112px auto rgba(0, 0, 0, 0);
    border: 1px solid #AAAAAA;
    border-radius: 5px 5px 5px 5px;
    color: #545454;
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 14px;
    text-align: center;
    text-indent: -9999px;
    width: 44px;
}

.list-layout label[name="layout1"] {
    background-position: -35px 5px;
}
.list-layout label[name="layout2"] {
    background-position: 4px 5px;
}
label[name="layout3"] {
    background-position: -75px 5px;
}
.list-layout input[type="radio"]:checked + label {
    background-color: #E6E6E6;
    border: 1px solid;
    color: #AAAAAA;
    text-shadow: 0 -1px #E6E6E6;
}
 
.list-layout input[type="radio"] {  
    opacity : 0;  
    position: absolute;  
    top: -3px;  
    left: -3px;  
    width: 100%;  
    height: 100%;  
    padding: 0;  
}  

.pager__prev-next {
    clear: both;
    display: inline-block;
    margin: 15px 0;
    padding: 0 15px;
    width: 100%;
}
a.sub_list {
    background: #CE3947;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    padding: 2px 5px;
    border-radius: 5px;
    float: right;
    margin-right: 14px;
}



/* ---------- category page ---------- */
.category-sp{}

.category-sp h4{
	font-size: 1.2em;
	border-bottom: 6px double #000;
	border-left: 0px !important;
	line-height: inherit;
}

.category-sp p{}

.category-sp .fw_bold{font-weight: bold;}

.category-sp .fc_red{color: #c51527;}
.category-sp .fc_gold{color: #9e762b;}

.category-sp .bb_dot{border-bottom: 2px dotted #9e762b; padding-bottom: 20px;}

.category-sp .box_title{
	font-size: 1.2em;
	padding: 1rem 2rem;
	border: 2px solid #000;
	overflow: hidden;
}
.category-sp .box_title span{
	float: right;
}
.category-sp .box_title:after{
	content:" ";
	display:block;
	clear:both;
}

.category-sp .inline_box{
	margin: 10px 0 20px;
}
.category-sp .inline_box .box{
	font-size: 16px;
	margin: 0px auto;
	float: none;
}
.category-sp .inline_box .box img{
	width: 100% !important;
	height: auto;
}
.category-sp .inline_box .box table{
	width: 100%;
	margin: 20px 0px;
}
.category-sp .inline_box .box th{
	position: relative;
	text-align: left;
	width: 30%;
	vertical-align: baseline;
}
.category-sp .inline_box .box th:after{
	display: block;
	content: "¡§";
	/*width: 20px;
	height: 2px;
	background-color: #333;*/
	position: absolute;
	top:calc(3% - 1px);
	right:10%;
}
.category-sp .inline_box .box td{
	text-align: left;
	width: 70%;
}

.category-sp .inline_box .right{
	text-align: right;
}

.category-sp .inline_box .w30{
	width: 30%;
}
.category-sp .inline_box .w40{
	width: 40%;
}
.category-sp .inline_box .w60{
	width: 60%;
}
.category-sp .inline_box .w70{
	width: 70%;
}
.category-sp .inline_box .w100{
	width: 100%;
}

.category-sp .exsample_box{
	position: relative;
	margin: 2em 0;
	padding: 0.5em 1em;
	border: solid 3px #9e762b;
	border-radius: 8px;
}
.category-sp .exsample_box .box-title{
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 19px;
	background: #FFF;
	color: #9e762b;
	font-weight: bold;
}
.category-sp .exsample_box p{
	margin: 0;
	padding: 0;
}
.category-sp .exsample_box ul{margin: 20px !important;}
.category-sp .exsample_box li{list-style: disc !important; line-height: 1em; line-height: 1.5; margin: 0;  padding: 0 0 1em 1em; font-size: 1.3em; color: #164a84;}

.category-sp .red-box{background: #a41e25; color: #fff; margin: 4em 0; padding-bottom: 2em;}
.category-sp .red-box .title{font-family: 'Noto Serif JP', serif; text-align: center; padding: 1em 0 0; font-size: 1.5em !important; margin: 0;}
.category-sp .red-box img{width: 100%; height: auto;}
.category-sp .red-box ul{margin-bottom: 2em;}
.category-sp .red-box li{list-style: disc !important; line-height: 1em; line-height: 1.5; padding: 0 1em 1em;}

.category-sp .link_box{
	float: left;
	width: 100%;
	display: table;
	padding: 0 0 10px;
}
.category-sp .link_box li{
    list-style: none;
    float: left;
    width: 42%;
    margin: 2%;
    text-align: center;
}
.category-sp .link_box li > a{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	/* height: 150px; */
	width: 42%;
	box-shadow: 0 0 0 0px rgba(200, 200, 200, 1);
}
.category-sp .link_box li > a> img{
	max-height: 150px;
	max-width: 150px;
}
.category-sp .link_box li:nth-child(2n+3){
	clear: both;
}
/* ---------- /category page ---------- */