@charset "utf-8";

/*==============================================================================
  
 【usces_cart.css】- 販売商品用スタイルシート
  
  <目次>
	 # 商品一覧
   # 商品詳細
   # カートの中
   # お客様情報
   # 発送・支払方法
   # 内容確認
	 # パスワードをお忘れの方
	 # 会員ログイン
	 # マイページ
   # 右カラム
	 # アラート
	 # 特設詳細ページ
  
==============================================================================*/

body {
	counter-reset: number;
}
.indent {
	padding-left: 1em;
	text-indent: -1em;
}
.indent2em {
	padding-left: 2em;
	text-indent: -2em;
}
.indent2-5em {
	padding-left: 2.5em;
	text-indent: -2.5em;
}
table.sp-style th {
	vertical-align: middle;
}
table.sp-style td {
	background: #FFF;
}
.mincho {
	font-family: "游明朝", YuMincho, "游明朝 Medium", "YuMincho M", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Mincho", serif;
}
.big {
	font-size: 180% !important;
}

@media only screen and (max-width: 768px) {
table.sp-style th, table.sp-style td {
	display: block;
	width: 100%;
	box-sizing: border-box;
}
table.sp-style th {
	padding: 10px 15px;
	border: none;
}
.big {
	font-size: 140% !important;
}
}

/*******************
  商品一覧
*******************/
.item-list-wrapper {
	display: flex;
	flex-wrap: wrap;
}
.item-list-wrapper .item-list-inner {
	width: 24%;
	margin: 0 0 2% 1%;
}
.item-list-wrapper .item-list-inner:nth-child(4n+1) {
	margin-left: 0;
}
.item-list-wrapper .item-list-inner .item-list-link {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: calc(100% - 20px);
	padding: 10px;
	background: #fff;
	color: #333;
	text-decoration: none;
	border: 1px solid #e7e3d7;
  transition: 0.2s;
}
.item-list-wrapper .item-list-inner .genre {
	margin: -10px -10px 10px;
	padding: 5px 10px;
	background: #333;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
}
.item-list-wrapper .item-list-inner .genre.item-choco {
	background: #e80037;
}
.item-list-wrapper .item-list-inner .genre.item-coffee {
	background: #6a3a09;
}
.item-list-wrapper .item-list-inner .item-img {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-top: 100%;
	margin: 0 0 10px;
	overflow: hidden;
}
.item-list-wrapper .item-list-inner .item-img img {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: auto;
	transform: translate(0, -50%);
}
.item-list-wrapper .item-list-inner .item-title {
	margin: 0 0 auto;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.2;
}
.item-list-wrapper .item-list-inner .item-price {
	margin-top: 10px;
	color: #d63432;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: right;
}
.item-list-wrapper .item-list-inner div.item-list-link .item-img {
	background: #edece9;
}
.item-list-wrapper .item-list-inner .item-img .item-text {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 10px;
}
#post .item-list-wrapper .item-list-inner .item-img .item-text p {
	margin: 0;
	color: #211715;
	font-size: 85%;
	line-height: 1.2;
}
.fancybox-slide--html .fancybox-close-small {
	padding: 0 !important;
	background: #d63432;
}
.fancybox-button svg {
	color: #fff;
}
@media only screen and (min-width: 769px) {
.item-list-wrapper .item-list-inner a:hover {
	background: #faf5e9;
	border: 1px solid #d63432;
}
}
@media only screen and (max-width: 768px) {
.item-list-wrapper .item-list-inner {
	width: 49%;
	margin: 0 0 2% 2%;
}
.item-list-wrapper .item-list-inner:nth-child(odd) {
	margin-left: 0;
}
}

/* ポップアップ内
*******************/
dl.item-list {
	display: flex;
	box-sizing: border-box;
	max-width: 1200px;
	max-height: calc(100vh - 100px);
	overflow: hidden;
}
dl.item-list p {
	text-align: left;
	font-size: 1.5rem;
	line-height: 180%;
	margin-bottom: 30px;
}
dl.item-list > dt {
	position: relative;
	width: 50%;
	margin-right: 3%;
}
dl.item-list > dd {
	flex: 1;
	padding: 30px;
	background: #faf5e9;
	overflow-y: scroll;
}
dl.item-list > dd > h3 {
	margin: 1em 0 1.5em;
	padding: 0;
	background: none;
	color: #333;
	font-family: "游明朝", YuMincho, "游明朝 Medium", "YuMincho M", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Mincho", serif;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.2;
	border: none;
	box-sizing: border-box;
}
dl.item-list > dd > h3 .item-code {
	display: block;
	color: #999;
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif;
	font-size: 1.4rem;
}
dl.item-list > dd .item-list-body .error_message {
	margin-bottom: 0;
}
.error_box {
	margin-bottom: 20px;
	font-size: 1.4rem;
	line-height: 1.6;
	background: #db3434;
	padding: 5px 10px;
	border-radius: 4px;
	color: #fff;
}
.update_box {
	margin-bottom: 20px;
	font-size: 1.4rem;
	line-height: 1.6;
	background: #539941;
	padding: 5px 10px;
	border-radius: 4px;
	color: #fff;
}
div.item-details-btn {
	margin: 0 0 2em;
	text-align: center;
}
div.item-details-btn a {
	display: inline-block;
	padding: 6px 30px;
	background: #fa9402;
	color: #FFF;
	font-weight: bold;
	border-radius: 100px;
	transition: 0.2s;
}
div.item-details-btn a:hover {
	text-decoration: none;
	opacity:0.8;
}
nav.ancher_nav ul {
	display: flex;
	flex-wrap: wrap;
}
nav.ancher_nav ul li {
	margin: 0 15px 5px 0;
}
nav.ancher_nav ul li a {
	position: relative;
	display: block;
	padding: 8px 20px;
	color: #211715;
	font-size: 1.6rem;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #211715;
	border-radius: 100px;
	transition: 0.3s;
}
nav.ancher_nav ul li a:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 6px;
	border-style: solid;
	border-width: 10px 6px 0 6px;
	border-color: #211715 transparent transparent transparent;
}
nav.ancher_nav ul li a:hover {
	opacity: 0.7;
}
dl.item-list > dd .item-list-wide {
	flex: none;
	width: 100%;
	margin: 20px 0 0;
}

/* 募金・寄付
*******************/
dl.item-list ul.donate-list {
	margin-bottom: 0;
}
dl.item-list ul.donate-list > li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
  align-items: center;
	margin-bottom: 20px;
	padding: 20px;
	background: #FFF;
	border: 1px solid #e7e3d7;
}
dl.item-list ul.donate-list > li:last-child {
	margin-bottom: 0;
}
dl.item-list ul.donate-list dl {
	flex: none;
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	padding: 10px 15px;
	background: #e1d7c1;
	color: #211715;
	font-size: 1.8rem;
	font-weight: bold;
	box-sizing: border-box;
}
dl.item-list ul.donate-list dt {
	margin: 0 10px 0 0;
	font-size: 1.8rem;
}
dl.item-list ul.donate-list dd {
	margin: 0;
}
dl.item-list ul.donate-list div.skuform {
	width: 48%;
	text-align: right;
}
dl.item-list ul.donate-list div.skuform div.donate-cart {
	width: 100%;
}
dl.item-list ul.donate-list.half > li {
	padding: 10px;
}
@media only screen and (min-width: 769px) {
dl.item-list ul.donate-list p {
	width: 50%;
	margin-bottom: 0;
}
dl.item-list ul.donate-list.half div.skuform {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
dl.item-list ul.donate-list.half div.skuform input.skuquantity {
	margin-bottom: 0!important;
}
dl.item-list ul.donate-list.half div.skuform div.donate-quantity {
	width: 46%;
}
dl.item-list ul.donate-list.half div.skuform div.donate-cart {
	width: 50%;
}
}
@media only screen and (max-width: 768px) {
dl.item-list {
	display: block;
	width: 100%;
	max-height: 100%;
}
dl.item-list > dt {
	position: relative;
	width: 100%;
	margin: 0 0 10px;
}
dl.item-list > dd {
	padding: 15px;
	margin-bottom: 0;
	overflow: auto;
}
dl.item-list > dd > h3 {
	font-size: 2.2rem;
}
nav.ancher_nav ul li {
	margin: 0 10px 5px 0;
}
nav.ancher_nav ul li a {
	padding: 8px 15px;
	font-size: 1.4rem;
}
nav.ancher_nav ul li a:before {
	margin-right: 4px;
	border-width: 6px 4px 0 4px;
	vertical-align: middle;
}

/* 募金・寄付
*******************/
dl.item-list ul.donate-list > li {
	display: block;
	padding: 10px;
}
dl.item-list ul.donate-list dl {
	display: block;
	padding: 10px;
}
dl.item-list ul.donate-list dt {
	margin: 0;
}
dl.item-list ul.donate-list dd {
	text-align: right;
}
dl.item-list ul.donate-list div.skuform {
	display: block;
	width: 100%;
}
}

/*******************
  商品詳細
*******************/

/* レイアウト
*******************/

body#shop #container {
	overflow: hidden;
}
body#shop #contentsWrapper {
	background: #faf5e9;
}
body#shop #contentsArea aside {
	position: relative;
}
/*#contentsArea.shopping {
	background: #faf5e9;
}*/
div.bg-white {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 980px;
	background: #FFF;
}
div.bg-white:before, div.bg-white:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	background: #FFF;
}
div.bg-white:before {
	left: -100%;
}
div.bg-white:after {
	right: -100%;
}

