@charset "UTF-8";

@page { size: A4; }

/*  RESET   */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

dt {
	font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  font-weight: normal;
  vertical-align: middle;
  text-align:left;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* Base format */
 
html {
	font-size: 62.5%;
	height: 100%;
}

body {
  font-size: 14px;
  color: #222;
  font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 游ゴシック体, "Yu Gothic", YuGothic, メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 450;
  height: 100%;
  line-height: 1.6;
  width: 100%;
  min-width: 1024px;
	-webkit-text-size-adjust: 100%;
}

@media all and (-ms-high-contrast:none) {
	body {
		font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
}

@media print {
	body {
		font-size: 10pt;
	}
}

p {
  margin-top: 0;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align:bottom;
}

figure {
  margin: 0;
}

li {
  margin-bottom: .5em;
}

input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
}

/* table */

table {
  width: 100%;
  border-collapse:collapse;
}

table th, table td {
	padding:3px 0;
}

table th {
  font-weight:normal;
}

.table-type01 th, .table-type01 td {
	border:#CCC 1px solid;
	padding:10px;
}

.table-type01 th {
	background:#F5F1F1;
}

thead th {
	background-color: #F5F1F1;
}

/* margin */

.m-0 { margin: 0;}
.mt-0 { margin-top: 0;}
.mt-10 { margin-top: 10px;}
.mt-20 { margin-top: 20px;}
.mt-30 { margin-top: 30px;}
.mb-0 {  margin-bottom: 0px;}
.mb-5 {  margin-bottom: 5px;}
.mb-10 { margin-bottom:10px;}
.mb-20 { margin-bottom:20px;}
.mb-30 { margin-bottom:30px;}
.mb-40 { margin-bottom:40px;}
.mb-50 { margin-bottom:50px;}
.mb-60 { margin-bottom:60px;}
.mb-70 { margin-bottom:70px;}
.mb-80 { margin-bottom:80px;}
.mb-90 { margin-bottom:90px;}
.mb-100 { margin-bottom:100px;}

.p-0 { padding: 0; }
.p-5 { padding: 5px; }
.p-10 { padding: 10px; }
.p-20 { padding: 20px; }
.p-30 { padding: 30px; }
.p-40 { padding: 40px; }
.p-50 { padding: 50px; }

/*
@media screen and (min-width: 0) {
	.col-1 { width: 8.33333%; }
	.col-2 { width: 16.66667%; }
	.col-3 { width: 25%; }
	.col-4 { width: 33.33333%; }
	.col-5 { width: 41.66667%; }
	.col-6 { width: 48%; }
	.col-7 { width: 58.33333%; }
	.col-8 { width: 66.66667%; }
	.col-9 { width: 75%; }
	.col-10 { width: 83.33333%; }
	.col-11 { width: 91.66667%; }
	.col-12 { width: 100%; }
}
*/


/* status */

.right { text-align: right; }
.center { text-align: center; }

.org { color:#E93A00; }
.inner {
	margin-left:auto;
	margin-right:auto;
}

.d-inline { display: inline-block; }

.bold {
	font-weight:bold;
}
@media screen and (min-width: 0) {
	.overflow { overflow: hidden; }
	.fl-l { float: left; }
	.fl-r { float: right; }
	.pc-none { display:none; }
	
	.content {
		max-width:90%;
		margin:0 auto;
	}
	#main {
		width: calc(100% - 260px);
	}
	.single-column #main {
		width: 100%;
	}
}

/* link */

a {
	outline: none;
	color:#E93C00;
	-webkit-transition: all .3s;
	 transition: all .3s;
}
a:hover {
	text-decoration:none;
}
.opa:hover {
	opacity:0.8;
}
.blank:after {
	content:"";
	background:url(../img/common/icn_blank@2x.png) no-repeat;
	background-size: contain;
	width:8px;
	height:8px;
	position:absolute;
}

