@charset "utf-8";

/* ===============================================
	RESET
=============================================== */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time {
	margin:0;
	padding:0;
	vertical-align:baseline;
}

li,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption {
	font-size:1em;
	font-weight:normal;
	font-style:normal;
}

fieldset,iframe {
	border:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

article,aside,footer,header,hgroup,nav,section,figure,figcaption {
	display:block;
}

img,abbr,acronym,fieldset {
	border:0;
	font-size:0;
	line-height:0;
}

li {
	list-style:none;
}

/*  .clearfix
------------------------------------------------*/
/*.clearfix:before {content:"";display:table;}*/
.clearfix:after {clear:both;}
.clearfix {overflow:hidden;*zoom:1;}

/*  ONLY
------------------------------------------------*/
.Android_only,
.iOS_only {
	display:none;
}
/* ===============================================
	BASE
=============================================== */
/*  BODY
------------------------------------------------*/
html {
	height:100%;
	font-size:62.5%;
}

body {
	height:100%;
	color:#231815;
	line-height:1.4;
	text-align:left;
}

* {
	-webkit-text-size-adjust:100%;
}

a {
	color:#231815;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
}

h1 {
	line-height:0;
}

h1 img {
	width:100%;
}


@media screen and (min-width: 801px){
h2 {
	margin:0 0 0 14px;
}

	
h3{
    background:#349ae9;
    color: #fff;
    display: inline-block;
		border-radius:20px;
    font-size: 1.4rem;
    margin: 0;
    padding:4px 14px;
		margin:0 0 10px 18px;
}

	
h4{
    color: #fff;
    font-size:1.4rem;
    padding:4px 10px 4px 5px;
		margin:0 0 10px 0;
		border-bottom:dashed 1px #fff;
}
}
/*800p以下*/
@media screen and (max-width: 800px){
h2 {
	margin:0 10px 0;
}

h2 img{
	width:100%;
	max-width:772px;
}


h3{
    background:#349ae9;
    color: #fff;
    display: inline-block;
		border-radius:20px;
    font-size: 1.0rem;
    margin: 0;
    padding:4px 8px;
		margin:0 0 5px 7px;
}


h4{
    color: #fff;
    font-size:1.2rem;
    padding:4px 5px;
		margin:0 0 10px 0;
		border-bottom:dashed 1px #fff;
}
}


/* ===============================================
	.cssパーツ集用スタイル
=============================================== */

.article{clear: both;}
.bgRed {background: #ffcccc; border: #999 1px solid;}
.bgBle {background: #ccffff; border: #999 1px solid;}
.bdr_b_dot{border-bottom: #ccc 1px dotted; padding-bottom:10px;}
.bdr_t_sld{border-top: #ccc 1px solid;}

/* ===============================================
	.body
=============================================== */
@media screen and (min-width: 800px){body {padding: 40px 0 0;}}

/* ===============================================
	.CONTENTS
=============================================== */
#container{
	background: #4396e1;
}

.article {
	background:#fff;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
}
@media screen and (min-width: 801px){.article{width: 800px;}}
@media screen and (max-width: 800px){.article{width: 100%;}}

/* ===============================================
	.ｃｐTitle.....キャンペーンのメインタイトル
=============================================== */
.cpTitle{

}
@media screen and (min-width: 801px){.cpTitle{ margin-top: 0;}}
@media screen and (max-width: 800px){.cpTitle{ margin-top: 0;} }
@media screen and (max-width: 480px){.cpTitle{ margin-top: 0;} }

/* ===============================================
	.cntTitle.....<h1>とかにつけてね
=============================================== */
.cntTitle{
	display: block;
	font-size:1.6rem;
	font-weight:bold;
	margin:20px 0 15px;
	padding:6px 8px 4px;
	background: #999;
	color: #fff;
}

/* ===============================================
	boxMargin / boxPadding
=============================================== */
@media screen and (min-width: 801px){
	.bm-0{ margin: 0;
				 padding:10px 18px;
				 color:#000;
				 font-weight:bold;
				 line-height:1.6;
}	
	.bm-s{ margin: 8px 8px 0; }
	.bm-s2{ margin: 8px; }
	.bm-m{ margin: 16px; }
	.bm-l{ margin:0 0 24px; }
	.bm-ll{ margin: 20px 0; }
	.bp-s2{ padding: 4px 0 8px; }
	.bp-s{ padding: 8px; }
	.bp-m{ padding: 16px; }
	.bp-l{ padding: 24px; }
	.bp-ll{ padding: 32px; }
	}
@media screen and (max-width: 800px){
	.bm-0{ 	background:margin: 0; padding:5px 8px 0; color:#000; font-weight:bold; line-height:1.4; }	
	.bm-s{ margin: 4px; }
	.bm-s2{ margin:4px 4px 8px; }
	.bm-m{ margin: 8px; }
	.bm-l{ margin:0 0 18px; }
	.bm-ll{ margin: 18px; }
	.bp-s2{ padding: 0 0 8px; }
	.bp-s{ padding: 8px; }
	.bp-m{ padding: 0 10px 0; }
	.bp-l{ padding: 24px; }
	.bp-ll{ padding: 32px; }
}
.bm-t-0{ margin-top: 0; }
.bm-r-0{ margin-right: 0; }
.bm-b-0{ margin-bottom: 0; }
.bm-l-0{ margin-left: 0; }
.bp-t-0{ padding-top: 0; }
.bp-r-0{ padding-right: 0; }
.bp-b-0{ padding-bottom: 0; }
.bp-l-0{ padding-left: 0; }
.bm-t{ margin-top: 10px; }


/* ===============================================
	flexBox
=============================================== */
.flexBox{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-webkit-flex-pack:justify;
	-moz-flex-pack:justify;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:row;
	-ms-flex-wrap:wrap;
	flex-direction:row;
	flex-wrap:wrap;
}
.flexBox > div,
.flexBox > li,
.flexBox > dd{
	display: block;
	-moz-box-flex: 1;
	-ms-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	flex-grow: 1;
	flex-wrap:wrap
	-ms-flex-align:stretch;
	flex-line-pack:stretch;

	space-between:justify;
	flex-shrink:1;
}
/* ===============================================
	text
=============================================== */

/* texSiz/////////////////////////////////// */
/*801px以上*/
@media screen and (min-width: 801px){
	.texSiz-ss{font-size: 10px;}
	.texSiz-s{font-size: 12px;}
	.texSiz-mb{font-size: 1.4rem; font-weight:bold;}
  .texSiz-m{font-size: 1.4rem;}
	.texSiz-l{font-size: 20px; font-weight:bold;}
	.texSiz-ll{font-size: 32px;}

.textEps{
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size:1.8rem;
}
}
/*800p以下*/
@media screen and (max-width: 800px){
	.texSiz-ss{font-size: 9px;}
	.texSiz-s{font-size: 12px;}
	.texSiz-mb{font-size: 1.2rem; font-weight:bold;}
	.texSiz-l{font-size: 14px; font-weight:bold;}
	.texSiz-ll{font-size: 24px;}

.textEps{
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size:1.4rem;
}
}
/* align //////////////////////////////////// */
.align-l{text-align: left;}
.align-c{text-align: center;}
.align-r{text-align: right;}

/* PS ///////////////////////////////////// */
p.Postscript {
	margin:10px 0 0 1em;
	color:#595757;
	font-size:0.88em;
	text-indent:-1em;
	line-height:1.25em !important;
	text-align:left;
}
p.Postscript:before {
	content:"※";
	color:#FF2400;
}
p.Postscript + .Postscript {
	margin:2px 0 0 1em;
}



/* ===============================================
	itemList
=============================================== */
/*共通*/
.itemList-v,
.itemList-s,
.itemList-m,
.itemList-l{
	margin: 0;
}
.itemList-s:after,
.itemList-m:after,
.itemList-l:after,
.itemList-w:after{
	content: "."; 
	display: block;
	height: 0; 
	font-size:0;	
	clear: both; 
	line-height: 0;
	visibility:hidden;

}
.itemList-s li,
.itemList-m li,
.itemList-l li{
	float: left;
}
.itemList-s li a,
.itemList-m li a,
.itemList-l li a,
.itemList-w .title,
.itemList-v .title{
	color: #006ccc;
}
.itemList-w a,
.itemList-v a{
	color: #006ccc;
	text-decoration:underline;
}
.itemList-s li:hover,
.itemList-m li:hover,
.itemList-l li:hover,
.itemList-w li:hover:hover{
	display: block;
	text-decoration: none;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.listImg{ margin: 0 4px; text-align: center; line-height: 0;}
.listImg img{ background: #ccc; width: 100%;}

.listImg2{ margin: 0 4px; text-align: center; line-height: 0;}
.listImg2 img{ background: #ccc; width: 100%;}

.itemDl{
	overflow: hidden;
	padding: 0 4px;
}

@media screen and (min-width: 801px){
.itemDl dt {
	font-size:1.5rem;
	display: block;
	margin: 10px 0 4px;
}

.itemList-l .itemDl dt {
	min-height:70px;
}


.itemList-m .itemDl dt {
	min-height:110px;
}
}
/*800p以下*/
@media screen and (max-width: 800px){
.itemDl dt {
	font-size:1.2rem;
	display: block;
	margin: 4px 0;
}
}

.itemDl dd p.Price{
	color: red;
	height: auto;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
}
.itemList-w .flexBox,
.itemList-v .flexBox{
	background-color:#fff;
}
.itemList-w .listImg,
.itemList-v .listImg,
.itemList-v .listImg2{
	min-width: 102px;
}

.itemList-w .itemDl,
.itemList-v .itemDl{
	color: #000; text-decoration: none;
}
.itemList-w li:hover,
.itemList-v li:hover{
	text-decoration: none;
}
.itemList-v li{ padding: 0 0 8px; width: 100%;}/*1列*/
.itemList-v .btn-m{
	width: 40%;
	min-width: 150px;
	margin: 0 8px 8px 0; 
}

.itemList-v .btn-m2{
	width: 40%;
	min-width: 150px;
	margin: 0 8px 8px 0; 
}

.itemList-v .listImg{ margin: 4px; padding: 0; width: 20%; max-width: 102px;}
/*
■【class:itemList-s】 -> [画面サイズ600px以上]7列　/　[画面サイズ599px以下]5列　/　[画面サイズ320px以下]3列
■【class:itemList-m】 -> [画面サイズ600px以上]5列　/　[画面サイズ599px以下]4列　/　[画面サイズ320px以下]3列
■【class:itemList-l】 -> [画面サイズ600px以上]4列　/　[画面サイズ600px以上]3列　/　[画面サイズ599px以下]2列
■【class:itemList-w】 -> [画面サイズ801px以上]2列　/　[画面サイズ800px以下]1列
■【class:itemList-v】 -> [画面サイズ801px以上]1列　/　[画面サイズ800px以下]1列
*/
@media screen and (min-width: 801px){
	.itemList-w li{ float: left; padding: 0; width: 50%;}/*2列*/
	.itemList-w .itemDl{ display: block;}
	.itemList-w .itemDl .btn-l{ margin-right: 0; padding: 8px 0; width: 70%; }
	.itemList-w .btn-m{
		width: 60%;
		max-width: 200px;
		min-width: 150px;
		margin: 0 8px 8px 0; 
	}
	.itemList-w .btn-m2{
		width: 60%;
		max-width: 200px;
		min-width: 150px;
		margin: 0 8px 8px 0; 
	}
	.itemList-w .listImg{ margin: 4px; padding: 0; width: 20%; max-width: 146px;}
	.itemList-w .itemDl{ min-height: 180px; margin-top: 4px; }

	.itemList-v .listImg{ margin: 4px; padding: 0; width: 30%; max-width: 174px;}
	.itemList-v .listImg2{ margin: 4px; padding: 0; width: 30%; max-width: 144px;}
	

}
@media screen and (max-width: 800px){
	.itemList-w li{ padding: 0; width: 100%;}/*1列*/

	.itemList-w .btn-m{

		min-width: 120px;
		margin: 0 8px 8px 0; 
	}
	.itemList-w .listImg{ margin: 4px; padding: 0; width: 20%; max-width: 102px;}

	.itemList-v .listImg{ margin: 4px; padding: 0; width: 30%; max-width: 102px;}
	.itemList-v .listImg2{ margin: 4px; padding: 0; width: 30%; max-width: 102px;}
}
@media screen and (min-width: 600px){
	.itemList-s li{ padding: 0 0 8px; width: 14.28%;}/*7列*/
	.itemList-m li{ padding: 0 0 8px; width: 20%;}/*5列*/
	.itemList-l li{ padding: 0 0 8px; width: 25%;}/*4列*/
}
@media screen and (max-width: 599px){
	.itemList-s li{ padding: 0 0 8px; width: 20%;}/*5列*/
	.itemList-m li{ padding: 0 0 8px; width: 25%;}/*4列*/
	.itemList-l li{ padding: 0 0 8px; width: 33%;}/*3列*/
}
@media screen and (max-width: 480px){
	.itemList-s li{ padding: 0 0 8px; width: 33%;}/*3列*/
	.itemList-m li{ padding: 0 0 8px; width: 33%;}/*3列*/
	.itemList-l li{ padding: 0 0 8px; width: 50%;}/*2列*/
}

/* ===============================================
	icon
=============================================== */
.itemList-s li,
.itemList-m li,
.itemList-l li,
.itemList-w li,
.itemList-v li{
	position: relative;
}

.iconSet{
	font-size: 12px;
	left: 2px;
	position: absolute;
	top: 0;
	opacity:0.8;
	filter:alpha(opacity=8);
	-ms-filter:"alpha(opacity=8)";
	width: 20px;
}

@media screen and (max-width: 800px){
	.itemList-w .iconSet,{ top: 0; left: 4px; }
	.itemList-v .iconSet{ top: 0; left: 4px;}
}
@media screen and (min-width: 801px){
	.itemList-w .iconSet{ top: 8px; left: 8px;}
	.itemList-v .iconSet{ top: 0; left: 8px;}
}
.iconSet p{
	color: #fff;
	display: block;
	line-height: 1;
	margin: 0 0 4px;
	text-align: center;
	font-weight: bold;
}
.icon{
	background: #666;
	padding: 4px 2px;
}
.icon:nth-child(odd){
	background: #222;
}
.iconPrice{
	background: red;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	padding: 2px 4px;
	margin: 0 2px 0 0;
	max-width: 40%;
	min-width: 50px;
	text-align: center;
}

/* ===============================================
	period
=============================================== */
.period div:nth-child(1){
	background: #c2111c;
	color: #fff;
}
.period div:nth-child(2){
	border: #430910 1px solid;
	border-top: none;
	text-align: center;
}
/*pc用 769px以上*/
@media screen and (min-width: 769px){
.period div:nth-child(1) {
    font-size: 1.8rem;
    font-weight: bold;
    padding: 8px 8px 8px 11px;
}
	.period div:nth-child(2){padding: 16px;}
}
/*320px用*/
@media screen and (max-width: 769px){
	.period div:nth-child(1){padding: 4px;}
	.period div:nth-child(2){padding: 8px;}
}

.period{ margin:0;}

@media screen and (min-width: 801px){
.period-Day{ font-size:2.0rem; font-weight:bold;}
}

@media screen and (max-width: 800px){
.period-Day{ font-size:1.6rem; font-weight:bold;}
}

@media screen and (max-width: 769px){
.period-Day{ font-size:1.2rem; font-weight:bold;}
}


/* ===============================================
	period
=============================================== */
@media screen and (min-width: 801px){
	.notPc{ display: none!important;}
}
@media screen and (max-width: 800px){
	.notSp{ display: none!important;}
}

/* ===============================================
	button
=============================================== */
/* SET BUTTON カートつきへこむボタン */
.setButton a {
	background: #518E48 url(../img/common/icon_cart.png) 10px center no-repeat;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	box-shadow: 0 2px 0 #38520C;
	-webkit-box-shadow: 0 2px 0 #38520C;
	padding: 8px 10px 8px 30px;
}

/* TEXT LINK */
.textLink a {
	display: inline-block;
	margin: 0 2px 0 10px;
	padding: 2px 10px 2px 22px;
	background: #FE0000 url(../img/common/arrow_w.png) 10px center no-repeat;
	border-radius: 2px;
	box-shadow: 1px 1px 0 #000;
	color: #fff;
	font-size: 0.88em;
	-webkit-box-shadow: 1px 1px 0 #000;
}

.btn-m{
	background: red;
	border-radius: 2px;
	box-shadow: 1px 1px 0 #000;
	-webkit-box-shadow: 1px 1px 0 #000;
	color: #fff;
	display: inline-block;
	line-height: 1;
	text-align: center;
}

.btn-m2{
	background:#52b2b9;
	border-radius: 2px;
	box-shadow: 1px 1px 0 #000;
	-webkit-box-shadow: 1px 1px 0 #000;
	color: #fff;
	display: inline-block;
	line-height: 1;
	text-align: center;
}


@media screen and (min-width: 801px){
.btn-l{
  background-image: linear-gradient(to bottom, #a40a18 49%, #980714 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #980714), color-stop(0.49, #a40a18 ));/*濃⇔淡*/
  border: 1px solid #5c050d;
  border-radius: 8px;
  box-shadow: none;
  text-shadow: 0 0 2px #3b0c10;
	color: #fff;
	display: block;
	line-height: 1.2;
	margin-left: auto;
	margin-right: auto;
	max-width: 400px;
	text-align: center;
}

.btn-l2{
  background-image: linear-gradient(to bottom, #500622 49%, #44051d 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #44051d), color-stop(0.49, #500622 ));/*濃⇔淡*/
  border: 1px solid #290311;
  border-radius: 8px;
  box-shadow: none;
  text-shadow: 0 0 2px #290311;
	color: #fff;
	display: block;
	line-height: 1.2;
	margin-left: auto;
	margin-right: auto;
	max-width: 400px;
	text-align: center;
}
}

@media screen and (max-width: 800px){
.btn-l{
  background-image: linear-gradient(to bottom, #a40a18 49%, #980714 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #980714), color-stop(0.49, #a40a18 ));/*濃⇔淡*/
  border: 1px solid #5c050d;
  border-radius: 8px;
  box-shadow: none;
  text-shadow: 0 0 2px #3b0c10;
	color: #fff;
	display: block;
	line-height: 1.2;
	margin-left: auto;
	margin-right: auto;
	max-width: 280px;
	text-align: center;
}

.btn-l2{
  background-image: linear-gradient(to bottom, #500622 49%, #44051d 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #44051d), color-stop(0.49, #500622 ));/*濃⇔淡*/
  border: 1px solid #290311;
  border-radius: 8px;
  box-shadow: none;
  text-shadow: 0 0 2px #290311;
	color: #fff;
	display: block;
	line-height: 1.2;
	margin-left: auto;
	margin-right: auto;
	max-width: 280px;
	text-align: center;
}
}

.btn-m div,
.btn-l div,
.btn-l2 div{ color: #fff; }
/*　button:hover　////////////////////////////////////*/
.buttonArea .Button a:hover {
	opacity:0.75;
	filter:alpha(opacity=75);
	-ms-filter:"alpha(opacity=75)";
}
/* SET BUTTON */
.setButton a:hover {
	margin:2px 0 -2px;
	box-shadow:0 -2px 0 #38520C;
	-webkit-box-shadow:0 -2px 0 #38520C;
}
/* TEXT LINK /  */
.textLink:hover,
.btn-m:hover,
.btn-m2:hover,
.btn-l:hover,
.btn-l2:hover{
	opacity:0.75;
	filter:alpha(opacity=75);
	-ms-filter:"alpha(opacity=75)";
}

/* ===============================================
	attention
=============================================== */
@media screen and (min-width: 801px){
.attention ol {
    counter-reset: li;
    margin: 0 0 20px;
}

.attention ol li:before {
    border: 1px solid #333;
    border-radius: 1em;
    content: counter(li, decimal);
    counter-increment: li;
    font-weight: bold;
    height: 1em;
    left: -1.5em;
    line-height: 1.2em;
    position: absolute;
    text-align: center;
    top: 0;
    width: 1em;
		font-size:1.4rem;
}

.attention ol li {
    line-height: 1.25em;
    margin: 0 0 5px 1.5em;
    position: relative;
		font-size:1.4rem;
}

.attention ul li {
    line-height: 1.25em;
    list-style: outside disc;
    margin: 0 0 5px 1.25em;
		font-size:1.4rem;
		color:#fff;
}

.attentbg{
	background-color:#000f2b;
		padding:10px 15px;
}


.attention2 ol {
    counter-reset: li;
    margin: 0 20px 20px;
}

.attention2 ol li:before {
    border: 1px solid #333;
    border-radius: 1em;
    content: counter(li, decimal);
    counter-increment: li;
    font-weight: bold;
    height: 1em;
    left: -1.5em;
    line-height: 1.2em;
    position: absolute;
    text-align: center;
    top: 0;
    width: 1em;
		font-size:1.4rem;
}

.attention2 ol li {
    line-height: 1.25em;
    margin: 0 0 5px 1.5em;
    position: relative;
		font-size:1.4rem;
}

.attention2 ul li {
    line-height: 1.25em;
    list-style: outside disc;
    margin: 0 20px 5px 3.00em;
		font-size:1.4rem;
		color:#000;
}

}
/*800p以下*/
@media screen and (max-width: 800px){
.attention ol {
    counter-reset: li;
    margin: 0 0 20px;
}

.attention ol li:before {
    border: 1px solid #333;
    border-radius: 1em;
    content: counter(li, decimal);
    counter-increment: li;
    font-weight: bold;
    height: 1em;
    left: -1.5em;
    line-height: 1.2em;
    position: absolute;
    text-align: center;
    top: 0;
    width: 1em;
		font-size:1.2rem;
}

.attention ol li {
    line-height: 1.25em;
    margin: 0 0 5px 1.5em;
    position: relative;
		font-size:1.2rem;
}


.attention ul li {
    line-height: 1.25em;
    list-style: outside disc;
    margin: 0 0 5px 1.00em;
		font-size:1.2rem;
		color:#fff;
}

.attentbg{
	background-color:#2d0e0c;
		padding:10px 10px;
}


.attention2 ol {
    counter-reset: li;
    margin: 0 10px 20px;
}

.attention2 ol li:before {
    border: 1px solid #333;
    border-radius: 1em;
    content: counter(li, decimal);
    counter-increment: li;
    font-weight: bold;
    height: 1em;
    left: -1.5em;
    line-height: 1.2em;
    position: absolute;
    text-align: center;
    top: 0;
    width: 1em;
		font-size:1.2rem;
}

.attention2 ol li {
    line-height: 1.25em;
    margin: 0 0 5px 1.5em;
    position: relative;
		font-size:1.2rem;
}


.attention2 ul li {
    line-height: 1.25em;
    list-style: outside disc;
    margin: 0 10px 5px 2.00em;
		font-size:1.2rem;
		color:#000;
}
}

.attention li a{
	color:#ffb9d3;
	text-decoration:underline;
}


/* ===============================================
	FOOTER
=============================================== */
#footer {
	padding:10px 0 0;
}

#copyright {
	color:#666;
	font-size:1.2rem;
	line-height:1.2em;
	text-align:center;
}
/* ===============================================
	period
=============================================== */
@media screen and (min-width: 801px){
	.min801Only{ display: none!important;}
}
@media screen and (max-width: 800px){
	.max800Only{ display: none!important;}
}

@media screen and (min-width: 801px){
.itemList-w .flexBox{
	min-height:180px;}
}
/*800p以下*/
@media screen and (max-width: 800px){
.itemList-w .flexBox{
	min-height:160px;}
}

@media screen and (max-width: 800px){
.Banner {
    margin:10px 10px 0;
    text-align: center;
		padding:0 20px;
}
.Banner img{
	width:100%;
	max-width:550px;
	
}
}

@media screen and (min-width: 801px){
.bdr{border: #b9b9b9 2px solid;  border-radius: 4px; margin:0 18px 28px;}
}
/*800p以下*/
@media screen and (max-width: 800px){
.bdr{border: #b9b9b9 2px solid;  border-radius: 4px; margin:0 8px 24px;}
}

.mb50{
}
	
.red{
	color:#d10000;
}

.pink{
	color:#e40056;
}

.blue{
	color:#0b6ebb;
}

.bg {
  background:url("../img/main2.png")  no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  margin: 0;
  padding:1px 0 0;
	clear:both;
	background-size:100% auto;
}

@media screen and (min-width: 801px){
.otherArea {
    background: none repeat scroll 0 0 #dadedd;
    border-radius: 4px;
    margin:0 18px 30px;
    padding: 6px;
}

.otherArea .listArea {
    background: none repeat scroll 0 0 #fff;
    padding: 10px;
}

.otherArea dl:first-child {
    margin: 0 0 5px;
}

.otherArea dl {
    letter-spacing: -0.4em;
}

.otherArea dt {
    letter-spacing: normal;
    margin: 0 0 5px;
}

.otherArea dd::before {
    display: block;
    left: -15px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 15px;
}

.otherArea dd {
    display: inline-block;
    font-size: 1.4rem;
    letter-spacing: normal;
    line-height: 1.2em;
    margin: 8px 0 0;
    position: relative;
    vertical-align: top;
    width: 180px;
}

.otherArea dt em {
    color: #fff;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 4px 10px;
}


.otherArea dd a{
	color:#006ccc;
	text-decoration:underline;
}

.otherArea dd a:hover {
	opacity:0.75;
	text-decoration:none;
	filter:alpha(opacity=75);
	-ms-filter:"alpha(opacity=75)";
}
}
/*800p以下*/
@media screen and (max-width: 800px){
.otherArea {
    background: none repeat scroll 0 0 #dadedd;
    border-radius: 4px;
    margin:0 10px 20px;
    padding: 6px;
}

.otherArea .listArea {
    background: none repeat scroll 0 0 #fff;
    padding: 10px;
}

.otherArea dl:first-child {
    margin: 0 0 5px;
}

.otherArea dl {
    letter-spacing: -0.4em;
}

.otherArea dt {
    letter-spacing: normal;
    margin: 0 0 5px;
}

.otherArea dd::before {
    display: block;
    left: -15px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 15px;
}

.otherArea dd {
    display: inline-block;
    font-size: 1.4rem;
    letter-spacing: normal;
    line-height: 1.2em;
    margin: 8px 0 0;
    position: relative;
    vertical-align: top;
    width: 180px;
}

.otherArea dt em {
    color: #fff;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 4px 10px;
}


.otherArea dd a{
	color:#006ccc;
	text-decoration:underline;
}

.otherArea dd a:hover {
	opacity:0.75;
	text-decoration:none;
	filter:alpha(opacity=75);
	-ms-filter:"alpha(opacity=75)";
}
}



@media screen and (min-width: 801px){
.rule{
	margin:-10px 20px 0;
	text-align:right;
	font-size:1.2rem;
}
}
/*800p以下*/
@media screen and (max-width: 800px){
.rule{
	margin:-10px 20px 0;
	text-align:right;
	font-size:0.9rem;
}
}

.rule a{
	color:#d10000;
	text-decoration:underline;
}

.rule a:hover {
	opacity:0.75;
	text-decoration:none;
	filter:alpha(opacity=75);
	-ms-filter:"alpha(opacity=75)";
}

@media screen and (min-width: 801px){
.coupon{
	background: #ffedea url(../img/code.png) no-repeat center;
	background-size: 580px 120px;
	color: #fff;
	font-size: 5.0rem;
	font-weight: bold;
	height: 120px;
	line-height: 110px;
	margin: 15px auto;
	padding: 0 0 0 60px;
	overflow: hidden;
	text-align: center;
	width: 580px;
}
}
/*800p以下*/
@media screen and (max-width: 800px){
.coupon{
	background: #ffedea url(../img/code.png) no-repeat center;
	background-size: 290px 60px;
	color: #fff;
	font-size: 3.0rem;
	font-weight: bold;
	height: 60px;
	line-height: 55px;
	margin: 4px auto 10px;
	padding: 0 0 0 50px;
	overflow: hidden;
	text-align: center;
	width: 290px;
}
}

@media screen and (min-width: 801px){

.Banner2 {
    margin:20px 0 15px;
    text-align: center;
}

.tlt{
    background:#c0022a;
    color: #fff;
    display: inline-block;
		border-radius:20px;
    font-size: 1.2rem;
    margin: 0;
    padding:4px 14px;
		margin:0 0 0 5px;
}

}

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

.Banner2 {
    margin:10px 0 10px;
    text-align: center;
		padding:0 10px;
}


.Banner2 img{
	width:100%;
	max-width:727px;
}

.tlt{
    background:#c0022a;
    color: #fff;
    display: inline-block;
		border-radius:20px;
    font-size: 1.2rem;
    margin: 5px;
    padding:2px 12px;
}

.ss img{
	width:100%;
	max-width:253px;
	}

}


.read{
	margin:5px 15px 0;
	line-height:1.4;
}