@media only screen and (min-width: 769px) {
body#shop header {
	margin-bottom: 0;
}
body#shop #contentsWrapper {
	padding-top: 30px;
}
body#shop #contentsArea.shopping #mainArea {
	margin: 0 30px 0 0;
}
body#shop .itempage-wrapper {
	display: flex;
	margin-bottom: 40px;
}
body#shop .itempage-wrapper .itemimg-meta {
	width: 41%;
	margin-right: 4%;
}
body#shop .itempage-wrapper .itemtext-body {
	width: 55%;
}
}

@media only screen and (max-width: 768px) {
body#shop #contentsArea.shopping main {
	margin: 0;
}
body#shop #contentsArea aside {
	position: relative;
	margin-bottom: 0;
	padding-bottom: 80px;
	background: #FFF;
}
body#shop #contentsArea aside:before, body#shop #contentsArea aside:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	background: #FFF;
}
body#shop #contentsArea aside:before {
	left: -100%;
}
body#shop #contentsArea aside:after {
	right: -100%;
}
body#shop .itempage-wrapper {
	overflow: hidden;
	margin-bottom: 40px;
}
body#shop .itempage-wrapper .itemimg-meta {
	float: left;
	clear: left;
	width: 55%;
	margin-right: 4%;
}
}

/* 商品タイトル
*******************/

div.item-title {
	font-family: "游明朝", YuMincho, "游明朝 Medium", "YuMincho M", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Mincho", serif;
	font-weight: bold;
}
div.item-title h1 {
	padding-top: 5px;
	font-size: 3.6rem;
	line-height: 1.2;
}
div.item-title .item-code {
	display: block;
	color: #999;
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif;
	font-size: 1.4rem;
}

@media only screen and (max-width: 768px) {

div.item-title h1 {
	margin-bottom: 10px;
	padding-top: 0;
	font-size: 2.4rem;
}
div.item-title .item-code {
	font-size: 1.3rem;
	line-height: 1.6;
}

}

/* 商品写真
*******************/

/*div.itemimg {
	position: relative;
	padding: 0 0 40px;
	overflow: hidden;
}
div.itemimg > a {
	display: block;
	float: right;
	clear: right;
	width: 77%;
	margin-left: 3%;
}
div.itemimg > a > img {
	display: block;
	width: 100%;
	height: auto;
}
div.itemsubimg {
	margin-right: 80%;
}
div.itemsubimg a {
	display: block;
	margin-top: 2%;
}
div.itemsubimg a:first-child {
	margin-top: 0;
}
div.itemsubimg a img {
	width: 100%;
	height: auto;
}*/
.swiper-container {
	height: calc(100vh - 100px);
}
.swiper-slide {
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 0;
}
.swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.gallery-top {
	margin-bottom: 20px;
}
.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 0 !important;
}
:root {
  --swiper-theme-color: #d63432 !important;
}
.swiper-button-next, .swiper-button-prev {
	width: 30px !important;
	height: 30px !important;
}
.swiper-button-next {
	right: 0 !important;
}
.swiper-button-prev {
	left: 0 !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
	position: absolute;
	top: 50%;
	width: 12px;
	height: 12px;
	margin-top: -2px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
.swiper-button-next:after {
	right: 16px;
	transform: rotate(45deg) translateY(-50%);
}
.swiper-button-prev:after {
	left: 8px;
	transform: rotate(225deg) translateY(50%);
}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
	background: #211715;
}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
	background: rgba(255,255,255,0.75);
}
.swiper-button-next.swiper-button-black:after, .swiper-button-prev.swiper-button-black:after {
	border-color: #333;
	border-color: #211715;
}
@media only screen and (max-width: 768px) {
.swiper-container {
	height: auto;
}
div.itemimg {
	padding: 0 0 20px;
}
div.itemimg > a {
	float: none;
	width: 100%;
	margin-left: 0;
}
div.itemsubimg {
	display: flex;
	margin-right: 0;
	margin-top: 10px;
}
div.itemsubimg a {
	display: block;
	width: 19%;
	margin-top: 0;
	margin-left: 1%;
}
div.itemsubimg a:first-child {
	margin-left: 0;
}
.itemimg-meta .swiper-button-next, .itemimg-meta .swiper-button-prev {
	width: 30px !important;
	height: 30px !important;
}
.itemimg-meta .swiper-button-next:after, .itemimg-meta .swiper-button-prev:after {
  font-size: 14px !important;
}
}

/* 商品紹介
*******************/

div.collaboration-body {
	position: relative;
}
#shop div.collaboration-body {
	padding: 60px 0 80px;
}
div.collaboration-body section {
	position: relative;
}
#mainArea h2 {
	position: relative;
	display: block;
	font-size: 2.2rem;
	color: #211715;
	border-bottom: none;
}
#mainArea h2:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 5px;
	background: #000;
	background-color: #bcb9b8;
	background-image: linear-gradient(-45deg, #FFF 25%, #bcb9b8 25%, #bcb9b8 50%, #FFF 50%, #FFF 75%, #bcb9b8 75%, #bcb9b8);
	background-size: 8px 8px;
}
div.collaboration-item-info {
	padding: 30px;
	background: #f4f3f3;
}
div.collaboration-item-info table {
	margin-bottom: 20px;
}
#post div.collaboration-item-info table caption {
	margin-bottom: 15px;
	color: #211715;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: left;
}
div.collaboration-item-info th  { 
	background: none; 
	color:#333;
	text-align: center;
	white-space: nowrap;
	border: none;
}
div.collaboration-item-info td  { 
	border: none;
	vertical-align:middle;
}
div.collaboration-item-info th ,div.collaboration-item-info td,div.collaboration-item-info tr:last-child th { 
	border-bottom: 1px dotted #a09b9a;
}
div.collaboration-item-info tr:first-child th,div.collaboration-item-info tr:first-child td  { 
	border-top: 1px dotted #a09b9a;
}
div.collaboration-item-info tr th:first-child  {
	border-left: none;
}

@media only screen and (max-width: 768px) {

div.collaboration-body {
	background: #FFF;
}
#shop div.collaboration-body {
	padding: 40px 0 1px;
}
#mainArea h2 {
	font-size: 1.8rem;
}
div.collaboration-item-info {
	padding: 20px;
}
#post div.collaboration-item-info table caption {
	margin-bottom: 15px;
	font-size: 1.6rem;
}
div.collaboration-item-info th, div.collaboration-item-info td {
	display: block;
	padding: 5px;
}
div.collaboration-item-info th {
	padding: 8px 5px 0;
	text-align: left;
}
div.collaboration-item-info th,div.collaboration-item-info tr:last-child th { 
	border-bottom: none;
}
div.collaboration-item-info tr:first-child td { 
	border-top: none;
}
div.collaboration-item-info td { 
	border-bottom: 1px dotted #a09b9a;
}
div.collaboration-item-info tr:first-child th { 
	border-top: 1px dotted #a09b9a;
}
div.collaboration-item-info tr th:first-child {
	border-left: none;
}

}

/* 商品カート
*******************/

body#shop h2.item_name {
	margin-bottom: 15px;
	padding: 0;
	background: none;
	font-family: "游明朝", YuMincho, "游明朝 Medium", "YuMincho M", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Mincho", serif;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.2;
	border: none;
}
div.collaboration-item-cart {
	margin-bottom: 40px;
}
.field {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	margin: 0 0 20px;
	color: #666;
	font-size: 1.4rem;
}
.field .field_name .tax {
	font-size: 1.1rem;
	font-style: normal;
}
.field .field_cprice {
	margin-right: 2rem;
	color: #211715;
	font-size: 1.6rem;
	font-weight: bold;
}
.field .field_price {
	color: #211715;
	font-size: 2.4rem;
	font-weight: bold;
}
table.layout {
	width: auto;
	margin-bottom: 30px;
}
table.layout th, table.layout td  { 
	padding: 0 0 10px;
	border: none;
}
table.item_option {
	margin-bottom: 20px;
	line-height: 100%;
}
table.item_option caption {
	display: table-caption !important;
	width: 100%;
	margin-bottom: 0 !important;
	padding: 0 0 5px;
	color: #666;
	text-align: left;
	border-bottom: 1px dotted #96938c;
}
table.item_option th, table.item_option td {
	padding: 8px 5px;
	border: none;
	vertical-align: middle;
	border-bottom: 1px dotted #96938c;
}
table.layout th, table.item_option th {
	background: none; 
	color:#333;
	text-align: right;
	white-space: nowrap;
}
table.layout tr th:first-child, table.item_option tr th:first-child  {
	border-left: none;
}
table.item_option tr:last-child th {
	border-bottom: 1px dotted #96938c;
}
table.item_option td label {
	margin: 0;
}
div.skuform input.skuquantity {
	width: 40px !important;
	margin: 0 0 20px !important;
	text-align: right;
	-moz-appearance:textfield;
}
div.skuform input.skuquantity::-webkit-outer-spin-button,
div.skuform input.skuquantity::-webkit-inner-spin-button{
	-webkit-appearance: none; 
}
input[type="button"].btnspinner {
	width: 26px;
	margin: 0 5px;
	padding: 6px 5px 4px;
	color: #FFF;
	background: #211715;
	vertical-align: middle;
}
div.skuform input.skubutton {
	display: block !important;
	width: 100%;
	margin: 0;
	padding: 12px 10px 12px 40px;
	font-weight: bold;
	background: #d63432 url(images/item/cart_white.svg) no-repeat calc(50% - 4em) center;
	background-size: auto 50%;
}

