@charset "utf-8";

@import url("http://use.fontawesome.com/releases/v5.0.6/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.0.6/css/all.css");


@media screen and (min-width:481px) {
	.tokushu .sp {
		display: none !important;
	}
}

.tokushu {
	width: 510px;
	margin: 0;
	padding: 0;
	color: #413f3a;
	background-color: #ba171a;
	line-height: 100%;
	text-align: center;
	font-size: 62.5% !important;
	line-height: 1 !important;
	font-family: 'Meiryo UI', 'ヒラギノ丸ゴ ProN', 'Hiragino Maru Gothic ProN', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
}

/* -- sns -- */
.sns_wrap {
	margin: 5px 0 5px 3px !important;
}

.sns_wrap .fb-like {
	margin-top: -2px !important;
}

.sns_wrap .line {
	display: inline-block;
	line-height: 0;
	margin-top: -2px !important;
	padding-left: 5px\0 !important;
	padding-left: 5px\9 !important;
}

/*-----------------------------------------------
 ヘッダー
-----------------------------------------------*/
.tokushu .header {
	width: 100%;
	margin: 0 0 10px !important;
	padding: 2px 0 0 !important;
	border-top: 3px solid #90712f;
}

.tokushu .header img {
	width: 100%;
	min-height: 0%;
	height: auto;
}

.tokushu .header div {
	width: 100%;
	background-color: #ba171a;
	margin-bottom: 1px !important;
	padding: 2em 0 !important;
}

.tokushu .header p {
	box-sizing: border-box;
	width: 94%;
	font-size: 1.35em;
	font-size: 13.5px !important;
	line-height: 200%;
	margin: 0 auto !important;
	padding: 20px 0 !important;
	border: 2px solid #f3eede;
	text-align: center;
	background-color: #f3eede;
	text-shadow: #fff 2px 2px 1px, #fff -2px 2px 1px, #fff 2px -2px 1px, #fff -2px -2px 1px, #fff 0px 0px 2px, #fff 0px 0px 2px, #fff 0px 0px 2px, #fff 0px 0px 2px, #fff 0px 0px 2px, #fff 0px 0px 2px, #fff 0px 0px 2px, #fff 0px 0px 2px, #fff 0px 0px 2px;
	box-shadow: 0 0 0 2px #b91b2a inset, 0 0 0 3px #f3eede inset, 0 0 0 4px #f3eede inset, 0 0 0 5px #b91b2a inset;
}

.tokushu .header p strong {
	display: block;
	font-size: 2.2em;
	font-size: 22px !important;
	color: #b91b2a;
}

/*-----------------------------------------------
 ベース
-----------------------------------------------*/
.tokushu .contents {
	width: 95%;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	margin: 0 auto 20px !important;
	background-color: #fff;
	border: 2px solid #62563c;
}

.tokushu .contents h3 {
	position: relative;
	color: #fff;
	font-size: 2.0em;
	font-size: 20px !important;
	margin: 0 auto !important;
	padding: 8px 0 !important;
	background-color: #62563c;
	font-weight: bold;
	text-align: center;
}

.tokushu .contents h3:after {
	position: absolute;
	bottom: -3px;
	left: 0;
	content: "";
	width: 100%;
	height: 2px;
	background-color: #62563c;
}

.tokushu .contents .box {
	box-sizing: border-box;
	padding: 15px !important;
	text-align: left !important;
}

.tokushu .contents .box .txt {
	width: 100%;
	font-size: 12px !important;
	padding: 0!important;
	text-align: center !important;
}

.tokushu h4 {
	color: #62563c;
	font-size: 1.6em;
	font-size: 16px !important;
	font-weight: bold;
	background: rgba(255, 255, 255, 0.8);
	margin: 10px 0 5px !important;
	padding: 2px 10px 3px !important;
	border: 3px double #62563c;
	text-align: center !important;
}

.tokushu .contents p,
.tokushu .contents li,
.tokushu .contents table,
.tokushu dl {
	width: 100%;
	line-height: 150% !important;
	font-size: 1.5em !important;
}

.tokushu .contents p,
.tokushu .contents li,
.tokushu .contents table {
	margin-bottom: 0.7em !important;
}

.tokushu .contents strong {
	font-size: 1.1em !important;
}

.tokushu .contents p span strong {
	color: #e43f52;
	font-size: 1.3em !important;
}

.tokushu .contents p img {
	display: block;
	width: 100%;
	margin: 0 auto !important;
}

/*-----------------------------------------------
 注意事項リスト
-----------------------------------------------*/
.tokushu .contents li {
	padding-left: 1em !important;
	box-sizing: border-box;
	text-indent: -1em;
}

.tokushu .contents li:before {
	content: "・";
	margin-right: 0.5em !important;
}

.tokushu .contents li.red {
	color: #e43f52;
}

