@charset "UTF-8";

/*-----------------------------------------------
 font
-----------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900&display=swap&subset=japanese");
@import url("http://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/css/yakuhanjp.min.css");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/css/yakuhanjp.min.css");

@import url("http://fonts.googleapis.com/css?family=Barlow:400,600,700,800,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Barlow:400,600,700,800,900&display=swap");

@import url('http://fonts.googleapis.com/css?family=Oxanium:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oxanium:400,700&display=swap');


@import url('http://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

@import url('https://use.fontawesome.com/releases/v5.6.0/css/all.css');
@import url('http://use.fontawesome.com/releases/v5.6.0/css/all.css');

/*-----------------------------------------------
 おしらせ
-----------------------------------------------*/
.tokusetsu .mikuInfo {
	position: relative;
	width: calc(100% - 20px);
	margin: -70px 10px 10px!important;
	padding: 5px 8px 10px!important;
	text-align: center;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid #ff0000;
	background-color: rgba(255, 255, 255, 0.9);
}

.tokusetsu .mikuInfo p {
    color: #d80000;
	font-size: 15px !important;
    letter-spacing: 1.0px!important;
    line-height: 23px!important;
    text-align: left!important;
}

.tokusetsu .red {
    color: #ff0000;
}

/*-----------------------------------------------
 見出し
-----------------------------------------------*/
.tokusetsu .mikuInfo h4 {
	position: relative;
	top: 0;
	color: #ff0000!important;
	font-size: 24px !important;
	font-weight: 900!important;
	letter-spacing: 1.5px!important;
	margin: 0 0 10px!important;
	padding: 0 !important;
	text-shadow:none!important;
	z-index: 10;
}

.tokusetsu .mikuInfo h4 span:before,
.tokusetsu .mikuInfo h4 span:after {
	position: relative;
	top: 0!important;
	display: inline-block;
	content: " "!important;
	font-size: 22px !important;
	margin: 0 !important;
}

/*-----------------------------------------------
 商品 カートボタン
-----------------------------------------------*/
.tokusetsu .item .btn {
	display: inline-block;
	position: relative;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	width: 162px;
	height: 35px;
	margin: 0!important;
	padding: 0 !important;
	color: #fff;
	text-align: center;
	background-color: #a00832;
	-webkit-border-radius: 25px;
	-ms-border-radius: 25px;
	-moz-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
}

.tokusetsu .item .btn span {
	position: relative;
	z-index: 3;
	font-size: 1.3em;
	font-size: 13px !important;
	line-height: 33px !important;
	font-weight: 500;
}


/*-----------------------------------------------
 中止のおしらせ
-----------------------------------------------*/
.tokusetsu .main .overview .fin {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(100, 58, 42, 0.9);
	z-index: 300;
	width: 95%;
	height: calc(95% - 45px);
	font-size: 18px !important;
    line-height: 22px;
	padding: 45px 0 0!important;
	margin: 0 auto!important;
	color: #fff;
	text-shadow: #643a2a 2px 2px 3px, #643a2a -2px 2px 3px, #643a2a 2px -2px 3px, #643a2a -2px -2px 3px, #643a2a 0px 0px 2px, #643a2a 0px 0px 2px, #643a2a 0px 0px 2px, #643a2a 0px 0px 2px, #643a2a 0px 0px 2px, #643a2a 0px 0px 2px, #643a2a 0px 0px 2px, #643a2a 0px 0px 2px, #643a2a 0px 0px 2px;
	-webkit-filter: dropshadow(color=#643a2a, offX=0, offY=-1) dropshadow(color=#643a2a, offX=1, offY=0) dropshadow(color=#643a2a, offX=0, offY=1) dropshadow(color=#643a2a, offX=-1, offY=0);
	filter: dropshadow(color=#643a2a, offX=0, offY=-1) dropshadow(color=#643a2a, offX=1, offY=0) dropshadow(color=#643a2a, offX=0, offY=1) dropshadow(color=#643a2a, offX=-1, offY=0);
}