[class*="btn-type"] {
	display:inline-block;
	text-decoration:none;
}
.btn-type01 {
	text-decoration:none;
}
.btn-type01:after {
	content:"\f105";
	font-family:FontAwesome;
	display:inline-block;
	margin-left:10px;
}
.btn-type02 {
	font-size:1.6rem;
	background:#E93C00;
	color:#FFF;
	padding:15px 20px;
	width: calc(100% - 40px);
	position:relative;
}
.btn-type02:hover {
	background:#D93600;
}
.btn-type02:after {
	content:"\f105";
	font-family:FontAwesome;
	position:absolute;
	right:10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.btn-type02.black {
	background:#222;
}
.btn-type02.black:hover {
	background:#191919;
}

.btn-arrow-right {
	position: relative;
}
.btn-arrow-right:after {
	content:"\f105";
	font-family:FontAwesome;
	display:inline-block;
	position: absolute;
	right: 10px;
}


/* list */
ul.inline {
	letter-spacing:-.40em;
}
ul.inline li {
	letter-spacing:normal;
	display:inline-block;
	vertical-align:top;
}
ul.list-basic {
	list-style: disc;
	padding-left: 20px;
}
ol.list-basic {
	list-style: decimal;
	padding-left: 20px;
}
ul.list-alpha {
	list-style: lower-alpha;
	padding-left: 20px;
}
ul.list-square {
	margin-left: 1em;
}
ul.list-square li:before {
	content: '■';
	display: inline-block;
	width: 1.2em;
	margin-left: -1.2em;
}
ul.list-attention {
	margin-left: 1.2em;
}
ul.list-attention li:before {
	content: '※';
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}
ul.list-hierarchy {
	margin-left: 1em;
}
ul.list-hierarchy li:before {
	content: '├';
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}
ul.list-hierarchy li:last-child:before {
	content: '└';
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

ol.list-attention-with-number {
  counter-reset: number;
  list-style: none;
	margin-left: 2em;
}
ol.list-attention-with-number li:before {
  counter-increment: number;
  content: "※"counter(number)" ";
	display: inline-block;
	width: 2em;
	margin-left: -2em;
}

/* title */
.ttl-pickup {
	font-size:2rem;
	text-align:center;
	margin-bottom:30px;
}
.ttl-pickup:before {
	content:"\f06a";
	font-family:FontAwesome;
	color:#E93C00;
}
.ttl-type01 {
	font-size:2rem;
	margin-bottom:20px;
}

.ttl-type02 {
	font-size:1.6rem;
	padding-left:10px;
	margin-bottom:15px;
	position:relative;
}
.ttl-type02:before {
	content:"";
	width:3px;
	height:20px;
	background:#E93C00;
	position:absolute;
	top:0;
	left:0;
}
.ttl-type03 {
	font-size:1.6rem;
	font-weight:bold;
	color:#E94619;
	margin-bottom:10px;
}
.ttl-type03.font-s {
	font-size:1.4rem;
}
.ttl-type04 {
	font-size:1.8rem;
	background:#222;
	color:#FFF;
	padding:10px 20px;
	/* width: calc(100% - 40px); */
}
.ttl-type05 {
	font-weight: bold;
	font-size: 1.2em;
	border-bottom: 1px solid #000;
	margin-bottom: 6px;
}

/* -----------------------------------

                 header

------------------------------------ */
#header {
	margin-bottom:20px;
}
#header .inner {
	max-width:90%;
}
.description {
	font-size:1.1rem;
}
#header .search, ul.btn-list {
	display:inline-block;
	vertical-align:middle;
}

@media screen and (min-width: 0) {
	#header .inner {
		padding-top:5px;
	}
}

/* search */
.search-form {
	border:#CCC 1px solid;
	border-radius:100px;
	padding:10px;
	-webkit-appearance: none; 
}

:placeholder-shown,
-webkit-input-placeholder,
:-moz-placeholder,
-ms-input-placeholder {
	color:#CCC;
}

.search-icn {
	background:none;
	border:none;
}
	