@media only screen and (max-width: 768px) {
body#shop h2.item_name {
	font-size: 2.0rem;
}
input[type="button"].btnspinner {
	width: 36px;
}
.field {
	display: block;
	font-size: 1.3rem;
	text-align: right;
	line-height: 170%;
}
.field .field_cprice,
.field .field_price {
	margin: 0 0 10px;
}
}

/* カートバナー
*******************/

div.skuform.fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	background: #faf5e9;
	box-shadow: 1px 0 5px rgb(0 0 0 / 20%);
	box-sizing: border-box;
	overflow: hidden;
	z-index: 100;
}
div.skuform.fixed table.item_option {
	float: left;
	clear: left;
	width: 40%;
	margin-bottom: 0;
}
div.skuform.fixed table.item_option caption {
	display: none !important;
}
div.skuform.fixed table.item_option th, div.skuform.fixed table.item_option td,div.skuform.fixed table.item_option tr:last-child th {
	border-bottom: none;
}
div.skuform.fixed > div {
	display: flex;
	align-items: center;
	float: right;
	clear: right;
	width: 58%;
	margin-top: 0 !important;
}
div.skuform.fixed input.skuquantity {
	width: 30% !important;
	margin: 10px !important;
}
div.skuform.fixed input.skubutton {
	width: 50%;
	margin: 0 0 0 2rem;
	padding: 12px 10px 12px 20%;
	background-position: 30% center;
}
div.skuform.fixed .error_message {
	margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
div.skuform input.skubutton.fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	border: 10px solid #faf5e9;
	box-shadow: 1px 0 5px rgb(0,0,0,0.2);
	box-sizing: border-box;
	z-index: 100;
}
}

/*******************
  カートの中
*******************/

/* 購入フロー
*******************/
.usccart_navi{
	margin-bottom: 60px;
}
ol.ucart{
	display: flex;
	justify-content: center;
	padding-left: 0 !important;
}
ol.ucart li {
	position: relative;
	width: 25%;
	padding: 0 30px !important;
	color: #444;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	list-style-type: none !important;
	box-sizing: border-box;
	counter-reset: section;
}
ol.ucart li:after {
	content: '';
	position: absolute;
	top: 13px;
	left: 0;
	width: 100%;
	height: 3px;
	background: #DDD;
	z-index: 0;
}
ol.ucart li:before {
	counter-increment: number;
	content: counter(number);
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto 5px;
	background: #acacac;
	color: #FFF;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	border-radius: 100px;
	z-index: 1;
}
ol.ucart li:first-child:after {
  left: 50%;
}
ol.ucart li:last-child:after {
  width: 50%;
}
ol.ucart li.usccart_cart,
ol.ucart li.usccart_customer,
ol.ucart li.usccart_delivery,
ol.ucart li.usccart_confirm {
	color: #211715;
}
ol.ucart li.usccart_cart:before,
ol.ucart li.usccart_customer:before,
ol.ucart li.usccart_delivery:before,
ol.ucart li.usccart_confirm:before {
  background: #211715;
}
.error_message {
	margin-bottom: 20px;
	color: #F00;
	font-size: 1.4rem;
	line-height: 1.6;
}
.error_message:not(:empty) {
	padding: 0 15px 15px;
	background: #ffefef;
	border: 2px solid;
}
.error_message:not(:empty):before {
	content: '入力エラーがあります。';
	display: block;
	margin: 0 -15px 15px;
	padding: 5px 15px;
	background: #f00;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
#post .caution {
	display: inline-block;
	padding-left: 25px;
	background: url(images/item/caution_red.svg) no-repeat 0 0;
	background-size: 18px auto;
	color: #F00;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: left;
	line-height: 1.5;
}
.tab-layout {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-bottom: 1.5em;
}
.tab-layout .tab-input {
  display: none;
}
.tab-layout:after {
  content: '';
  width: 100%;
  height: 2px;
  background: #211715;
  display: block;
  order: -1;
  margin-top: -2px;
  position: relative;
  z-index: 1;
}
.tab-layout .tab-label {
	flex: 1;
  order: -1;
  position: relative;
  min-width: 10%;
  padding: 12px 10px;
  background: #acacac;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
}
.tab-layout .tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.tab-layout .tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.tab-layout .tab-input:checked+.tab-label {
  padding: 15px 10px;
  background: #211715;
}
.tab-layout .tab-input:checked+.tab-label+.tab-content {
  height: auto;
	padding-top: 20px;
  opacity: 1;
  transition: .5s opacity;
}

@media only screen and (max-width: 768px) {
.usccart_navi{
	margin-bottom: 40px;
}
ol.ucart li {
	flex: 1;
	width: auto;
	padding: 0 5px !important;
	font-size: 1.2rem;
}
}

/* ボタン
*******************/

.upbutton {
	overflow: hidden;
}
.upbutton input[name="upButton"] {
	float: right;
	clear: right;
	width: auto;
	margin: 0 0 20px 20px;
	font-size: 1.4rem;
}

@media only screen and (max-width: 768px) {
.upbutton input[name="upButton"] {
	margin: 10px 0 20px;
	font-size: 1.4rem;
}
}

/* #cart_table
*******************/

#cart_table{
	margin-bottom: 15px;
}
#cart_table th, #cart_table td{
	padding: 10px;
	background: #FFF;
	text-align: center;
	vertical-align: middle;
}
#cart_table th{
	padding: 5px 10px;
	background: #DDD;
	color: #211715;
	font-size: 0.9em;
	white-space: nowrap;
}
#cart_table tr th:first-child {
	border-left: none;
}
.tax{
	font-size: 11px;
	font-style: normal;
}
.aleft{
	text-align: left !important;
}
.aright{
	text-align: right !important;
}
#cart_table .productname{
	width: 28%;
}
#cart_table td.quantity{
	width: 23%;
}
#cart_table .delButton {
	width: auto;
	padding: 5px 10px;
	background-color: #676565;
	font-size: 100%;
	letter-spacing: 0;
	border-radius: 3px;
}
#cart_table input.quantity {
	width: 40px !important;
	margin: 0 !important;
	text-align: right;
	-moz-appearance:textfield;
}
#cart_table input.quantity::-webkit-outer-spin-button,
#cart_table input.quantity::-webkit-inner-spin-button{
	-webkit-appearance: none; 
}
@media only screen and (max-width: 768px) {

#cart_table {
	background: #FFF;
	border: 1px solid #DDD;
}
#cart_table thead,
#cart_table tfoot .num,
#cart_table tfoot .thumbnail,
#cart_table tfoot .stock,
#cart_table tfoot .action{
	display: none !important;
}
#cart_table th, #cart_table td{
	padding: 5px;
	font-size: 0.9em;
	border: none;
	box-sizing: border-box;
}
#cart_table th, #cart_table td{
	display: block;
	width: 100%;
	padding: 5px;
	font-size: 0.9em;
	border: none;
	box-sizing: border-box;
}
#cart_table td.num,
#cart_table td.thumbnail,
#cart_table td.productname{
	display: inline-block;
	width: auto;
}
#cart_table td.num {
	width: 10%;
}
#cart_table td.thumbnail {
	width: 20%;
}
#cart_table td.productname {
	width: 70%;
}
#cart_table td.unitprice,
#cart_table td.quantity,
#cart_table td.subtotal {
	display: inline-block;
	width: auto;
}
#cart_table td.unitprice {
	width: 20%;
	text-align: right;
}
#cart_table td.quantity {
	width: 50%;
	text-align: right;
}
#cart_table td.quantity input[type="button"].btnspinner {
	width: 26px;
}
#cart_table td.subtotal {
	width: 30%;
}
#cart_table input.quantity{
	width: 35%;
}
#cart_table td.unitprice:before,
#cart_table td.quantity:before,
#cart_table td.subtotal:before {
	color: #666;
	font-size: 1.2rem;
}
#cart_table td.unitprice:before {
	content: '単価：';
}
#cart_table td.quantity:before {
	content: '数量：';
}
#cart_table td.subtotal:before {
	content: '金額（税込）：';
}
#cart_table td.stock {
	text-align: left;
}
#cart_table td.action {
	border-bottom: 1px solid #DDD;
}
#cart_table .totallabel,
#cart_table .totalend{
	display: inline-block;
	width: auto;
}
#cart_table .totallabel {
	width: 80%;
}
#cart_table .totalend{
	width: 20%;
}
#cart_table .delButton {
	width: 100%;
}

}

/* .send
*******************/

.send {
	margin: 40px 0 0;
	text-align: center;
	letter-spacing: -.40em;
}
.send input {
	display: inline-block;
	width: 30%;
	margin: 0 5px;
	padding: 10px;
	letter-spacing: normal;
	vertical-align: middle;
}
.send a {
	display: block;
	letter-spacing: normal;
	vertical-align: middle;
}
.send .agree {
	margin: -20px 0 15px;
	letter-spacing: normal;
}
.shopping form .send input[disabled] {
  opacity: 0.8;
	background: #b1b1b1;
	cursor: auto;
}

@media only screen and (max-width: 768px) {
.send {
	margin: 20px 0 0;
}
.send input {
	width: 48%;
	margin: 0 1% 2%;
}
.send input.to_reganddeliveryinfo_button {
	width: 60%;
}
.send .agree {
	margin-top: -10px;
}
}