/*-----------------------------------------------
 発売日などのリスト
-----------------------------------------------*/
.tokushu .contents table th {
	width: 20%;
	font-weight: bold;
}

.tokushu .contents table th span:after {
	padding-left: 0.5em !important;
	box-sizing: border-box;
	font-family: "Font Awesome 5 Free";
	content: "\f0da";
}

.tokushu .contents table td {
	width: 80%;
}

.tokushu .contents .red {
	color: #e43f52 !important;
	font-weight: bold;
}

.tokushu a:link {
	color: #0083c6 !important;
	text-decoration: none;
}

.tokushu a:hover {
	color: #1c7fb2 !important;
	text-decoration: underline !important;
}

.tokushu a:visited {
	color: #1c7fb2 !important;
	text-decoration: none;
}

.tokushu .contents .item-cau {
	width: 98%;
	background-color: #fff;
	border: 3px double #e43f52 !important;
	color: #e43f52 !important;
	font-weight: bold;
	padding: 5px !important;
	margin-bottom: 10px !important;
	font-size: 10px !important;
}

.tokushu .contents .item-cau p {
	padding-left: 1em !important;
	text-indent: -1em;
	margin: 0 0 5px !important;
}

.tokushu .contents .item-cau p:first-child {
	width: 95%;
	border-bottom: 1px dashed #e43f52;
	padding-bottom: 5px !important;
}


/*-----------------------------------------------
 会員登録
-----------------------------------------------*/
.tokushu .member {
	text-align: center;
}

.tokushu .member a:link {
	display: inline-block;
	margin: 0 auto !important;
	padding: 0.4em 1em !important;
	background-color: #002fff;
	border-radius: 10px;
	color: #fff !important;
	font-size: 1.4em !important;
	font-weight: bold;
	text-decoration: none !important;
}

.tokushu .member a:visited {
	background-color: #002fff;
	color: #fff !important;
}

.tokushu .member a:hover {
	background-color: #001676;
	color: #fff !important;
}

/*-----------------------------------------------
 商品一覧ボタン
-----------------------------------------------*/
.tokushu  a:link.itemBtn {
	box-sizing: border-box;
    width: 100%!important;
	border-radius: 5px!important;
	padding: 12px 10px 14px!important;
}

/*-----------------------------------------------
 ガイド　スケジュール/販売URL
-----------------------------------------------*/
.tokushu .guide {
	width: 95%;
	margin: 0 auto 20px !important;
	padding: 10px !important;
	border: 1px solid #e5dec6;
	box-sizing: border-box;
	background-color: #fffeee;
}

.tokushu .guide h4 {
	display: block;
	color: #fff;
	margin: 0 0 10px !important;
	padding: 3px 0 6px !important;
	text-align: center;
	background-color: #b91b2a;
	border: none !important;
}

.tokushu .guide dl {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    border-bottom: 1px dashed #e66a76;
	margin-bottom: 1em !important;
}

.tokushu .guide dt {
	display: inline-block;
	padding: 7px 1em 0!important;
	background-color: #e66a76;
	color: #fff;
	font-weight: bold;
    vertical-align: middle;
}

.tokushu .guide dd {
	display: inline-block;
	padding: 0 0 0 5px!important;
}

.tokushu .guide li:before {
	content: "※";
	margin-right: 0 !important;
}

/*-----------------------------------------------
 商品リスト
-----------------------------------------------*/
.tokushu .flexbox {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-flow: row wrap;
	justify-content: space-between;
	overflow: hidden;
}

.tokushu .flexbox a:link {
	color: #000 !important;
}

.tokushu .flexbox a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.tokushu .flexbox a:visited {
	color: #000 !important;
}

.tokushu .flexbox .title {
	width: 100%;
	color: #fff;
	font-size: 1.8em;
	font-size: 18px !important;
	font-weight: bold;
	justify-content: center;
	text-align: center;
	padding: 4px 0 5px !important;
	margin: 0 0 5px !important;
}

/*-----------------------------------------------
 商品詳細
-----------------------------------------------*/
.tokushu .flexbox .column-1 {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	margin-bottom: 8px !important;
	padding: 10px !important;
	background-color: #fff;
}

/*-----------------------------------------------
 商品画像
-----------------------------------------------*/
.tokushu .flexbox .column-1 .images {
	display: inline-block;
	width: 150px;
	height: 150px;
}