input[type="submit"]{
	font-family:FontAwesome;
	font-size:1.6rem;
	-webkit-appearance: none;
}
@media screen and (min-width: 0) {
	#header .search-form{
		width:260px;
	}
}
/* sns */
ul.sns-list li:not(:last-child) {
	margin-right:5px;
}
.fb_iframe_widget > span {
	vertical-align: baseline !important;
}
/* btn-list */
ul.btn-list a {
	display:inline-block;
	color:#FFF;
	padding:8px 0;
	width:130px;
	text-align:center;
	border-radius:4px;
	background:#E93C00;
	text-decoration:none;
}
ul.btn-list a.cart {
	background:#222;
	margin-left:8px;
}
ul.btn-list a:hover {
	background:#D93600;
}
ul.btn-list a.cart:hover {
	background:#414141;
}
/* nav */
ul.nav li {
	text-align:center;
	margin:0;
	position:relative;
	font-weight:bold;
	font-size:1.4rem;
}
ul.nav li a {
	display:block;
	color:#fff;
	text-decoration:none;
	padding:8px 0;
}
ul.nav li span {
	font-size:0.9rem;
}

ul.nav li ul{
	display: none;
	left: 0;
	right:0;
	margin:auto;
	width:100%;
	-webkit-transition: all .3s;
	transition: all .3s;
	z-index:1000;
}

ul.nav li:hover ul{
	display: block;
}
ul.nav li ul li{
	display: block;
	margin-bottom:0;
	width:100%;
	border-top:rgba(255,255,255,0.8) 1px solid;
}
ul.nav li ul li a{
	border-radius:0;
}
ul.nav li ul li:last-child a {
	border-radius:0 0 4px 4px;
}


@media screen and (min-width: 0) {
	ul.nav li {
		width: calc((100% - 5px)/6);
		background:#FFBFBF;
		text-shadow:0px 2px 1px #FEADAC,0px 1px 1px #FEADAC,1px 1px 1px #FEADAC,1px 0px 1px #FEADAC,2px 0px 1px #FEADAC,1px -1px 1px #FEADAC,1px -2px 1px #FEADAC,0px -2px 1px #FEADAC,-1px -2px 1px #FEADAC,-2px -2px 1px #FEADAC,-2px -1px 1px #FEADAC,-2px 0px 1px #FEADAC,-2px 1px 1px #FEADAC,-1px 1px 1px #FEADAC;
		filter:dropshadow(color=#FEADAC,offx=0,offy=2,positive=1),dropshadow(color=#FEADAC,offx=1,offy=1,positive=1),dropshadow(color=#FEADAC,offx=1,offy=-1,positive=1),dropshadow(color=#FEADAC,offx=0,offy=-2,positive=1),dropshadow(color=#FEADAC,offx=-1,offy=-2,positive=1),dropshadow(color=#FEADAC,offx=-2,offy=-1,positive=1),dropshadow(color=#FEADAC,offx=-2,offy=1,positive=1),dropshadow(color=#FEADAC,offx=-1,offy=1,positive=1);
	}
	ul.nav li a:hover {
		background:#FEADAC;
	}
	ul.nav li ul{ 
		position:absolute;
	}
	ul.nav li:not(:last-child) {
		border-right:1px solid #FFF;
	}
	ul.nav li span {
		display:block;
	}
	ul.nav li img {
		-webkit-filter: drop-shadow(2px 0 2px #FEADAC);
	}
}
/* navボタン */
	
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	float:right;
	position:fixed;
	width: 22px;
	height: 18px;
	z-index:101;
	top:29px;
	right:29px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color:#E93C00;
}
.menu-trigger.active span {
	background:#FFF;
}
.menu-trigger span:nth-of-type(1) { top: 0; }
.menu-trigger span:nth-of-type(2) { top:8px; }
.menu-trigger span:nth-of-type(3) { bottom: 0; }

.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(20px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-20px) rotate(45deg);
	transform: translateY(-8px) rotate(45deg);
}

@media screen and (min-width: 0) {
	.menu-trigger {
		display:none;
	}
}

/* -----------------------------------

                 footer

------------------------------------ */
#footer {
	background:#F3F3F3;
	padding-top:30px;
	margin-top:60px;
}
#footer .inner {
	width:90%;
	letter-spacing:-.40em;
}