.agree-block {
	display: inline-block;
	margin: 40px 0 0;
	padding: 20px;
	background: #fff2f2;
	border: 2px solid #d63432;
	border-radius: 6px;
}
#post ul.link-text {
	display:flex;
  flex-wrap: wrap;
	justify-content: center;
  margin: 20px 0 0;
}
#post ul.link-text li {
	margin: 0 10px;
}
#post ul.link-text a {
	position: relative;
	display: block;
	padding-left: 12px;
}
#post ul.link-text a:before {
	content: '';
	position: absolute;
	top: 2px;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #d63432;
}
@media only screen and (max-width: 768px) {
.agree-block {
	padding: 10px;
}
#post ul.link-text li {
	width: calc(50% - 10px);
	margin: 5px;
	text-align: left;
}
#post ul.link-text a {
	padding: 10px 10px 10px 22px;
	background: #fff;
	border: 1px solid;
	border-radius: 50vh;
}
#post ul.link-text a:before {
	top: 13px;
	left: 10px;
}
}

/*******************
  お客様情報
*******************/

#customer-info h5 {
	margin-bottom: 0;
	padding: 10px;
	background: #676565;
	color: #FFF;
	font-size: 1.8rem;
	border-radius: 3px 3px 0 0;
}
form table.customer_form:first-child {
	border-top: 1px dotted #bfbcb3;
}
form[name="customer_loginform"],form[name="customer_form"] {
	margin-bottom: 60px;
	/*max-width: 660px;
	margin: 0 auto 30px;
	padding: 20px;
	background: #e9e1cf;*/
}
table.customer_form {
	margin-bottom: 0;
}
table.customer_form th, table.customer_form td  { 
	padding: 10px;
	border: none;
	border-bottom: 1px dotted #bfbcb3;
}
table.customer_form th {
	background: none; 
	color:#333;
	white-space: nowrap;
	vertical-align: middle;
}
table.customer_form tr:last-child th {
  border-bottom: 1px dotted #bfbcb3;
}
table.customer_form tr th:first-child {
	border-left: none;
}
table.customer_form th em {
	color: #d63432;
	font-size: 1.4rem;
	font-style: normal;
}
table.customer_form input#zipcode {
	width: 35% !important;
}
table.customer_form input#search_zipcode {
	width: 20% !important;
	margin: 0 1rem;
	padding: 10px;
	font-size: 1.4rem;
}
table.customer_form input[name="customer[password1]"],
table.customer_form input[name="customer[password2]"]{
	width: 20%;
	margin-right: 1rem;
}
table.customer_form input[name="customer[name1]"],
table.customer_form input[name="customer[name2]"],
table.customer_form input[name="customer[name3]"],
table.customer_form input[name="customer[name4]"],
table.customer_form input[name="delivery[name1]"],
table.customer_form input[name="delivery[name2]"],
table.customer_form input[name="delivery[name3]"],
table.customer_form input[name="delivery[name4]"] {
	width: 85% !important;
	margin-left: 1rem !important;
}
table.customer_form input#tel, table.customer_form input#fax {
	width: 40% !important;
	margin-right: 1rem;
}
table.customer_form select {
	width: auto;
}

@media only screen and (max-width: 768px) {
#customer-info h5 {
	font-size: 1.6rem;
}
table.customer_form th, table.customer_form td {
	display: block;
	width: 100%;
	padding: 5px 10px 10px;
	box-sizing: border-box;
}
table.customer_form th,table.customer_form tr:last-child th {
	padding: 10px 10px 0;
	white-space: normal;
	border-bottom: none;
}
table.customer_form input#search_zipcode {
	width: 30% !important;
}
table.customer_form input#tel, table.customer_form input#fax {
	width: 60% !important;
}
}

/*******************
  発送・支払方法
*******************/

table.customer_form dl {
	margin-bottom: 0 !important;
}
table.customer_form dt {
	margin-bottom: 0 !important;
	font-size: 1.5rem !important;
}
table.customer_form dd {
	margin-left: 20px;
}
table#time th {
	width: 140px;
}
div.header_explanation,div.footer_explanation {
	margin: 15px 0;
	font-size: 1.4rem;
	line-height: 1.8;
}
div.footer_explanation {
	padding: 20px;
	border-radius:10px;
	background: #fff3d2;
}
div.header_explanation:empty,div.footer_explanation:empty {
	margin: 0;
	padding: 0;
}
@media only screen and (max-width: 768px) {
table#time th {
	width: 100%;
}
div.footer_explanation {
	padding: 15px;
}
div.footer_explanation:empty {
	padding: 0;
}
}

/* クレジットカード情報
*******************/

.ui-dialog-titlebar {
	padding: 10px 36px 0 16px !important;
	background: none !important;
	color: #333;
	border-bottom: none !important;
}
.ui-dialog-content {
	padding: 20px !important;
}
input#cardno {
  width: 60%;
	margin: 1px 1rem 1rem 0;
	padding: 6px;
	box-sizing: border-box;
}
input#seccd {
  width: 60%;
	margin-right: 1rem;
	padding: 6px;
	box-sizing: border-box;
}
select#expmm,select#expyy {
	padding: 6px;
	margin-right: 5px;
}
.attention {
	margin-bottom: 1rem;
	padding-left: 1em;
	color: #d63432;
	font-size: 1.4rem;
	text-indent: -1em;
}
.settlement_form_send input#escott_token_cancel,.settlement_form_send input#escott_token_next {
	font-size: 1.6rem;
	border-radius: 3px;
	letter-spacing: 0;
	cursor: pointer;
}

@media only screen and (max-width: 768px) {
.ui-dialog-content {
	padding: 20px 10px !important;
}
input#cardno {
  width: 100%;
	margin: 0 0 5px;
}
input#seccd {
  width: 100%;
	margin-right: 0;
	margin-bottom: 5px;
}
select#expmm,select#expyy {
	padding: 6px;
	margin-right: 5px;
}
.settlement_form_send input#escott_token_cancel,.settlement_form_send input#escott_token_next {
	width: 47%;
}
}

/*******************
  内容確認
*******************/

#confirm_table {
	margin-bottom: 0;
}
#confirm_table .ttl td, #confirm_table td.ttl {
	padding: 0;
}
#confirm_table td h3 {
	margin-bottom: 0;
	margin-top: 20px;
	padding: 10px;
	background: #676565;
	color: #FFF;
	border: none;
	border-radius: 3px 3px 0 0;
}
#confirm_table th, #confirm_table td  { 
	border: none;
	border-bottom: 1px dotted #bfbcb3;
}
#confirm_table th {
	width: 20%;
	background: none; 
	color:#333;
	vertical-align: middle;
}
#confirm_table tr:last-child th {
  border-bottom: 1px dotted #bfbcb3;
}
#confirm_table tr th:first-child {
	border-left: none;
}
/*.send input.back_to_delivery_button {
	width: 35%;
}*/
div.confiem_notice {
	margin-bottom: 3rem;
}

@media only screen and (max-width: 768px) {
#confirm_table td h3 {
	font-size: 1.6rem;
}
#confirm_table th, #confirm_table td {
	display: block;
	width: 100%;
	padding: 5px 10px 10px;
	box-sizing: border-box;
}
#confirm_table th,#confirm_table tr:last-child th {
	width: 100%;
	padding: 10px 10px 0;
	white-space: normal;
	border-bottom: none;
}
.send input.back_to_delivery_button {
	width: 70%;
}
}

/*******************
  パスワードをお忘れの方
*******************/
.login-btn a {
	display: inline-block;
	width: 30%;
	margin: 0 5px;
	padding: 5px 10px;
	background-color: #ffffff;
	border: 2px solid #d63432;
	color: #d63432;
	font-size: 1.6rem;
	font-weight: bold;
	border-radius: 100px;
	vertical-align: top;
	letter-spacing: 0;
	box-sizing: border-box;
	transition: 0.2s;
}
.login-btn a:hover {
	opacity: 0.8;
	text-decoration: none;
}


@media only screen and (max-width: 768px) {
.send input#member_login {
	width: 60%;
}
.login-btn a {
	width: 48%;
	margin: 0 1%;
}

}

/*******************
  会員ログイン
*******************/
#post div.loginbox {
	padding: 20px;
	background: #faf5e9;
	border: 1px solid #bfbcb3;
	border-radius: 10px;
}
#post div.loginbox ul {
	display: flex;
	justify-content: space-between;
}
#post div.loginbox ul li {
	width: 49%;
	margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
#post div.loginbox ul {
	display: block;
}
#post div.loginbox ul li {
	width: 100%;
	margin-bottom: 1em;
}
}