.tokushu .flexbox .column-1 .images img {
	width: 148px;
	height: 148px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

/*-----------------------------------------------
 商品テキスト
-----------------------------------------------*/
.tokushu .flexbox .column-1 .item-txt {
	display: inline-block;
	width: calc(100% - 160px);
	vertical-align: top;
	margin-left: 5px;
}

/*-----------------------------------------------
 商品名
-----------------------------------------------*/
.tokushu .flexbox .column-1 .ttl {
	font-size: 1.3em;
	font-size: 13px !important;
	line-height: 15px !important;
}

/*-----------------------------------------------
 商品リスト 価格
-----------------------------------------------*/
.tokushu .flexbox dl {
	display: block;
	width: 100%;
	margin: 0 auto !important;
	color: #e43f52;
	font-size: 1.3em;
	font-size: 13px !important;
	text-align: center;
}

.tokushu .flexbox .column-1 dl {
	position: absolute;
	bottom: 5px;
	right: 5px;
	text-align: right !important;
}

.tokushu .flexbox dt,
.tokushu .flexbox dd {
	display: inline-block !important;
}

.tokushu .flexbox dl dd span {
	font-size: 1.8em;
	font-size: 18px !important;
	font-weight: bold;
}

.tokushu .flexbox dl dd span:after {
	display: inline-block;
	font-size: 1.05em;
	font-size: 10.5px !important;
	font-weight: normal;
	content: "（税込）";
}

/*-----------------------------------------------
 商品リスト 色分け設定
-----------------------------------------------*/
.tokushu .flexbox.stage01 .title {
	background-color: #e66a76;
}

.tokushu .flexbox.stage02 .title {
	background-color: #63ba67;
}

.tokushu .flexbox.stage03 .title {
	background-color: #63ACBA;
}

.tokushu .flexbox.stage04 .title {
	background-color: #BAA663;
}

.tokushu .flexbox.stage05 .title {
    background-color: #A16AE6;
}

.tokushu .flexbox.stage06 .title {
	background-color: #A7BA63;
}

.tokushu .flexbox.stage07 .title {
	background-color: #6A91E6;
}

.tokushu .flexbox.stage01 .column-1 {
	background-color: #fff6f7;
	border: 1px solid #e66a76;
}

.tokushu .flexbox.stage02 .column-1 {
	background-color: #e7f4e7;
	border: 1px solid #63ba67;
}

.tokushu .flexbox.stage03 .column-1 {
	background-color: #E9F3F5;
	border: 1px solid #63ACBA;
}

.tokushu .flexbox.stage04 .column-1 {
	background-color: #F5F2E9;
	border: 1px solid #BAA663;
}

.tokushu .flexbox.stage05 .column-1 {
    background-color: #F9F5FF;
	border: 1px solid #A16AE6;
}

.tokushu .flexbox.stage06 .column-1 {
	background-color: #F2F5E9;
	border: 1px solid #A7BA63;
}

.tokushu .flexbox.stage07 .column-1 {
	background-color: #F5F8FF;
	border: 1px solid #6A91E6;
}

/*-----------------------------------------------
 お問い合わせ
-----------------------------------------------*/
.tokushu .contact {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto 20px !important;
	padding: 10px 10px 5px !important;
	background-color: rgba(255, 255, 255, 0.9);
	border-top: 2px solid #62563c;
	border-bottom: 2px solid #62563c;
}

.tokushu .contact h3 {
	margin-bottom: 5px !important;
	padding: 5px 10px !important;
	box-sizing: border-box;
	color: #fff;
	font-size: 1.4em;
	font-size: 14px !important;
	font-weight: bold;
	background-color: #b91b2a;
	text-align: center;
}

.tokushu .contact div {
	box-sizing: border-box;
	font-size: 1.4em;
	font-size: 14px !important;
	line-height: 130%;
	font-weight: bold;
	text-align: center;
	background-color: none !important;
	padding: 0 !important;
	margin: 10px 0 0 !important;
}

.tokushu .contact .caution {
	box-sizing: border-box;
	font-size: 1.2em;
	font-size: 12px !important;
	line-height: 110%;
	text-align: center;
	background-color: none !important;
	padding: 10px !important;
	margin: 0 !important;
}


/*-----------------------------------------------
 PV
-----------------------------------------------*/
.tokushu .movie {
	margin: 15px 0 15px !important;
	padding: 10px 0 11px !important;
	width: 100%;
	height: auto;
	background-color: rgba(0, 0, 0, 0.8);
	text-align: center !important;
	border-top: 3px double #fff;
	border-bottom: 3px double #fff;
}

.tokushu .movie iframe {
	width: 400px;
	height: 222px;
	margin: 0 !important;
	border: 1px solid #444;
}

/*-----------------------------------------------
 フッター
-----------------------------------------------*/
.tokushu .footer {
	background-color: #b91b2a;
	padding: 0 0 10px !important;
	color: #fff;
	font-size: 1.1em;
	font-size: 11px !important;
	text-align: center;
}

/*-----------------------------------------------
 backtop
-----------------------------------------------*/
.tokushu .page-top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 9999 !important;
}

.tokushu .page-top a:link {
	color: #b91b2a !important;
	font-size: 6em !important;
	text-decoration: none !important;
}

.tokushu .page-top a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.tokushu .page-top a:visited {
	color: #afa37e !important;
}