#footer ul {
	letter-spacing:normal;
}
#footer ul a {
	color:#222;
	text-decoration:none;
}

#footer ul:not(.cont-3) li:first-child >a {
	font-weight:bold;
}
#footer ul[class*="cont-"] {
	display:inline-block;
	vertical-align:top;
}
	
@media screen and (min-width: 0) {
	#footer ul {
		margin-bottom:30px;
	}

	ul.cont-5 {
		width: calc(100%/5);
	}
	ul.cont-3 {
		width: calc(100%/3);
	}
	
}


/* -----------------------------------

                 side 

------------------------------------ */
@media screen and (min-width: 0) {
	#side {
		max-width:230px;
	}
}
#side section {
	margin-bottom:35px;
}

/* calendar */
.calendar th, .calendar td {
	text-align:center;
}
.calendar th {
	background:#222;
  	color:#FFF;
}
.calendar td {
	border:1px #CCC solid;
}
.calendar tr:first-child td:first-child{
	color:#B40303;
}
.calendar tr:first-child td:last-child{
	color:#0E5BA9;
}

.calendar .gray {
	color:#CCC;
}
.calendar .red {
	background:#EFC7C5;
	color:#FF0000;
}
.calendar a {
	font-size:1.6rem;
	color:#FFF;
	display:block;
}
.calendar a:hover {
	background:#414141;
}
.holiday {
	background:#EFC7C5;
	border:#CCC 1px solid;
	width:33px;
	height:15px;
	display:inline-block;
	vertical-align:middle;
}

/* search */
.search-form {
	width: 190px;
}

/* category */
ul.category_list ul{
	display:none;
}
ul.category_list li {
	margin-bottom:1px;
}
ul.category_list a {
	display:inline-block;
	text-decoration:none;
}
ul.category_list > li > a {
	background:#222;
	color:#FFF;
	font-size:1.6rem;
	width: calc(100% - 16px);
	cursor:pointer;
	padding:10px 8px;
	position:relative;
}
ul.category_list > li > a:hover {
	background:#414141;
}
ul.category_list > li > a:after {
	content:"\f107";
	font-family:FontAwesome;
	position:absolute;
	right:10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .3s;
	transition: all .3s;
}
ul.category_list > li > a.open:after {
	content:"\f106";
}

ul.category_list ul {
	margin-bottom:3px;
}
ul.category_list ul a {
	width: calc(100% - 33px);
	background:#F5F1F1;
	padding:10px 8px 10px 25px;
	color:#222;
	position:relative;
}
ul.category_list ul a:hover {
	background:#ECE6E6;
}

ul.category_list ul a:before {
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 4px;
	border-color: transparent transparent transparent #E93C00;
	position:absolute;
	left:8px;
	top:0;
	bottom:0;
	margin:auto;
}
/* bnr-list */
ul.bnr-list a:hover{
	opacity:0.8;
}

/* line */
.btn-line {
	background:#00C300;
	width:100%;
	padding:10px 0;
	text-align:center;
	border-radius:3px;
	display:block;
}
.btn-line:hover {
	background:#00AE00;
}
/* -----------------------------------

              common

------------------------------------ */
/* topix */
.topix {
	border-bottom:#CCC 1px solid;
	padding-bottom:25px;
	margin-bottom:80px;
}
.topix-box {
	max-height:250px;
	overflow-y:scroll;
	padding-right:10px;
}
.topix p {
	margin-bottom:15px;
}
/* item-list */
ul.item-list {
	margin-bottom:40px;
}
ul.item-list li {
	margin-bottom:20px;
}
.img {
	position:relative;
	box-sizing:border-box;
	margin-bottom:10px;
	width:100%;
	overflow:hidden;
	border:#CCC 1px solid;
	-webkit-transition: all .3s;
	transition: all .3s;
}
ul.item-list a:hover .img {
	border-color:#E94719;
}
.img:before {
	content:"";
	display:block;
	padding-top:65%;
}
.img img{
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
		object-fit: contain;
		font-family: 'object-fit: contain;';
	height:100%;
	width:100%;
}
.img.no-img {
	background:#EBEBEB;
	border-color:#EBEBEB;
}
.img.no-img:after {
	content:"NO IMAGE";
	font-family: 'ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN',sans-serif;
	font-weight:bold;
	text-align:center;
	color:#A7A7A7;
	position:absolute;
	left:0;
	right:0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin:auto;
}