/*******************
  マイページ
*******************/
#post div.mypage-block {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 20px;
	background: #211715;
	background: #e4413c;
}
#post div.mypage-block p {
	margin: 0;
	color: #FFF;
	line-height: 1.4;
}
#post div.mypage-block .mypage-number {
	margin-right: 1em;
	padding: 5px 10px 3px;
	background: #FFF;
	color: #211715;
	font-size: 0.9em;
	line-height: 1.2;
	letter-spacing: -1px;
	border-radius: 3px;
}
#post div.mypage-block .mypage-name {
	color: #FFF;
	font-size: 1.4em;
	font-weight: bold;
}
#post div.mypage-block .mypage-data {
	margin-left: auto;
	color: rgba(255,255,255,0.7);
	font-size: 0.8em;
}
#post div.mypage-block .mypage-point {
	flex: none;
	width: 100%;
	margin: 10px 0 0;
	padding: 10px;
	font-weight: bold;
	background: rgba(0,0,0,0.2);
	box-sizing: border-box;
}
#post ul.member_submenu {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #e4413c;
	border-left: 1px solid #e4413c;
}
#post ul.member_submenu li {
	flex: 1;
	margin: 0;
	border-right: 1px solid #e4413c;
	border-bottom: 1px solid #e4413c;
}
#post ul.member_submenu li a {
	display: block;
	padding: 20px 10px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	transition: 0.2s;
}
#post ul.member_submenu li.logout_member a {
	color: #999;
}
#post ul.member_submenu li a:hover {
	text-decoration: underline;
	opacity: 0.8;
}
.currency_code {
	line-height: 180%;
}
div.history-area table#history_head .order_head_label th {
	padding: 5px 10px;
	background: #211715;
	font-size: 0.9em;
	white-space: nowrap;
}
div.history-area table#history_head .order_head_label th:first-child {
  border-left: 1px solid #211715;
}
div.history-area table#history_head th,div.history-area table#history_head td {
	text-align: center;
	vertical-align: middle;
}
div.history-area table#history_head th.rightnum, div.history-area table#history_head td.rightnum {
	text-align: right;
}
table.history-cart-table {
	min-width: 800px;
	max-width: 800px;
	margin-bottom: 0;
}
table.history-cart-table th {
	padding: 5px 10px;
	background: #DDD;
	color: #211715;
	font-size: 0.9em;
	white-space: nowrap;
}
table.history-cart-table th:first-child {
  border-left: 1px solid #DDD;
}
table.history-cart-table th, table.history-cart-table td {
	text-align: center;
	vertical-align: middle;
}
table.history-cart-table td.productname {
	text-align: left;
}
table.history-cart-table td.productname img {
	display: inline-block;
	margin: 0 1em 0 0;
	vertical-align: middle;
}
table.history-cart-table td.price,table.history-cart-table td.subtotal {
	text-align: right;
}

@media only screen and (max-width: 768px) {
#post div.mypage-block {
	padding: 15px;
}
#post div.mypage-block .mypage-data {
	flex: none;
	width: 100%;
	margin: 10px 0 0;
	text-align: right;
}
#post ul.member_submenu li a {
	padding: 15px 5px;
	font-size: 0.9em;
}
table#history_head {
	border-top: 1px solid #DDD;
}
table#history_head .order_head_value td:not(.detail) {
	display: block;
	padding: 8px 10px;
	text-align: left;
	border: none;
	border-left: 1px solid #DDD;
	border-bottom: 1px dotted #DDD;
}
table#history_head .order_head_value td.purchase_price {
	border-bottom: 1px solid #DDD;
}
table#history_head td.detail {
	vertical-align: middle;
}
table#history_head td:before {
	display: inline-block;
	width: 6em;
	color: #666;
	font-size: 0.7em;
	text-align: right;
}
table#history_head td.order_number:before {	content: '注文番号：';}
table#history_head td.purchase_date:before {	content: '購入日：';}
table#history_head td.shipping:before { content: '送料：';}
table#history_head .purchase_price:before {	content: '購入金額：';}
div.history-area table#history_head th.rightnum, div.history-area table#history_head td.rightnum {
	text-align: left;
}
table.history-cart-table {
	min-width: 100%;
	max-width: 100%;
	border-top: 1px solid #DDD;
}
table.history-cart-table td {
	padding: 5px 10px;
}
table.history-cart-table td:not(.cartrownum) {
	display: block;
	text-align: right;
	border: none;
	border-right: 1px solid #DDD;
	border-bottom: 1px dotted #DDD;
}
table.history-cart-table td.cartrownum {
	background: #DDD;
}
table.history-cart-table td.productname {
	text-align: left;
}
table.history-cart-table td.subtotal {
	border-bottom: 1px solid #DDD;
}
table.history-cart-table td:before {
	display: inline-block;
	color: #666;
	font-size: 0.7em;
}
table.history-cart-table .price:before {	content: '単価：';}
table.history-cart-table .quantity:before {	content: '数量：';}
table.history-cart-table .subtotal:before {	content: '金額（税込）：';}
}

/*******************
  右カラム
*******************/

div.cart-sideArea {
	margin-bottom: 30px;
	background: #FFF;
	border: 1px solid #bfbcb3;
	border-radius: 6px;
	overflow: hidden;
}
div.cart-total .cart-total-title {
	padding: 10px;
	background: #211715;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
div.cart-total .cart-total-title:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 10px 4px 0;
	background: url(images/item/cart_white.svg) no-repeat 0 center;
	background-size: 100% auto;
	vertical-align: middle;
}
div.cart-total .cart-total-inner {
	padding: 15px 10px;
}
div.cart-total .cart-total-inner iframe {
	width: 100%;
}
div.cart-total div.cartbtn a {
	display: block;
	padding: 13px 10px;
	background: #d63432;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
}
div.cart-total div.cartbtn a:hover {
	opacity: 0.8;
}
div.cart-sideArea-title a {
	position: relative;
	display: block;
	padding: 15px 25px 15px 10px;
	background: #211715;
	color: #FFF;
	font-weight: bold;
	box-sizing: border-box;
  transition: 0.2s;
}
div.cart-sideArea-title a:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 15px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	transform: rotate(45deg) translateY(-50%);
}
div.cart-sideArea-title a:hover {
	text-decoration: none;
	opacity: 0.8;
}
div.cartbanner {
	margin: 10px;
}
div.cartbanner a {
	display: block;
	height: 135px;
	background: #EEE;
	text-align: center;
	line-height: 135px;
	border: 1px solid #cecece;
}
div.creditcard {
	margin: 10px;
	letter-spacing: -.40em;
}
div.creditcard img {
	display: inline-block;
	width: 15.6%;
	margin-left: 1%;
}
ul.cartNavi {
	margin: 10px 15px 20px;
}
ul.cartNavi li {
	margin-bottom: 10px;
}
ul.cartNavi li a {
	position: relative;
	display: block;
	padding-left: 10px;
	color: #333;
	font-size: 12px;
	text-align: left;
}
ul.cartNavi li a:before {
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 0 3px 4px;
	border-color: transparent transparent transparent #444;
}
div.member-area {
	margin: 0.5em 0 1em;
	padding: 15px 10px;
	background: #f5f4f1;
	font-size: 0.9em;
	text-align: center;
	border-top: 1px solid #bfbcb3;
	border-bottom: 1px solid #bfbcb3;
}
div.member-area ul {
	display: flex;
  justify-content: space-between;
	margin: 10px 0 0;
}
div.member-area ul li {
	flex: 1;
	margin: 5px 0 0 5px;
}
div.member-area ul li:first-child {
	margin-left: 0;
}
div.member-area ul li a {
	display: block;
	padding: 10px 0;
	background: #5b514e;
	color: #FFF;
	font-size: 1.2rem;
	font-weight: bold;
	border-radius: 100px;
}
div.member-area ul li a:hover {
	text-decoration: none;
	opacity: 0.8;
}
@media only screen and (min-width: 769px) {
div.cart-sideArea.fixed {
	position: fixed;
	bottom: 80px;
	right: 0;
	width: 218px;
	border-right: none;
	border-radius: 6px 0 0 6px;
	z-index: 5000;
}
}

/* iframe
*******************/

.total-cart {
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif;
	font-size: 14px;
}
.no-cart {
	color: #444;
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif;
	font-size: 14px;
}
.total-cart em {
	font-style: normal;
	font-weight: bold;
}
.total-quantity em {
	font-size: 18px;
}
/*.total-quantity:after {
	content: '／';
	display: inline-block;
	margin: 0 5px;
	color: #ccc;
	font-size: 20px;
	vertical-align: middle;
}*/
.total-price {
}
.total-price em {
	display: inline-block;
	margin-left: 5px;
	color: #d63432;
	font-size: 24px;
	font-style: normal;
}
.total-price .small {
	font-size: 11px;
}

@media only screen and (max-width: 768px) {
#contentsArea aside {
	position: relative;
	/*z-index: 6000;*/
}
.cartfix div.cart-sideArea {
	padding: 10px 0 0;
}
.cartfix div.cart-total {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	background: #FFF;
	box-shadow: 0 0 4px rgb(0 0 0 / 25%);
	overflow: hidden;
	z-index: 6000;
}
.cartfix div.cart-total .cart-total-title,
.cartfix div.cart-total .cart-total-title:before{
	display: none;
}
.cartfix div.cart-total .cart-total-inner {
	display: flex;
	align-items: center;
  flex-wrap: wrap;
	padding: 5px;
}
.cartfix div.cart-total .cart-total-inner iframe {
	width: 68%;
}
.cartfix div.cart-total div.cartbtn {
	width: 32%;
}
.cartfix div.cart-total div.cartbtn a {
	padding: 8px 0;
	font-size: 1.2rem;
}
.cartfix div.cart-total div.cartbtn a:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto 7px;
	background: url(images/item/cart_white.svg) no-repeat center;
	background-size: 100% auto;
}
div.member-area {
	/*margin: -10px 0 1em;*/
	padding: 15px;
	/*border-top: none;*/
}
div.member-area ul li a {
	padding: 15px 10px;
	font-size: 100%;
}

/* iframe
*******************/

.total-cart {
	font-size: 13px;
	letter-spacing: -.40em;
}
.no-cart {
	margin: 0;
	font-size: 13px;
}
.total-quantity,
.total-price {
	display: inline-block;
	margin-right: 1em;
	letter-spacing: normal;
	vertical-align: baseline;
}
.total-quantity em {
	font-size: 16px;
}
.total-price em {
	font-size: 22px;
}
.total-price .small {
	font-size: 10px;
}
}

