@charset "utf-8";
/********************************************************

 COMMON

********************************************************/

/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td {
	margin:0;
	padding:0
}
table {
	border-collapse:collapse;
	border-spacing:0
}
fieldset, img {
	border:0
}
address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, th, var {
	font:inherit
}
del, ins {
	text-decoration:none
}
li {
	list-style:none
}
caption, th {
	text-align:left
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal
}
q:before, q:after {
	content:''
}
abbr, acronym {
	border:0;
	font-variant:normal
}
sup {
	vertical-align:baseline
}
sub {
	vertical-align:baseline
}
legend {
	color:#000
}
/* clearfix */
.cf:before, .cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
.cf {
	zoom: 1;
}

/********************************************************
 ICON FONT 
********************************************************/

@font-face {
 font-family: 'icon';
 src: url('../../../../../../wp-content/themes/twentysixteen/common/font/icon_18058461.eot');
 src: url('../../../../../../wp-content/themes/twentysixteen/common/font/icon_18058461.eot#iefix') format('embedded-opentype'),  url('../../../../../../wp-content/themes/twentysixteen/common/font/icon_18058461.woff') format('woff'),  url('../../../../../../wp-content/themes/twentysixteen/common/font/icon_18058461.ttf') format('truetype'),  url('../../../../../../wp-content/themes/twentysixteen/common/font/icon_18058461.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "icon";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-twitter:before {
	content: '\31';
} /* '1' */
.icon-facebook:before {
	content: '\32';
} /* '2' */
.icon-instagram:before {
	content: '\33';
} /* '3' */
.icon-gplus:before {
	content: '\34';
} /* '4' */
.icon-pinterest-circled:before {
	content: '\35';
} /* '5' */
.icon-down-dir:before {
	content: '\36';
} /* '6' */
.icon-up-dir:before {
	content: '\37';
} /* '7' */
.icon-left-dir:before {
	content: '\38';
} /* '8' */
.icon-right-dir:before {
	content: '\39';
} /* '9' */
.icon-left-open:before {
	content: '\3c';
} /* '&lt;' */
.icon-right-open:before {
	content: '\3e';
} /* '&gt;' */
.icon-basket:before {
	content: '\43';
} /* 'C' */
.icon-pencil:before {
	content: '\45';
} /* 'E' */
.icon-mail:before {
	content: '\4d';
} /* 'M' */
.icon-search:before {
	content: '\53';
} /* 'S' */
.icon-trash:before {
	content: '\54';
} /* 'T' */
.icon-star:before {
	content: '\57';
} /* 'W' */
.icon-star-empty:before {
	content: '\5a';
} /* 'Z' */
.icon-up-open:before {
	content: '\5e';
} /* '^' */
.icon-down-open:before {
	content: '\5f';
} /* '_' */
.icon-ok:before {
	content: '\61';
} /* 'a' */
.icon-circle-thin:before {
	content: '\62';
} /* 'b' */
.icon-ok-circled-1:before {
	content: '\63';
} /* 'c' */
.icon-ok-circled-2:before {
	content: '\64';
} /* 'd' */
.icon-ok-squared:before {
	content: '\65';
} /* 'e' */
.icon-cancel:before {
	content: '\66';
} /* 'f' */
.icon-cancel-circle:before {
	content: '\67';
} /* 'g' */
.icon-plus:before {
	content: '\68';
} /* 'h' */
.icon-plus-circle:before {
	content: '\69';
} /* 'i' */
.icon-check-empty:before {
	content: '\6a';
} /* 'j' */
.icon-th:before {
	content: '\6b';
} /* 'k' */
.icon-th-large:before {
	content: '\6c';
} /* 'l' */
.icon-left-thin:before {
	content: '\2190';
} /* '←' */
.icon-up-thin:before {
	content: '\2191';
} /* '↑' */
.icon-right-thin:before {
	content: '\2192';
} /* '→' */
.icon-down-thin:before {
	content: '\2193';
} /* '↓' */
/****************************
 BASE
****************************/
html {
	-webkit-tap-highlight-color: transparent;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body, html {
	width: 100%;
	overflow-x: hidden;
	position: relative;
	background: #f3f3f3;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	 font-family:'Lora',"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif;
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: .025em;
}
img {
	max-width: 100%;
	vertical-align: bottom;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	opacity: 0.8
}
a, button {
transition: all .1s ease-in-out;
}
a.u_line {
	text-decoration: underline;
}
a.textlink {
	color: #fc9393;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid transparent;
}
a.textlink .icon {
	padding-left: 10px;
}
a.textlink:hover {
	border-color: #fc9393;
}
hr {
	height: 1px;
	background: #e0e0e0;
	border: none;
	margin: 0;
}
hr.hr_bottom {
	margin: 25px 0;
}
hr.hr15 {
	height: 15px;
	background: transparent;
}
hr.hr30 {
	height: 30px;
	background: transparent;
}
hr.hr60 {
	height: 60px;
	background: transparent;
}
.tx_left {
	text-align: left;
}
.tx_right {
	text-align: right;
}
.tx_center {
	text-align: center;
}
.table {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.cell {
	display: table-cell;
}
.middle {
	vertical-align: middle;
}
.strong {
	font-weight: bold;
}
.highlight {
	color: #fc9393;
	font-size: 18px;
	font-weight: bold;
	margin-right: 10px;
}
.highlight img {
	vertical-align: middle;
}
.attention {
	color: #e13a56!important;
}
.bluetext {
	color: #fc9393!important;
}
.note {
	font-size: 90%;
}
.guidetext {
	color: #888;
	font-size: 12px;
}
.tax {
	font-size: 70%;
	color: #888;
	padding-left: 5px;
}
.message_box {
	text-align: center;
	padding: 80px 25px!important;
}
.big_message {
	font-size: 26px;
	padding-bottom: 1em;
	line-height: 1.4;
	
	font-family:'Lora',"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif;
}
.order_number {
	color: #fc9393;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 20px;
}
::selection {
background:#e0e0e0;
color: #fff;
}
::-moz-selection {
background:#e0e0e0;
color: #fff;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: block;
}
/****************************
 OLD BROWSER
****************************/

.browser_alert {
	position: fixed;
	width: 100%;
	z-index: 1000;
	text-align: center;
	padding: 10px;
	background: #fc9393;
	color: #fff;
	font-weight: bold;
}
.browser_alert a {
	text-decoration: underline;
	color: #fff;
}
/****************************
 CONSTRUCTURE
****************************/

.container {
	width: 100%;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	background:#fff;
	padding:110px 0 0;
}
.relative {
	position: relative;
}
.contents {
	position: relative;
}
.box {
	background: #fff;
	padding: 25px;
	box-sizing: border-box;
}
.box_mb_half {
	margin-bottom: 15px;
	border-bottom:1px solid #e0e0e0;
}
.box_mb_0 {
	margin-bottom: 0;
}
.box_m10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.box h3 {
	font-size: 26px;
	margin-bottom: 20px;
	text-align:center;
}
.box p, .box p a {
	color: #888;
}
.box_header {
	position: relative;
	background: #fff;
	border-bottom: 1px solid #e0e0e0;
	padding: 20px 25px;
	margin-bottom: 3px;
	box-sizing: border-box;
}
.box_header h1, .box_header h2, .box_header h3 {
	font-weight: bold;
	font-size: 16px;
	font-family:'Lora',"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif;
}
.box_header_btn {
	position: absolute;
	right: 12px;
	top: 12px;
}
.box_header_btn .btn_simple {
	padding: 10px 20px;
	margin-left: 5px;
	min-width: 90px;
}
.box .cell.tx_right .btn_simple {
	padding: 10px 20px;
	margin: 5px 0 5px 5px;
	min-width: 90px;
}
.box_header_btn .btn_simple .icon, .box .cell.tx_right .btn_simple .icon {
	margin-right: 10px;
}
.block {
	display: inline-block;
}
.related {
	border-bottom:#f7f7f7 solid 8px;
}
/***************************/

.page_text, .page_text p {
	color: #111;
	font-size: 13px;
}
.page_block > li {
	padding: 25px 0;
	border-top: 1px solid #e0e0e0;
}
.page_block > li:first-child {
	padding-top: 0;
	border-top: none;
}
.page_block h2 {
	font-size: 18px;
	margin-bottom: 1em;
	font-family:'Lora',"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif;
}
.page_block h3 {
	font-size: 14px;
	margin: 2em 0 1em;
}
.page_block .list_number {
	margin: 0
}
.list_number, .list_disc {
	margin: 30px 0
}
.list_number li {
	list-style-type: decimal;
	margin-left: 1.75em;
	padding-bottom: 5px;
}
.list_disc li {
	list-style-type: disc;
	margin-left: 1.75em;
	padding-bottom: 5px;
}
/****************************
 BUTTON
****************************/

.btn_simple, .btn_small, .btn_icon, .btn_large {
	display: inline-block;
	box-sizing: border-box;
	border: 1px solid #000;
	padding: 13px 30px;
	line-height: 18px;
	background: #000;
	color: #fff;
	font-weight: bold;
	outline: none;
	cursor: pointer;
}
.btn_simple {
	text-align: center;
	font-size: 14px;
}
.btn_simple .icon {
	margin-right: 10px;
}
.btn_small {
	padding: 5px 10px;
	font-size: 11px;
	line-height: 14px;
}
.btn_small .icon {
	margin-right: 5px;
}
.btn_icon {
	text-align: left;
	font-size: 14px;
	min-width: 250px;
	position: relative;
	margin: 20px auto;
	padding-right: 60px;
}
.btn_icon .icon {
	position: absolute;
	right: 30px;
	top: 50%;
	line-height: 1;
	margin-top: -0.5em;
	font-size: 120%;
}
.btn_large {
	width: 340px;
	max-width: 100%;
	margin: 20px 5px 30px;
	font-size: 16px;
}
.btn_small.outline, .btn_simple.outline, .btn_icon.outline, .btn_large.outline {
	background: transparent;
	color: #000;
	border-color: #000;
}
.btn_small.outline_gray, .btn_simple.outline_gray, .btn_icon.outline_gray, .btn_large.outline_gray {
	background: transparent;
	border-color: #888;
	color: #888;
}
.btn_cart {
	background: #ec6f1c;
	border-color: #ec6f1c;
	width: 100%;
	min-width: inherit;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 16px;
}
.btn_simple:hover, .btn_small:hover, .btn_icon:hover, .btn_large:hover {
	opacity: 0.9;
	background: #fc9393;
	border: 1px solid #fc9393;
}
.btn_small.outline:hover, .btn_simple.outline:hover, .btn_icon.outline:hover, .btn_large.outline:hover {
	opacity: 0.5;
	background: transparent;
	border: 1px solid #000;
}
.btn_cart:hover {
	background: #ff7d27;
	border: 1px solid #ff7d27;
}
/****************************
 FORM
****************************/

button {
	cursor: pointer;
	background: transparent;
	border: none;
	outline: none;
}
input[type="text"], input[type="number"], input[type="tel"], input[type="email"], input[type="password"], textarea {
	padding: 12px;
	line-height: 20px;
	border: 1px dotted #888;
	box-sizing: border-box;
}
input[type=number] {
	-moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance:none;
margin: 0;
}
input[type="radio"], input[type="checkbox"] {
	opacity: 0;
	position: absolute;
}
input::-ms-clear {
visibility:hidden;
}
textarea {
	height: 300px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance:none;
	border-radius: 0;
}
/* radio/checkbox */
.icon_radio, .icon_check {
	position: relative;
	display: block;
	vertical-align: middle;
	width: 16px;
	line-height: 1.2;
}
.icon_radio:before, .icon_check:before {
	font-family: 'icon';
	color: #aaa;
	font-size: 18px;
}
.icon_radio:before {
	content: 'b';
}
.icon_check:before {
	content: 'j';
}
.checked .icon_radio:before {
	content: 'c';
	color: #000;
}
.checked .icon_check:before {
	content: 'e';
	color: #000;
}
.icon_radio, .icon_check {
	float: left;
}
.icon_check_text, .icon_radio_text {
	display: block;
	margin-left: 25px;
}
.icon_check_text img, .icon_radio_text img {
	vertical-align: middle;
}
label:after {
	content: '';
	display: table;
	clear: left;
}
/* select */
select {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 44px;
	line-height: 44px;
	font-size: 12px;
	background: transparent;
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance:none;
}
.select, .select-page {
	display: inline-block;
	vertical-align: bottom;
	position: relative;
	height: 46px;
	overflow: hidden;
}
.select:after, .select-page:after {
	content: '6';
	font-family: 'icon';
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -0.75em;
	z-index: 1;
}
.select-page {
	height: 50px;
}
.select-page select {
	height: 50px;
	line-height: 50px;
}
/* select veriation */
.field select {
	padding: 0 35px 0 12px;
}
.select-page select {
	padding: 0 0px 0 5px;
    font-weight: bold;
    width: 140%;
}
.select {
	background: #fff;
	border: 1px dotted #888;
}
.select-page {
	width: 60px;
	overflow: hidden;
}
.alignment .select-page {
	width: 110px;
}
.pager_bottom .select-page {
	width: 70px;
	background: #000;
	color: #fff;
	overflow:hidden;
}
.pager_bottom .select-page select {
	color: #fff;
	padding: 0 0px 0 15px;
	width: 130%;
}
.sort_conditions .select-page:after {
	right: 5px;
}
/* firefox */
.pager_bottom .select-page select option {
	background: #fff;
	color: #222;
}
/* ie */
.ie select {
	width: 200%;
}
.ie .select {
	min-width: 60px;
}
.ie .select_full select {
	width: 150%
}
.ie .pager_bottom .select-page select option {
	background: #000;
	color: #fff;
}
/* focus */
select:focus {
	outline: none;
}
input:focus, textarea:focus {
	outline: none;
	border-style: solid;
}
/* size */
.input_full, .label_full {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}
.field .note {
	margin-top: 8px;
}
.field .input_mt {
	margin-top: 15px;
}
.input_ss {
	width: 40px;
	padding: 8px;
	text-align: center;
}
.input_s, .label_s, .select_s {
	width: 80px;
	padding: 8px;
	margin-right: 2%;
}
.input_m, .select_m {
	width: 28%;
	margin-right: 2%;
}
.select_full {
	width: 100%;
}
.label_wrap {
	width: 49%;
	margin-right:0;
	display: inline-block;
	vertical-align: top;
	padding: 12px 15px;
	line-height: 20px;
	border-radius: 3px;
	border: 1px solid #e0e0e0;
	box-sizing: border-box;
}
.label_wrap.checked {
	background: #f3f3f3;
	border-color: transparent;
}
.label_wrap .icon_radio, .label_wrap .icon_check {
	padding: 0;
}
/* field */
.field dt, .field_child dt, .field_confirm dt {
	text-align: left;
	position: relative;
	float: left;
	clear: left;
	width: 170px;
	padding-top: 10px;
	font-size: 14px;
}
.field dd, .field_child dd, .field_confirm dd {
	padding-bottom: 25px;
	text-align: left;
	padding-left: 170px;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 25px;
}
.field dd.input_connect, .field_child dd.input_connect, .field_confirm dd.input_connect {
	border-bottom: none;
	margin-bottom: 0;
}
.field dd:last-child, .field_child dd:last-child, .field_confirm dd:last-child, .field .input_last {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.require:after {
	content: '必須';
	display: block;
	position: absolute;
	right: 20px;
	top: 12px;
	padding: 0 3px;
	border-radius: 3px;
	background: #fc9393;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
}
.field .cell {
	vertical-align: middle;
}
.field dt.filled {
	padding-top: 0;
}
/**/
.field_child dt, .field_child dd {
	padding-bottom: 0;
	padding-top: 0;
	text-align: left;
}
.field_child dt {
	clear: none;
	width: 100px;
	color: #888;
}
.field_child dd {
	padding-left: 100px;
	border-bottom: none;
	margin-bottom: 15px;
}
.field_confirm dt {
	padding-top: 0;
	color: #888;
}
.field_confirm .cart_items {
	width: 100%;
}
.field_confirm .cart_items .ci_info {
	vertical-align: middle;
}
.field_confirm .ci_thumb {
	width: 170px;
}
.field_confirm .ci_thumb img {
	width: 150px;
}
.field_confirm .ci_number {
	width: 80px;
	text-align: right;
}
/* 折りたたみlabel */
.block_label {
	display: block;
	line-height: 1.4;
	border-radius: 3px;
	margin: 6px 0;
	vertical-align: middle;
transition: all .4s;
	border: 1px solid #f3f3f3;
}
.block_label > label {
	padding: 15px 20px;
}
.block_label .block_select .icon, .block_label .block_select .opt {
	display: block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 28px;
}
.block_label .block_select .icon {
	float: left;
	width: 30px;
}
.block_label .block_select .opt {
	margin-left: 30px;
}
.block_label .block_select .opt p {
	font-size: 12px;
	line-height: 1.6;
}
.block_label .block_select .opt p.black {
	font-size: 12px;
	color: #000;
	margin-top: 8px;
}
.block_label .block_select .icon:before {
	content: 'b';
	font-family: 'icon';
	font-size: 20px;
	margin-right: 15px;
	color: #aaa;
}
.block_label.selected {
	background: #f3f3f3;
}
.block_label.selected .opt {
	font-weight: bold;
}
.block_label.selected .opt p {
	font-weight: normal;
}
.block_label.selected .block_select .icon:before {
	content: 'd';
	color: #fc9393;
}
.block_label:hover {
	background: #fafafa;
}
.block_label.selected:hover {
	background: #f3f3f3;
}
.block_toggle {
	display: none;
}
.swich_box {
transition: opacity .4s;
}
.swich_box.off {
	opacity: 0;
}
/**/
.block_label input {
	background: #fff;
}
.block_label .field {
	border-top: 1px solid #e0e0e0;
	padding: 25px 25px 25px 50px;
}
.block_label .field dt, .block_label .field dd {
	padding-bottom: 15px;
	font-size: 12px;
	letter-spacing: 0;
}
.block_label .field dt {
	width: 140px;
}
.block_label .field dd {
	padding-left: 140px;
	border-bottom: none;
	margin-bottom: 0;
}
.block_label .input_login {
	width: 250px;
	padding: 12px;
	line-height: 16px;
}
.block_label .btn_simple {
	width: 390px;
}
.block_label .table {
	width: 100%;
}
.block_label .cell {
	vertical-align: bottom;
	padding: 10px 0;
}
.block_label a:hover {
	text-decoration: underline;
}
/* checlbox(特殊) */
label.box {
	display: block;
	cursor: pointer;
}
.label_box {
	table-layout: auto;
}
.label_box .cell, .label_box span, .label_box input {
	vertical-align: middle;
}
.box .label_box h3 {
	margin-bottom: 0;
	font-size: 20px;
	text-align: left;
	font-family:'Lora',"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif;
}
.label_box .input_s {
	margin-left: 10px;
}
.label_box .icon_check {
	display: inline-block;
	float: none;
}
.label_box .icon_check_text {
	display: inline-block;
	margin-left: 20px;
}
.label_box .icon_check:before {
	font-size: 22px;
}
label.box {
transition: background .2s
}
label.box:hover {
	background: #fcfcfc;
}
.bdbtm {
	border-bottom:#f3f3f3 solid 8px;
}
.continue {
	padding:15px 30px 0;
}
.continue.cart0 {
	padding:60px 30px;
	text-align:center;
}
.bdn {
	border:none;
}
/****************************
 SLIDEPANEL
****************************/

/* SLIDEPANEL bottom */
.panel_bottom {
	display: none;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 100;
	background: #fff;
	width: 100%;
	padding: 30px 0;
	border-top: 1px solid #e0e0e0;
}
.panel_bottom .panel_inner {
	opacity: 0;
	position: relative;
	padding: 0 25px;
	border: none;
	margin-bottom: 0;
	transition: opacity 0.4s;
}
.panel_bottom .panel_inner h3 {
	color: #000;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 30px;
}
.panel_inner h3 .guidetext {
	margin-left: 5px;
}
.panel_inner .note {
	font-size: 90%;
}
.panel_bottom.open .panel_inner {
	opacity: 1;
}
.closePanel {
	display: block;
	position: absolute;
	right: 15px;
	top: 0;
	z-index: 2;
	border: 1px solid #e0e0e0;
	color: #111;
	width: 40px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	font-size: 16px;
	box-sizing: border-box;
}
/* content */
.panel_informMail .cell {
	vertical-align: top;
}
.panel_informMail .item_img {
	width: 200px;
	padding: 10px 50px 0 0;
}
.panel_informMail input {
	width: 300px;
	margin-right: 5px;
}
.panel_informMail input, .panel_informMail button {
	vertical-align: top;
}
/* alert */
.panel_alert {
	background: #1f37c8;
	color: #fff;
	padding: 10px 0;
	border: none;
}
.panel_alert .panel_inner {
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
}
.panel_alert .closePanel {
	border: 1px solid rgba(255, 255, 255, 0.5);
	color: #fff;
}
/**/
.panel_deleteMulti .btn_icon {
	margin: 0 5px;
}
/****************************
 SLIDER 
****************************/
.slick-slider {
	position: relative;
	display: block;
	z-index: 1;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	z-index: 1;
}
.slick-track:before, .slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	vertical-align: bottom;
transition: all .2s;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
/* Arrows */
.slick-prev, .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	bottom: -30px;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
	opacity: .2;
}
.slick-prev:before, .slick-next:before {
	font-family: 'icon';
	font-size: 20px;
	line-height: 1;
	color: #000;
transition: all .2s;
}
.slick-prev {
	left: 0;
}
.slick-prev:before {
	content: '<';
}
.slick-next {
	right: 0;
}
.slick-next:before {
	content: '>';
}
.slick-prev:hover:before, .slick-next:hover:before {
	opacity: .6;
}
.slick-prev.slick-disabled:hover:before, .slick-next.slick-disabled:hover:before {
	opacity: .2;
}
/* pager */
.slick-dots {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	height: 100%;
	cursor: pointer;
	color: transparent;
	background: transparent;
	border: 0;
	outline: none;
	padding: 20px 0;
	margin: 0 5px;
}
.slick-dots li button:before {
	content: "";
	display: block;
	width: 76px;
	height: 3px;
	background: #e0e0e0;
transition: all .2s;
}
.slick-dots li button:hover {
	opacity: .6;
}
.slick-dots li.slick-active button:before {
	outline: none;
	background: #fc9393
}
/****************************
 INSTAGRAM
****************************/

.home_feed {
	margin-top: 60px;
	margin-bottom: -60px;
}
.insta_p {
	display: block;
	position: relative;
	float: left;
	width: 16.6666%;
	padding-bottom: 16.6666%;
}
.insta_p a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
}
.insta_about {
	display: block;
	float: left;
	width: 16.6666%;
	padding-bottom: 16.6666%;
	position: relative;
}
.insta_about a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #222;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
.insta_about .table {
	width: 100%;
	height: 100%;
}
.insta_about .icon {
	padding-left: 10px;
}
.logo_about {
	padding: 0 20% 20px;
	box-sizing: border-box;
}
/****************************
 SORT BAR / TAB BAR
****************************/

.sortbar {
	background: #fff;
	border-bottom: 1px solid #e0e0e0;
	margin:0 0 30px;
	padding:20px 0;
	
}
.sort_tab {
	text-align: center;
}
.sort_tab li {
	display: inline-block;
	font-weight: bold;
}
.separator {
	font-size: 10px;
	padding: 0;
	font-weight: bold;
}
.tab_item {
	width: 110px;
	cursor: pointer;
}
.tab_item span {
	display: inline-block;
	color: #aaa;
	font-size: 12px;
	line-height: 44px;
	border-bottom: 2px solid #fff;
transition: all .4s;
}
.tab_item:hover span {
	color: #000;
}
.tab_item.active span {
	color: #000;
	border-color: #000;
}
.tab_box {
	display: none;
}
/****************************
 WISHLIST BUTTON
****************************/

/* add */
.i_wish {
	position: absolute;
	z-index: 2;
	top: 7px;
	right: 7px;
	width: 30px;
	height: 30px;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	font-size: 15px;
	border-radius: 50%;
}
.i_wish:hover {
	background: #fff;
}
.i_wish.add_wishlist-active {
	opacity: 1;
}
.add_wishlist, .add_wishlist-active {
	background: transparent;
	outline: none;
	cursor: pointer;
}
.add_wishlist .icon, .add_wishlist-active .icon {
	font-family: 'icon';
}
.add_wishlist .icon:before {
	content: 'Z';
}
.add_wishlist-active .icon:before {
	content: 'W';
}
.i_wish.add_wishlist .icon {
	opacity: .5;
}
.i_wish.add_wishlist-active .icon {
	opacity: .8;
}
.btn_icon.outline.add_wishlist, .btn_small.outline.add_wishlist {
	opacity: .5;
}
.btn_icon.outline.add_wishlist:hover, .btn_small.outline.add_wishlist:hover {
	opacity: .3;
}
.btn_icon.outline.add_wishlist-active {
	opacity: 1;
	background: #fff;
	border-color: #fff;
}
.btn_small.outline.add_wishlist-active {
	opacity: 1;
}
/* remove */
.i_delete {
	position: absolute;
	z-index: 2;
	bottom: 7px;
	right: 7px;
	width: 30px;
	height: 30px;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	font-size: 17px;
	border-radius: 50%;
	opacity: 0.3;
}
.i_delete:hover {
	background: #fff;
	opacity: .8;
}
.i_select {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: none;
}
.select_wishlist, .select_wishlist-active {
	background: transparent;
	border: none;
	outline: none;
	cursor: pointer;
}
.select_wishlist .icon, .select_wishlist-active .icon {
	font-family: 'icon';
	position: absolute;
	bottom: 7px;
	right: 7px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
}
.select_wishlist .icon:before {
	content: 'j';
	color: rgba(0, 0, 0, 0.5);
}
.select_wishlist-active .icon:before {
	content: 'e';
	color: rgba(0, 0, 0, 1);
}
.select-deleteWisthlist .i_delete {
	display: none;
}
.select-deleteWisthlist .i_select {
	display: block;
}
.btn_toggle .toggle2 {
	display: none;
}
/****************************
 ITEM LIST
****************************/

.itemlist_images {
	position: relative;
}
.items_cols {
	margin: 0 -5px;
	padding:0;
}
.items_col6 {
	padding:0 20px!important;
}
.items_col4 {
	padding:0 20px!important;
}
.items_col2 {
	padding:0 20px!important;
}
.items_cols li {
	position: relative;
	font-size: 13px;
	line-height: 1.2;
	float: left;
	padding: 0 5px 30px;
	box-sizing: border-box;
}
.items_cols p {
	color: #000
}
/* 2 */
.items_col2 li {
	width: 50%;
}
.items_col2 li:nth-child(2n+1) {
clear: left;
}
/* 4 */
.items_col4 li {
	width: 25%;
}
.items_col4 li:nth-child(4n+1) {
clear: left;
}
/* 5 */
.items_col5 li {
	width: 20%;
}
.items_col5 li:nth-child(5n+1) {
clear: left;
}
/* 6 */
.items_col6 li {
	width: 16.6666%;
}
.items_col6 li:nth-child(6n+1) {
clear: left;
}
/****************************
 ITEM LIST 関連
****************************/

.i_text {
	display: block;
	height: 50px;
}
.i_status {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	margin: 8px 0 -10px;
}
.i_name {
	margin-top: 10px;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	overflow: hidden;
}
.i_price {
	font-weight: bold;
}
.items-sale .i_status, .items-sale .i_price, .items-sale .tax {
	color: #e13a56;
}
.items-sale .i_price .original {
	text-decoration: line-through;
	font-weight: normal;
}
.items-sale .i_price .icon {
	padding: 0 7px;
}
.items-pre .i_status {
	color: #fc9393;
}
.items-new .i_status {
	color: #f67b4a;
}
.itemlist_slider {
	display: block;
}
/* slider dots */
.itemlist_slider .slick-dots {
	bottom: -80px;
}
.itemlist_slider .slick-dots li {
	width: 15px;
	padding: 0;
	float: none;
}
.itemlist_slider .slick-dots li button {
	padding: 10px 0;
}
.itemlist_slider .slick-dots li button:before {
	width: 10px;
}
.itemlist_slider .slick-dots li.slick-active button:before {
	outline: none;
	background: #222;
}
/*.itemlist_slider .slick-dots li button:hover:before {outline: none; background: #000;}*/
/* slider arrow */
.itemlist_slider .slick-prev, .itemlist_slider .slick-next {
	top: 50%;
	width: 40px;
	height: 50px;
	margin-top: -25px;
	text-align: center;
}
.itemlist_slider .slick-prev {
	left: 0;
}
.itemlist_slider .slick-next {
	right: 0;
}
.itemlist_slider .slick-prev:before, .itemlist_slider .slick-next:before {
	font-size: 14px;
	line-height: 24px;
	opacity: .5;
}
.itemlist_slider .slick-prev:hover:before, .itemlist_slider .slick-next:hover:before {
	opacity: .3;
}
/* hover */
.i_wish, .itemlist_slider .slick-dots, .itemlist_slider .slick-prev, .itemlist_slider .slick-next {
	opacity: 0;
	z-index: 2;
}
.items_cols li:hover .i_wish, .items_cols li:hover .slick-dots, .items_cols li:hover .slick-prev, .items_cols li:hover .slick-next {
	opacity: 1;
}
.select-deleteWisthlist .items_cols li .i_wish, .select-deleteWisthlist .items_cols li .slick-dots, .select-deleteWisthlist .items_cols li .slick-prev, .select-deleteWisthlist .items_cols li .slick-next {
	display: none!important;
}
/****************************
 CHECLED ITEM
****************************/

.checked_list {
	margin: 0 -10px 30px;
}
.checked_list a {
	display: block;
	margin: 0 7px
}
.checked_list .slick-prev {
	left: 15px;
}
.checked_list .slick-prev:before {
	content: '←';
}
.checked_list .slick-next {
	right: 15px;
}
.checked_list .slick-next:before {
	content: '→';
}
/****************************
 RECCOMEND / RELATED ITEM
****************************/

.recommend_list {
	margin: 0 -10px;
	padding:0 0 30px;
}
.recommend_list li {
	float: left;
	width: 16.6666%;
	padding: 0 5px;
	box-sizing: border-box;
}
/****************************
 BRAND
****************************/

.brand_list {
	margin: 0 -10px 30px;
}
.brand_list li {
	width: 105px;
	margin: 0 15px
}
.brand_list .slick-prev {
	left: 15px;
}
.brand_list .slick-prev:before {
	content: '←';
}
.brand_list .slick-next {
	right: 15px;
}
.brand_list .slick-next:before {
	content: '→';
}
.brand_list .slick-slide p {
	text-align: center;
	font-size: 13px;
	color: #888;
	margin-top: 5px;
}
.sort_conditions .atoz {
	margin: 9px -5px;
}
.sort_conditions .atoz li {
	display: inline-block;
}
.sort_conditions .atoz li a {
	display: block;
	font-size: 13px;
	font-weight: bold;
	line-height: 30px;
	padding: 0 5px;
}
.sort_conditions .atoz li a.off {
	color: #e0e0e0;
	cursor: default;
}
.items_cols.brand_cols li {
	clear: none;
	margin-top: 30px;
	padding: 0 5px 30px;
	height: 140px;
	overflow: hidden;
}
.items_cols.brand_cols li p {
	width: 90%;
}
.items_cols.brand_cols .itemlist_images {
	background: #fff;
	text-align: center;
}
.items_cols.brand_cols .brand_initial {
	margin: 0 -4px -30px 4px;
	width: 16.6666%;
	float: left;
	font-weight: bold;
	font-size: 13px;
	color: #e0e0e0;
}
.items_cols.brand_cols .brand_initial.active {
	color: #fc9393;
}
/****************************
 パンくず
****************************/

.breadcrumb {
	font-size: 11px;
	padding: 30px 0 40px;
}
.breadcrumb li {
	padding-right: 10px;
	display: inline-block;
}
.breadcrumb li a, .breadcrumb li.separator {
	color: #888;
}
.breadcrumb li.home a {
	color: #222;
}
/****************************
 見出し
****************************/

.headline_simple {
	float: left;
	font-size: 12px;
}
.headline_simple h1 {
	display: inline-block;
	font-weight: normal;
	font-size: 26px;
	margin-right: 15px;
	letter-spacing: .05em;
	font-family:'Lora',"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif;
}
.headline_large {
	padding: 35px;
	margin: 0;
	font-size: 20px;
	border-bottom: 1px solid #e0e0e0;
	font-family:'Lora',"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif;
	position: relative;
	box-sizing: border-box;
}
.headline_large {
	table-layout: auto;
}
.t_sub {
	font-weight: bold;
	color: #888;
	font-size: 12px;
	display: inline-block;
	margin-right: 15px;
}
.t_main {
	font-weight: bold;
	letter-spacing: 0.05em;
	font-size: 24px;
	display: inline-block;
}
.headline_aside {/*position: absolute; right: 30px; top: 50%;*/
	margin-top: -0.75em;
	vertical-align: middle;
	padding-left: 15px;
	min-width: 100px;
	text-align: right;
}
.headline_aside .btn_simple {
	padding: 10px 20px;
	margin: -10px -10px -10px 20px;
	min-width: 100px;
}
.headline_image {
	position: relative;
	padding-bottom: 40px;
	margin-bottom: 30px;
	color: #fff;
	background-position: center;
	background-size: cover;
}
.headline_image .breadcrumb li a, .headline_image .breadcrumb li.separator {
	color: #fff;
}
.headline_image .headline_title {
	height: 180px;
	font-size: 54px;
	line-height: 1.2;
	letter-spacing: 0.15em;
}
.headline_image .headline_title h1 {
	font-weight: bold;
}
.headline_image .cell {
	vertical-align: middle;
	padding-bottom: 40px;
}
.headline_userguide {
	background-image: url(https://canalize.net/wp-content/themes/twentysixteen/common/img/bg_userguide.jpg);
}
.headline_userguide .mark {
	padding-bottom: 20px;
	margin-top: -20px;
}
.headline_about {
	background-image: url(https://canalize.net/wp-content/themes/twentysixteen/common/img/bg_about.jpg);
}
.headline_text {
	text-align: center;
	padding-top: 30px;
	margin-bottom: 30px;
}
.headline_text h1, .headline_text h2 {
	font-size: 46px;
	letter-spacing: .05em;
}
.t_count {
	font-weight: bold;
	font-size: 11px;
}
.t_count .num {
	color: #fc9393;
	font-size: 14px;
	margin-right: 5px;
	letter-spacing: 0.1em;
}
/****************************

購入フローFOOTER

****************************/

.cart_footer {
	margin-top: 30px;
	margin-bottom: 30px;
}
.cart_footer hr {
	margin-bottom: 15px;
}
.cart_footer .f_nav {
	float: left;
}
.cart_footer .f_copyright {
	float: right;
	clear: none;
}
.post_detail strong {
	font-weight: bold;
}
.post_detail h1 {
	font-size: 1.5em;
}
.post_detail h2 {
	font-size: 1.3em;
}
.post_detail h3 {
	font-size: 1.2em;
}
.post_detail h4 {
	font-size: 1.1em;
}
.post_detail h5 {
	font-size: 1em;
}
.post_detail h6 {
	font-size: 0.8em;
}
.post_detail em {
	font-style: italic;
}
.post_detail del {
	text-decoration: line-through;
}
 @media print, screen and (min-width: 768px) and (max-width: 979px) {
 .container {
width: 100%;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
background:#fff;
padding:81px 0 0;
}
.items_col6 {
padding:20px!important;
}
.items_col4 {
padding:20px!important;
}
.items_col2 {
padding:20px!important;
}
.message_box {
 text-align: center;
 padding: 40px 25px!important;
}
}
 @media screen and (max-width: 767px) {
.guidetext {
 display:none;
}
.container {
 width: 100%;
 box-sizing: border-box;
 margin-right: auto;
 margin-left: auto;
 background: #fff;
 padding: 51px 0 0;
}
.continue {
 padding: 0 20px 20px;
 text-align: center;
}
.box h3 {
 font-size: 20px;
}
.message_box {
 text-align: center;
 padding: 20px 20px!important;
}
.big_message {
 font-size: 17px;
 padding-bottom: 1em;
 line-height: 1.4;
 
}
.headline_simple h1 {
 margin-right:0;
}
 .items_col6 {
padding:20px!important;
}
.items_col4 {
padding:20px!important;
}
.items_col2 {
padding:20px!important;
}
 .page_block h2 {
 font-size: 14px;
 margin-bottom: 10px;
 font-weight:bold;
}
.page_block h3 {
 font-size: 16px!important;
 margin: 1em 0 1em;
 text-align: left!important;
 font-weight:bold;
}
}