ul.item-list figurecaption p:first-child{
	font-size:1.6rem;
}
ul.item-list a {
	color:#222;
	text-decoration:none;
}

@media screen and (min-width: 1501px) {
	ul.item-list li {
		width: calc((100% - 75px)/4);
	}
	ul.item-list li:not(:nth-child(4n+4)) {
		margin-right:25px;
	}
}
@media screen and (max-width: 1500px) {
	ul.item-list li {
		width: calc((100% - 52px)/3);
	}
	ul.item-list li:not(:nth-child(3n+3)) {
		margin-right:25px;
	}
}


/* pan */
ul.pan {
	text-align:right;
	font-size:1.2rem;
	max-width:90%;
	margin:0 auto 10px;
}

ul.pan li:not(:last-child) {
	position:relative;
	padding-right:20px;
}
ul.pan li:not(:last-child):after {
	content:"\f105";
	font-family:FontAwesome;
	position:absolute;
	right:8px;
}

/* Q&A */
.qa-box > dt {
	margin-left: 30px;
	font-weight: bold;
}
.qa-box > dt:not(:first-child) {
	margin-top: 20px;
}
.qa-box > dt:before {
	content: 'Q.';
	margin-left: -30px;
	width: 30px;
	display: inline-block;
}
.qa-box > dd {
	margin-left: 30px;
}
.qa-box > dd:before {
	content: 'A.';
	margin-left: -30px;
	width: 30px;
	display: inline-block;
}

.text-red { color: red; }
.text-blue { color: blue; }


@media (min-width: 768px){
	.input-wrapper-postcode .input-group {
		width: 260px;
	}
	
	.input-wrapper-tel .input-group {
		width: 340px;
	}
}

.form-group {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-top: -1px;
	padding-bottom: 15px;
	padding-top: 15px;
	margin-bottom: 0px;
}
.form-group:first-child {
	border-top: 0;
	padding-top: 0;
}
.form-group:last-child {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 10px;
}
.control-label {
	font-weight: bold;
}
.control-label .label {
	margin-left: 4px;
}

.form-buttons {
	text-align: center;
}
.form-buttons .btn {
	margin: 4px 15px;
	min-width: 140px;
}

select.form-control {
	padding: 0;
}

/* -----------------------------------

                 top

------------------------------------ */
/* main */
.main-img {
	position:relative;
	margin-bottom:50px;
}
.visual img {
	width:100%;
}
.main-img .inner {
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.main-img .catch {
	font-size:4.6rem;
	font-weight:bold;
	color:#FFF;
	text-shadow:2px 2px 7px rgba(0,0,0,0.6);
	text-shadow:-2px -2px 7px rgba(0,0,0,0.6);
}
@media screen and (max-width: 768px) {
	.visual img {
		min-height:155px;
		object-fit: cover;
	}
	.main-img .catch {
		font-size:1.8rem;
	}
	.main-img .inner img {
		max-width:100px;
	}
}


/* news */
.news {
	padding-bottom:25px;
	margin-bottom:25px;
	border-bottom:#CCC 1px solid;
}

@media screen and (min-width: 0) {
	.news {
		letter-spacing:-.40em;
	}
	.news .ttl-type01, 
	.news .news_list {
		display:inline-block;
		letter-spacing:normal;
	}
	.news .ttl-type01 {
		vertical-align:top;
		width:15%;
	}
	.news .news_list {
		width:85%;
	}
	.news .btn-type01 {
		letter-spacing:normal;
		vertical-align:bottom;
		width:15%;
		text-align:right;
		width:100%;
	}
	.news_list a {
		margin-left:15px;
	}
}

/* -----------------------------------

                 item

------------------------------------ */	
.box {
	background:#F9F7F7;
	padding:15px;
}
#DEFAULT_ITEM_INDEX .box {
	margin-bottom:10px;
}
/* tag-list */
ul.tag-list li{
	margin-right:8px;
}
ul.tag-list li a {
	display:block;
	color:#222;
	background:#F9E3DF;
	text-decoration:none;
	padding:5px 10px;
	border-radius:4px;
}
ul.tag-list li a:hover {
	background:#F7D6D0;
}
/* matter */
.matter {
	margin-bottom:40px;
}
.select-box , .matter p {
	display:inline-block;
}