/* #fix-btn
*******************/

@media screen and (min-width:769px) {
#fix-btn {
	position: fixed;
	bottom: 80px;
	right: -65px;
	display: block;
	width: 65px;
	z-index: 5000;
	transition: .2s;
  animation: fixbtn 0.6s ease 0s forwards;
}
#fix-btn a {
	position: relative;
	width: 100%;
	padding: 50px 0 20px;
	background: #fa8b02 url(images/item/cart_white.svg) no-repeat center 20px;
	background-size: 23px auto;
	color: #FFF;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 65px;
	letter-spacing: 3px;
	border-radius: 6px 0 0 6px;
	box-shadow: 0 0 4px rgb(0 0 0 / 30%);
	overflow: hidden;
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-o-writing-mode: vertical-rl;
	opacity: 0.9;
	transition: 0.2s;
}
#fix-btn.cart a {
	background-color: #d63432;
	letter-spacing: 1px;
}
#fix-btn a:hover {
	text-decoration: none;
	box-shadow: none;
	opacity: 1;
}
}
@keyframes fixbtn {
  0%   {right: -65px;}
  100% {right: 0;}
}
@media only screen and (max-width: 768px) {
#fix-btn {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	z-index: 5000;
}
#fix-btn a {
	position: relative;
	display: block;
	padding: 15px 15px 10px;
	background: #fa8b02;
	color: #FFF;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
	overflow: hidden;
	border-top: 1px solid #FFF;
}
#fix-btn a:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 10px 5px 0;
	background: url(images/item/cart_white.svg) no-repeat center;
	background-size: 100% auto;
	vertical-align: middle;
}
}

/*******************
  アラート
*******************/

#cart-alert {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	padding: 30px 40px;
	background: rgba(33,23,21,0.8);
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border-radius: 100px;
	opacity: 1;
	transform: translate(-50%, -50%);
	animation: cartalert 3s ease 1s forwards;
	z-index:99999;
}
@keyframes cartalert {
  0%   {opacity: 1;}
  100% {opacity: 0;}
}

/*******************
  特設詳細ページ
*******************/

/* 特設アイキャッチ
*******************/

#itemheadVisual {
	position: relative;
	width: 100%;
	min-height: 275px;
	margin: -30px auto 20px;
	background: #f3f3f3;
	overflow: hidden;
}
/*#itemheadVisual img.itemheadVisualbg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
	opacity: 0.2;
}*/
#itemheadVisual:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	background: url(images/choco/headvisual_bg.jpg) no-repeat center;
	background-size: 1920px auto;
	opacity: 0.1;
}
#itemheadVisual .itemheadVisualWrapper {
	position: relative;
	max-width: 980px;
	margin: 0 auto;
	padding: 30px 0;
  box-sizing: border-box;
}
#chocoheadVisual .chocoheadVisualWrapper:after {
	content: '';
	position: absolute;
	top: -20px;
	right: -20px;
	width: 450px;
	height: 350px;
	background: url(../images/choco/choco_secret.png) no-repeat 0 0;
	background-size: 100% auto;
}
#itemheadVisual .page-title {
	/*float: left;
	clear: left;*/
	position: relative;
	width: 60%;
	margin: 0 0 40px;
	box-sizing: border-box;
	z-index: 10;
}
#itemheadVisual .page-title h1 {
	margin: 0 0 20px;
	color: #333;
	font-family: "游明朝", YuMincho, "游明朝 Medium", "YuMincho M", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Mincho", serif;
	font-size: 3.8rem;
	font-weight: bold;
	line-height: 1.2;
}
#itemheadVisual .page-title .item-code {
	display: block;
	color: #999;
	font-size: 1.8rem;
}
#itemheadVisual .page-title p {
	font-size: 1.6rem;
	font-weight: bold;
	text-shadow:1px 1px 3px #FFF;
	line-height: 180%;
}
/*#itemheadVisual .swiper-container {
	float: right;
	clear: right;
	width: 35%;
}*/

/* 代表メッセージ */

#itemheadVisual .itemMessage {
	position: relative;
	clear: both;
	width: 690px;
}
#itemheadVisual .itemMessage:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 10px;
	width: 182px;
	height: 227px;
	background: url(images/choco/kamata_top.png) no-repeat 0 0;
	background-size: 100% auto;
}
#itemheadVisual .itemMessage a {
	position: relative;
	display: block;
	padding: 20px 20px 20px 200px;
	background: rgba(255,255,255,0.9);
	color: #000;
	font-family: "游明朝", YuMincho, "游明朝 Medium", "YuMincho M", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Mincho", serif;
	font-size: 1.4rem;
	text-shadow: 0px 0px 0px #000;
	line-height: 1.6;
  box-shadow: 1px 2px 6px rgba(0,0,0,0.5);
	transition: 0.2s;
}
#itemheadVisual .itemMessage a:before {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 20px 20px;
	border-color: transparent transparent #ff8040 transparent;
}
#itemheadVisual .itemMessage a:after {
	content: 'READ MORE';
	position: absolute;
	bottom: 5px;
	right: 20px;
	color: #ff8040;
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif;
	font-size: 1.2rem;
	font-weight: bold;
}
#itemheadVisual .itemMessage a:hover {
	text-decoration: none;
	background: rgba(255,255,255,1);
	box-shadow: none;
}
#itemheadVisual .itemMessage a:hover:before {
	border-color: transparent transparent #e50038 transparent;
}
#itemheadVisual .itemMessage a:hover:after {
	color: #e50038;
}
#itemheadVisual .itemMessage a .itemMessage-title {
	display: block;
	margin-bottom: 8px;
	font-size: 2.0rem;
}
#itemheadVisual .itemMessage a .itemMessage-name {
	display: block;
	margin-top: 13px;
	font-size: 1.3rem;
}
#itemheadVisual .itemMessage a .itemMessage-name em {
	font-size: 1.7rem;
	font-style: normal;
}
@media only screen and (max-width: 768px) {
#itemheadVisual {
	min-height: 0;
  margin: 61px 0 -60px;
}
/*#itemheadVisual img.itemheadVisualbg {
	left: 25%;
	width: auto;
	height: 100%;
}*/
#itemheadVisual:before {
	background-size: cover;
}
#itemheadVisual .itemheadVisualWrapper {
	max-width: 100%;
	padding: 15px 10px;
	overflow: hidden;
}
#chocoheadVisual .chocoheadVisualWrapper:before {
	content: '';
	position: absolute;
	top: -15px;
	right: -25px;
	top: 10px;
	right: 10px;
	width: 60%;
	height: 0;
	padding-top: 47%;
	background: url(../images/choco/choco_secret.png) no-repeat 0 0;
	background-size: 100% auto;
	transform: rotate(10deg);
}
#chocoheadVisual .chocoheadVisualWrapper:after {
	display: none;
}
#itemheadVisual .page-title {
	position: relative;
	float: none;
	width: 100%;
	margin: 0;
}
#itemheadVisual .page-title h1 {
	width: 60%;
	font-size: 2.2rem;
}
#itemheadVisual .page-title .item-code {
	font-size: 1.5rem;
}
#itemheadVisual .page-title p {
	font-size: 1.4rem;
}
#itemheadVisual .field {
	width: 60%;
  display: flex;
	margin: 0 0 10px;
}
#itemheadVisual .field .field_cprice,
#itemheadVisual .field .field_price {
	margin: 0 10px 0 0;
}
#itemheadVisual .swiper-container {
	float: none;
	width: 100%;
}

/* 代表メッセージ */

#itemheadVisual .itemMessage {
	width: 100%;
}
#itemheadVisual .itemMessage:after {
	left: 0;
	width: 110px;
	height: 131px;
}
#itemheadVisual .itemMessage a {
	padding: 10px 10px 30px 120px;
}
#itemheadVisual .itemMessage a .lead-more {
	position: relative;
	display: block;
	height: 80px;
	font-size: 12px;
	overflow: hidden;
}
#itemheadVisual .itemMessage a .lead-more:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}
#itemheadVisual .itemMessage a .itemMessage-title {
	font-size: 1.6rem;
}
#itemheadVisual .itemMessage a .itemMessage-name {
	margin-top: 0;
	font-size: 1.2rem;
}
#itemheadVisual .itemMessage a .itemMessage-name em {
	font-size: 1.3rem;
}
}

/*---- 代表挨拶 ----*/
.message-post {
	max-width: 980px;
	overflow: hidden;
}
.message-post p {
	margin-bottom: 1.5rem;
	font-size: 1.5rem;
	line-height: 1.6;
}
.message-post .message-post-img {
	float: left;
	clear: left;
	width: 300px;
}
.message-post .message-post-img img {
	width: 300px;
	margin-bottom:5px !important;
}
.message-post .message-post-img .imgcomment {
	text-align : center !important;
	font-size : 1.3rem !important;
}
.message-post .message-post-text {
	margin-left: 330px;
}
@media only screen and (max-width: 768px) {
.message-post {
	max-width: 100%;
}
.message-post .message-post-img {
	float: left;
	clear: left;
	width: 40%;
	margin: 0 20px 0 0;
}
.message-post .message-post-img img {
	width: 100%;
}
.message-post .message-post-text {
	margin-left: 0;
}
.message-post .message-post-text h3 {
}
}

/* 共通
*******************/