@media screen and (min-width: 0) {
	.matter {
		text-align:right;
	}
}
/* select */

.select-box {
	position:relative;
}
.select-box:after {
	content:"\f0d7";
	font-family:FontAwesome;
	font-size:1.6rem;
	line-height:0;
	position:absolute;
	right:10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.select-box select {
	width:100%;
	padding: 8px 40px 8px 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: #CCC 1px solid;
	background:none;
	border-radius:3px;
	cursor:pointer;
}
@media screen and (min-width: 0) {
	.select-box {
		display:inline-block;
	}
}

/* pagenavi */
.wp-pagenavi {
	clear: both;
	text-align:center;
}

.wp-pagenavi a, .wp-pagenavi span {
	font-size:1.6rem;
	font-weight:bold;
	text-decoration: none;
	color:#222;
	width:50px;
	height:50px;
	line-height:50px;
	background:#F5F1F1;
	vertical-align:middle;
	margin: 2px;
	border-radius:3px;
	display:inline-block;
}

@media screen and (min-width: 0) {
	.wp-pagenavi span.current {
		background:#E93C00;
		color:#FFF;
	}
	.wp-pagenavi a:hover {
		background:#ECE6E6;
	}
}

/* -----------------------------------

                 details

------------------------------------ */

.details-box {
	padding:20px;
	border:#222 1px solid;
	box-sizing:border-box;
	margin-bottom:20px;
}
#DEFAULT_ITEM-DETAIL_INDEX .select-box {
	width:100%;
	margin-bottom:25px;
}
#DEFAULT_ITEM-DETAIL_INDEX .box {
	border:#CCC 1px solid;
}
.org-box{
	background:#FFF4F4;
	border:#E93C00 1px solid;
	padding:15px 10px;
	font-size:1.6rem;
	color:#E93A00;
}

@media screen and (min-width: 1281px) {
	#DEFAULT_ITEM-DETAIL_INDEX #main {
		/* max-width: calc(100% - 540px); */
		padding-right:280px;
	}
}

/* slid */
ul.slider-for li, ul.slider-nav li{
	text-align:center;
	box-sizing:border-box;
}
ul.slider-nav li {
	margin:0 5px;
}

.name {
	font-size:2rem;
	font-weight: bold;
	margin-bottom:25px;
}

/* spec */
.spec th {
	width: 90px;
	font-weight:bold;
	padding:5px 0;
}
.price {
	font-size:1.8rem;
	font-weight:bold;
	color:#E93B00;
}
.stock span {
	background:#F5F1F1;
	border:#CCC 1px solid;
	padding:3px 5px 3px 20px;
	margin-right:10px;
	font-size:1.2rem;
	font-weight:bold;
	border-radius:3px;
	position:relative;
}
.stock span:before {
	content:"";
	width:12px;
	height:12px;
	position:absolute;
	left:5px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.stock span.o:before {
	background:url(../img/common/icn_circle@2x.png) no-repeat;
	background-size: contain;
}

.stock span.x:before {
	background:url(../img/common/icn_cross@2x.png) no-repeat;
	background-size: contain;
}

.stock span:after {
	padding:3px 0;
	position:absolute;
}

/* radio */
.stock-radio * {
	-webkit-box-sizing: unset;
	-moz-box-sizing: unset;
	box-sizing: unset;
}
.stock-radio input{
	display: none;
}
.stock-radio label{
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 10px;
	padding:0 20px;
	border-radius: 2px;
	font-size: 14px;
	/* text-align: center; */
	line-height: 1;
	width: calc(100% - 40px);
}
.stock-radio label:before{
	position: absolute;
	content: "";
	top: 50%;
	left: -10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	border-radius: 50%;
	border:#CCC 1px solid;
	box-sizing:border-box;
}
.stock-radio input[type="radio"]:checked + label:after {
	position: absolute;
	content: "";
	top: 50%;
	left: -4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-radius: 50%;
	background: #E93C00;
}
/* plus */
@media screen and (min-width: 1280px){
	#main .to-shopthrough-plus {
		display: none;
	}
}
/* 合わせて購入 */
.set .img {
	max-width: 400px;
}
.set .img, .set p{
	text-align:left;
}
.set td:nth-last-child(1) {
	white-space:nowrap;
}
@media screen and (min-width: 0) {
	.set td span:not(.pc-none) {
		display:block;
	}
	.set .img, .set p {
		display:inline-block;
		vertical-align:middle;
	}
	.set .img {
		max-width:30%;
		margin-bottom:0;
	}
	.set p{
		width:65%;
	}
}
.sp-price {
	width:80%;
	display:inline-block;
	vertical-align:top;
}

/* 販売価格 */
@media screen and (min-width: 0) {
	.selling-price {
		letter-spacing:-.40em;
		margin-bottom:20px;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	.selling-price .ttl-type04,
	.selling-price .details-box {
		display:inline-block;
		letter-spacing:normal;
		line-height:70px;
		vertical-align:middle;
		padding:20px;
	}
	.selling-price .ttl-type04 {
		width: calc(25%);
		text-align:center;
		
	}
	.selling-price .details-box {
		width: calc(75%);
		margin-bottom:0;
	}
}
/* カートボタン */
.send {
	font-size:2rem;
	font-weight:bold;
	font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 游ゴシック体, "Yu Gothic", YuGothic, メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border:none;
	padding:25px 0;
	text-transform:uppercase;
	color:#FFF;
	background:#E93C00;
	cursor:pointer;
	border-radius:4px;
	width:280px;
}
.send:hover {
	background:#D93600;
}

/* option-bnr */
.option-bnr-container {
    display: table;
    width: 100%;
    margin-bottom: 35px;
}
ul.option-bnr {
	text-align:center;
    margin-bottom: 0;
    display: table-cell;
}
ul.option-bnr li {
	margin:0 5px 10px;
}
ul.option-bnr li a:hover {
	opacity:0.8;
}
.option-bnr-container .back-to-shopthrough {
    width: 160px;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
}
/* supplement */
ul.supplement li {
	width:48%;
}
@media screen and (min-width: 0) {
	ul.supplement li:nth-child(2n+1) {
		margin-right:4%;
	}
}

/* 購入情報 */
#purchase {
	width:250px;
	position:fixed;
	top:auto;
	right:5%;
	background:#FFF;
}
#purchase.fixed {
	top:10px;
}
#purchase .to-shopthrough-plus {
	margin-bottom: 10px;
}
#purchase .purchase-sub{
	border:#E93C00 1px solid;
	border-radius:5px;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#purchase h3 {
	font-size:1.6rem;
	background:#E93C00;
	color:#FFF;
	padding:10px;
}
	
#purchase ul {
	padding:10px;
}
#purchase li {
	padding-top:5px;
	margin-bottom:0;
}
#purchase li:not(:last-child) {
	border-bottom:#CCC 1px solid;
	padding-bottom:5px;
}
#purchase li span {
	display:block;
}
#purchase .total {
	padding:10px;
	border-top:#E93C00 1px solid;
}
#purchase .total span {
	font-size:1.6rem;
}
@media screen and (max-width: 1280px) {
	#purchase {
		display:none;
	}
}


/* -----------------------------------

                 pwjfa

------------------------------------ */