.item-info {
	display: flex;
	align-items: center;
	margin-bottom : 30px;
	background: #ff8040;
	border: 2px solid #ff8040;
	border-radius: 6px;
	overflow: hidden;
}
.item-info div.item-info-title {
	padding: 15px;
	color: #FFF;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
}
.item-info div.item-info-title .en {
	display: block;
	font-size: 1.3rem;
	font-weight: normal;
}
.item-info div.item-info-box {
	flex-grow: 1;
	background: #ffffdc;
	padding: 15px;
}
.item-info p {
	margin:0 !important;
	padding:0 !important;
	line-height : 1.6 !important;
}
.item-news {
	margin-bottom: 30px;
}
.item-news .item-news-title {
	padding: 13px 10px 10px 10px;
	background: #FF8040;
	color: #FFF;
	font-size: 1.8rem;
}
.item-news .item-news-box {
	height: 260px;
	border: 3px solid #FF8040;
	overflow-y: scroll;
}
.item-news .item-news-box dl {
	margin: 0 5px;
	padding: 10px 5px;
	border-bottom: 1px dotted #999;
}
.item-news .item-news-box dl dt {
	margin-bottom: 5px;
}
.item-news .item-news-box dl dt span.date {
	display: inline-block;
	margin-right: 10px;
	font-size: 1.3rem;
	vertical-align: middle;
}
.item-news .item-news-box dl dt span.news-label {
	width: auto;
	padding: 5px 12px 3px;
}
.item-news .item-news-box dl dd a {
	position: relative;
	display: block;
	padding-left: 10px;
	color: #333;
	font-size: 1.4rem;
	line-height: 1.4;
}
.item-news .item-news-box dl dd a:before {
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #d63432;
}
div.pagetop {
	text-align : right;
	margin : 8px 0 20px 0;
}
.comment {
	font-size: 90% !important;
  color : #ff7600 !important;
	padding-left: 1em;
	text-indent: -1em;
}
.indent {
	padding-left: 1em;
	text-indent: -1em;
}
.indent2em {
	padding-left: 2em;
	text-indent: -2em;
}
.indent2-5em {
	padding-left: 2.5em;
	text-indent: -2.5em;
}
ul.calculation {
	display: flex;
	align-items: center;
	justify-content: center;
}
ul.calculation li[class] {
	position: relative;
	padding-right: 50px;
}
ul.calculation li[class]:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 50px;
	margin-top: -0.7em;
	color: #211715;
	font-family: 'RoundedFont';
	font-size: 3.0rem;
	text-align: center;
	line-height: 1.2;
}
ul.calculation li.multiply:before {
	content: '×';
}
ul.calculation li.plus:before {
	content: '＋';
}
ul.calculation li.equal:before {
	content: '＝';
}
ul.calculation li a {
	display: inline-block;
	text-align: center;
	color: #000;
}

@media screen and (min-width: 769px) {
.hide-d {
	display: none !important;
}
}
@media only screen and (max-width: 768px) {
/*.page-noHeader {
  padding-top: 0!important;
}*/
.item-info {
	display: block;
}
.item-info div.item-info-title {
	padding: 5px 10px;
	text-align: left;
}
.item-info div.item-info-title .en {
	display: inline-block;
	margin-left: 10px;
}
.item-info div.item-info-box {
	padding: 10px;
}
.item-news .item-news-box dl dd {
	margin-bottom: 0 !important;
}
.fancybox-content {
	padding: 44px 15px 22px !important;
}
ul.calculation li[class] {
	padding-right: 40px;
}
ul.calculation li[class]:before {
	width: 40px;
	font-size: 2.0rem;
}
.hide-m {
	display: none !important;
}
}

/*---- セット内容 ----*/

div.item-set-list {
	padding: 20px;
	background: #faf5e9;
	border: 3px solid #ffd08e;
}
div.item-set-list div.item-set-list-inner {
	padding: 15px;
	background: #ffe6b6;
	background: rgba(255,255,255,0.9);
	/*box-shadow: 1px 1px 3px rgba(0,0,0,0.2);*/
}
#post div.item-set-list .item-set-list-title {
	margin-bottom: 10px;
	color: #d63432;
	font-size: 2.0rem;
	font-weight: bold;
}
#post div.item-set-list .item-set-list-inner dl {
	width: auto;
	margin: 0;
	padding: 10px;
	border-top: 1px dotted #bfbcb3;
}
#post div.item-set-list .item-set-list-inner dl dt {
	/*padding-left: 1.5em;
	text-indent: -1.5em;*/
	box-sizing: border-box;
}
#post div.item-set-list .item-set-list-inner dl dd {
	margin: 0 0 0 2.5rem;
}
@media only screen and (max-width: 768px) {
div.item-set-list {
	padding: 10px;
	border: 2px solid #ffd08e;
}
div.item-set-list div.item-set-list-inner {
	padding: 10px;
}
#post div.item-set-list .item-set-list-title {
	font-size: 1.6rem;
}
#post div.item-set-list .item-set-list-inner dl dd {
	margin: 0;
}
}

/*---- 今年のテーマ ----*/

h2.theme-title {
	position: relative;
	display: block;
	padding-bottom: 0;
	color: #e50038;
	font-size: 2.8rem;
	text-align: center;
	border-bottom: none;
}
h2.theme-title:before,h2.theme-title:after {
	display: inline-block;
	color: rgba(0,0,0,0.6);
	font-weight: normal;
	letter-spacing: -15px;
	vertical-align: baseline;
}
h2.theme-title:before {
	content: '＼＼';
	margin-right: 30px;
}
h2.theme-title:after {
	content: '／／';
	margin-left: 15px;
}

/*---- チョコ募金とは？ ----*/

div.shopping #mainArea .choco-about h2 {
	display: inline-block;
	margin: 0;
	padding: 8px 15px 5px;
	background: #d63432;
	color: #FFF;
	border-bottom: none;
}
div.shopping #mainArea .choco-about h2:after {
	display: none;
}
/*.choco-about .choco-about-inner {
	padding: 20px 20px 30px;
	background: #ffffed;
	border: 3px solid #d63432;
}
.choco-about-list {
	margin-bottom: 20px;
	padding: 10px 10px 1px;
	background: #f1f1c8;
}
.choco-about-list p {
	margin-bottom: 10px !important;
	font-size: 1.8rem;
	font-weight: bold;
}
.choco-about ul {
	margin-bottom: 0 !important;
	letter-spacing: -.40em;
}
.choco-about ul li {
	position: relative;
	display: inline-block;
	width: 49%;
	min-height: 110px;
	margin: 0 0 10px 2% !important;
	padding: 10px 5px 5px 110px;
	background: #FFF;
	font-size: 1.3rem;
	line-height: 1.6 !important;
	letter-spacing: normal;
	vertical-align: top;
	box-sizing: border-box;
	overflow: hidden;
}
.choco-about ul li:nth-child(odd) {
	margin: 0 0 10px !important;
}
.choco-about ul li img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: auto;
	margin: 0 20px 0 0 !important;
}
.choco-about ul li strong {
	display: block;
	margin-bottom: 5px;
	font-size: 1.5rem;
	line-height: 1.4;
}
.choco-about a.btn {
	width: 45%;
	padding: 20px;
	color: #d63432;
	font-size: 1.6rem;
	font-weight: bold;
	background: #FFF;
	border: 1px solid #d63432;
	border-radius: 100px;
}

@media only screen and (max-width: 768px) {
.choco-about .choco-about-inner {
	padding: 15px 15px 20px;
}
.choco-about ul li {
	display: block;
	width: 100%;
	margin: 0 0 10px !important;
	padding: 10px 5px 10px 110px;
}
.choco-about a.btn {
	width: 80%;
}
}
@media only screen and (max-width: 480px) {
.choco-about ul li {
	padding: 10px 5px 10px 35%;
}
.choco-about ul li img {
	width: 30%;
}
}*/

/*---- 絵を描いてくれた少女たち ----*/

.illustrator-block {
	clear: both;
	position: relative;
	min-height: 380px;
	margin-bottom: 40px;
	padding-top: 10%;
	overflow: hidden;
	box-sizing: border-box;
}
.illustrator-block .illustrator-meta {
	position: absolute;
	top: 0;
}
.illustrator-block:nth-child(odd) .illustrator-meta {
	left: 0;
	padding: 0 50px 50px 0;
}
.illustrator-block:nth-child(even) .illustrator-meta {
	right: 0;
	padding: 0 0 50px 50px;
}
.illustrator-block .illustrator-meta  img,
.illustrator-block .illustrator-body dl {
	margin-bottom: 0 !important;
}
.illustrator-block .illustrator-meta img.can-img {
	position: absolute;
	bottom: 0;
}
.illustrator-block:nth-child(odd) .illustrator-meta img.can-img {
	right: 0;
}
.illustrator-block:nth-child(even) .illustrator-meta img.can-img {
	left: 0;
}
.illustrator-block .illustrator-body {
	width: 510px;
	background: #f3f3f3;
	box-sizing: border-box;
}
.illustrator-block:nth-child(odd) .illustrator-body {
	float: right;
	clear: right;
	padding: 20px 20px 20px 130px;
}
.illustrator-block:nth-child(even) .illustrator-body {
	float: left;
	clear: left;
	padding: 20px 130px 20px 20px;
}
.illustrator-block .illustrator-body dt {
	margin-bottom: 15px !important;
	font-size: 1.8rem !important;
}
.illustrator-block .illustrator-body dt .name-illust {
	display: inline-block;
	margin-right: 8px;
	padding: 1px 6px 0;
	color: #FFF;
	font-size: 1.4rem;
}
.illustrator-block .illustrator-body dt .name-from {
	font-size: 1.3rem;
}
.illustrator-block .illustrator-body dd {
	margin-bottom: 0 !important;
}
.illustrator-block ul.illustrator-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#post .illustrator-block ul.illustrator-group li {
	width: 46%;
	line-height: 1.4;
}
#post .illustrator-block ul.illustrator-group li img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 0.5em;
}
#post .illustrator-block ul.illustrator-group li .name-illust {
	display: inline-block;
	margin-right: 10px;
	padding: 1px 6px 0;
	color: #FFF;
	font-size: 80%;
	line-height: 1.2;
}
#post .illustrator-block ul.illustrator-group li strong {
	display: inline-block;
}