.main-pwjfa .icons-hoshogai span {
	display: inline-block;
	width: 74px;
	height: 75px;
}
.main-pwjfa .icon-hoshogai01 { background: url(/img/pwjfa/accident/gaigai.jpg) -5px 0; }
.main-pwjfa .icon-hoshogai02 { background: url(/img/pwjfa/accident/gaigai.jpg) 86px 0; }
.main-pwjfa .icon-hoshogai03 { background: url(/img/pwjfa/accident/gaigai.jpg) 171px 0; }
.main-pwjfa .icon-hoshogai04 { background: url(/img/pwjfa/accident/gaigai.jpg) 256px 0; }
.main-pwjfa .icon-hoshogai05 { background: url(/img/pwjfa/accident/gaigai.jpg) 341px 0; }
.main-pwjfa .icon-hoshogai06 { background: url(/img/pwjfa/accident/gaigai.jpg) 426px 0; }
.main-pwjfa .icon-hoshogai07 { background: url(/img/pwjfa/accident/gaigai.jpg) 511px 0; }

/* -----------------------------------

                 pwj-apple

------------------------------------ */

.main-pwj-apple .icons-hoshogai span {
	display: inline-block;
	width: 72px;
	height: 84px;
}
.main-pwj-apple .icon-hoshogai01 { background: url(/img/pwj-apple/acci1.jpg) -1px 0; }
.main-pwj-apple .icon-hoshogai02 { background: url(/img/pwj-apple/acci1.jpg) 82px 0; }
.main-pwj-apple .icon-hoshogai03 { background: url(/img/pwj-apple/acci1.jpg) 159px 0; }
.main-pwj-apple .icon-hoshogai04 { background: url(/img/pwj-apple/acci1.jpg) 236px 0; }
.main-pwj-apple .icon-hoshogai05 { background: url(/img/pwj-apple/acci1.jpg) 309px 0; }
.main-pwj-apple .icon-hoshogai06 { background: url(/img/pwj-apple/acci1.jpg) 378px 0; }
.main-pwj-apple .icon-hoshogai07 { background: url(/img/pwj-apple/acci1.jpg) 449px 0; }


/* -----------------------------------

                 pay-delivery

------------------------------------ */

.delivery-charge-list > div {
	margin-bottom: 10px;
}
.delivery-charge-list .area-name {
	font-weight: bold;
	display: block;
}
.delivery-charge-list .delivery-charge-set {
	word-break: keep-all;
	display: inline-block;
}
.delivery-charge-list .pref-address {
	width: 70px;
	background-color: #F3F3F3;
}
.delivery-charge-list .delivery-charge {
	width: 70px;
	text-align: right;
}
.delivery-charge-list .pref-address,
.delivery-charge-list .delivery-charge {
	display: inline-block;
	padding: 0 6px;
	border: 1px solid black;
	margin-left: -1px;
	margin-top: -1px;
}

.table-daibiki {
	max-width: 400px;
}

.icon-payeasy {
	max-width: 80px;
}


/* -----------------------------------

                 cart

------------------------------------ */

.special-pack-box img {
	height: 150px;
	margin-right: 10px;
}

.cart-summary-box {
	min-width: 200px;
}


/* -----------------------------------

                 cart-order

------------------------------------ */

#DEFAULT_CART-ORDER_PAY #kakakucom_payment_cashless {
	border: 1px solid black;
	padding: 10px;
	margin-bottom: 20px;
}

#DEFAULT_CART-ORDER_PAY #logo_visa,
#DEFAULT_CART-ORDER_PAY #logo_mastercard,
#DEFAULT_CART-ORDER_PAY #logo_jcb,
#DEFAULT_CART-ORDER_PAY #logo_amex,
#DEFAULT_CART-ORDER_PAY #logo_diners,
#DEFAULT_CART-ORDER_PAY #logo_paypay {
	width: 100px;
	vertical-align: middle;
}

@media print {

	#DEFAULT_CART-ORDER_THANKS .details-box {
		border: 0;
		padding: 0;
	}
}


/* -----------------------------------

                 orderway

------------------------------------ */

#DEFAULT_ORDERWAY_INDEX .sample-img,
#SP_ORDERWAY_INDEX .sample-img {
	background-color: #000;
	display: inline-block;
}
#DEFAULT_ORDERWAY_INDEX .sample-img img,
#SP_ORDERWAY_INDEX .sample-img img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