@media only screen and (max-width: 768px) {
.illustrator-block {
	min-height: 0;
	margin-bottom: 30px;
	padding-top: 0;
}
.illustrator-block .illustrator-meta {
	position: relative;
	width: 40%;
}
.illustrator-block:nth-child(odd) .illustrator-meta {
	float: left;
	clear: left;
	margin: 0 15px 10px 0;

	padding: 0 5% 5% 0;
}
.illustrator-block:nth-child(even) .illustrator-meta {
	float: right;
	clear: right;
	margin: 0 0 10px 15px;
	padding: 0 0 5% 5%;
}
.illustrator-block .illustrator-meta img:not(.can-img) {
	width: 100%;
	height: auto;
}
.illustrator-block .illustrator-meta img.can-img {
	width: 50%;
	height: auto;
}
.illustrator-block .illustrator-body {
	width: 100%;
}
.illustrator-block:nth-child(odd) .illustrator-body {
	float: none;
	padding: 15px;
}
.illustrator-block:nth-child(even) .illustrator-body {
	float: none;
	padding: 15px;
}
}

/*---- 発送内容について ----*/

.item-set {
	text-align: center;
	letter-spacing: -.40em;
}
.item-set .item-set-inner {
	display: inline-block;
	width: 48%;
	margin: 0 1%;
	letter-spacing: normal;
	vertical-align: top;
}
.item-set .item-set-inner img {
	display: block;
	margin: 0 auto 10px !important;
}
.item-set .item-set-inner p {
	text-align: center !important;
}
ul.card-design {
	text-align: center;
	letter-spacing: -.40em;
}
ul.card-design li {
	display: inline-block;
	width: 35%;
	margin : 0 5px 0 5px;
	letter-spacing: normal;
	vertical-align: middle;
}
ul.card-design li.title {
	width: 3%;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
ul.card-design li.col3 {
  width: 54%;
}
ul.card-design li img {
  width:100%;
}
ul.postcard-design {
	float: right;
	clear: right;
	width: 220px;
	margin: 0 0 20px 20px;
	letter-spacing: -.40em;
}
ul.postcard-design li {
	display: inline-block;
	width: 46%;
	margin : 0 2% 5px !important;
	vertical-align: middle;
}
/*ul.postcard-design li:nth-child(1) {
	display: block;
	width: 96%;
}*/
ul.postcard-design li img {
  width:100%;
	margin-bottom: 0 !important;
}
@media only screen and (max-width: 768px) {
.item-set {
	text-align: left;
}
.item-set .item-set-inner {
	display: block;
	width: 100%;
	margin: 0;
	overflow: hidden;
}
.item-set .item-set-inner img {
	float: left;
	clear: left;
	width: 30%;
	height: auto;
	margin: 0 15px 10px 0 !important;
}
.item-set .item-set-inner p {
	text-align: left !important;
}
ul.postcard-design {
	float: none;
	width: 100%;
	margin: 0;
}
ul.postcard-design li {
	width: 23%;
	margin : 0 1% !important;
}
/*ul.postcard-design li:nth-child(1) {
	display: inline-block;
	width: 48%;
}*/
}

.postcard-comment {
margin-bottom: 15px !important;
color: #ec716f !important;
font-weight: bold !important;
}
ul.link-btn {
padding: 0;
text-align: center;
letter-spacing: -.40em;
}
ul.link-btn li {
display: inline-block;
width: 30.3%;
margin: 0 1.5%;
letter-spacing: normal;
vertical-align: top;
}
ul.link-btn li a {
display: block;
padding: 60px 10px 8px;
color: #fa7602;
font-size: 1.6rem;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 1.6em;
border: 2px solid #fa9402;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
transition: 0.2s;
}
ul.link-btn li.event a {
background: #FFF url(../images/item/event.png) no-repeat center 10px;
background-size: 40px;
}
ul.link-btn li.shop a {
background: #FFF url(../images/item/shop.png) no-repeat center 10px;
background-size: 40px;
}
ul.link-btn li.application a {
background: #FFF url(../images/item/application.png) no-repeat center 10px;
background-size: 40px;
}

@media screen and (min-width:481px) {
ul.link-btn li a {
min-height: 54px;
}
div#post .button a:hover {
text-decoration: none;
opacity: 0.75;
}
ul.link-btn li a:hover {
color: #FFF;
text-decoration: none;
}
ul.link-btn li.event a:hover {
background: #fa9402 url(../images/item/event_on.png) no-repeat center 10px;
background-size: 40px;
}
ul.link-btn li.shop a:hover {
background: #fa9402 url(../images/item/shop_on.png) no-repeat center 10px;
background-size: 40px;
}
ul.link-btn li.application a:hover {
background: #fa9402 url(../images/item/application_on.png) no-repeat center 10px;
background-size: 40px;
}
}

@media only screen and (max-width: 480px) {
.item-set-table th, .item-set-table td {
display: block;
width: 100% !important;
box-sizing: border-box;
}
img.img-fit {
width: 100%;
height: auto;
}
.jimnet-house .jimnet-house-img-area {
float: none;
width: auto;
text-align:center;
}
.jimnet-house .jimnet-house-img-area img {
width: 70%;
height: auto;
}
.jimnet-house .jimnet-house-balloon-area {
margin-left: 0;
}
ul.link-btn li {
display: block;
width: auto;
margin: 0;
}
ul.link-btn li a {
min-height: 40px;
padding: 10px 10px 8px 60px;
font-size: 1.6rem;
font-weight: bold;
text-align: left;
}
ul.link-btn li.event a {
background: #FFF url(../images/item/event.png) no-repeat 10px center;
background-size: 40px;
}
ul.link-btn li.shop a {
background: #FFF url(../images/item/shop.png) no-repeat 10px center;
background-size: 40px;
}
ul.link-btn li.application a {
background: #FFF url(../images/item/application.png) no-repeat 10px center;
background-size: 40px;
line-height: 2.4em;
}
}

/*******************
  よくある質問
*******************/
dl.item-qa {
	margin: 0 0 18px;
	padding: 10px 0 18px 0;
	border-bottom: 1px dotted #999;
}
dl.item-qa:last-child {
	border-bottom: 0;
}
#post dl.item-qa p {
	margin-bottom: 1em;
}
dl.item-qa dt {
	position: relative;
	line-height : 1.6;
	min-height:40px;
	padding : 4px 0 0 40px !important;
	margin-bottom : 8px;
	box-sizing: border-box;
}
dl.item-qa dd {
	position: relative;
	line-height : 1.6;
	min-height:40px;
	padding : 4px 0 0 40px;
}
dl.item-qa dd:before, dl.item-qa dt:before {
	content: 'Q';
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	color: #FFF;
	font-family: 'RoundedFont';
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
}
dl.item-qa dt:before {
	content: 'Q';
	background: #1873a2;
}
dl.item-qa dd:before {
	content: 'A';
	background: #d11d1e;
}

/*--------------------------------------
# Form
--------------------------------------*/

.shopping form input:not([type="radio"]):not([type="checkbox"])):not([type="submit"]):not([type="button"]),.shopping form select,.shopping form textarea {
display: inline-block;
padding: 8px;
font-family: "游ゴシック Medium", "Yu Gothic Medium", "YuGothic M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
border: 1px solid #000;
border-radius: 3px;
vertical-align: top;
}
.shopping form select {
padding-right: 25px;
}
.shopping form textarea {
display: block;
width: 100%;
min-width: 100%;
max-width: 100%;
min-height: 100px;
}
.shopping form input[type="radio"],.shopping form input[type="checkbox"] {
display: inline-block;
width: 15px;
height: 15px;
margin-right: 5px;
background: #FFF;
border: 1px solid #CCC;
vertical-align: baseline;
}
.shopping form input[type="submit"],.shopping form input[type="button"] {
display: inline-block;
font-size: 1.6rem;
border-radius: 3px;
vertical-align: top;
letter-spacing: 0;
cursor: pointer;
}
.shopping form input[type="text"],
.shopping form input[type="number"],
.shopping form input[type="email"],
.shopping form input[type="tel"],
.shopping form select,
.shopping form textarea,
.shopping form input[type="password"] {
display: inline-block;
width: 100%;
min-height: 38px;
margin: 2px;
padding: 5px 10px;
background: #FFF;
font-size: 16px;
font-family: "游ゴシック Medium", "Yu Gothic Medium", "YuGothic M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
border: 1px solid #CCC;
border-radius: 3px;
outline: none;
vertical-align: middle;
box-sizing: border-box;
}

@media screen and (min-width: 769px) {
.hide-d {
	display: none !important;
}
}
@media only screen and (max-width: 768px) {
.hide-m {
	display: none !important;
}
.call-link {
	color: #d63432;
	text-decoration: underline;
	cursor: pointer;
}
}