@charset "utf-8";

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: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%;
	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: 1000px){
.items__box {
  width: 967px;
  margin: 5px auto 0;
  padding: 20px 0 0; }

.items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 15px; }

.item {
  width: 50%;
  text-align: center;
  margin-bottom: 20px;}
 
.item img{
width: 90%;
}

.rankfont{
font-size: 14px;
margin: 5px 0 0;
}

.item a:hover {
	opacity:0.60;
	filter:alpha(opacity=60);
	-ms-filter:"alpha(opacity=60)";
}

h2.text{
	 margin:0;
	 padding:5px;
	 font-size:3.0rem;
	 font-weight:bold;
	 text-align:center;
	 color:#fff;
	 background:#0f0981;
}
.h2border{
	 margin:10px 0;
	 padding:2px 0;
	 border-top:3px solid #0f0981;
	 border-bottom:3px solid #0f0981;
	}
	
h3{
	margin:0 20px 0;
	padding:0;
}
h3 img{
	width:100%;
}

h4{
    color: #ffffff;
    font-size: 2.0rem;
    padding:4px 0;
	margin:0 0 5px;
	font-weight:bold;
	border-bottom:#cecece solid 2px;
}

h5{
    color: #fff;
    font-size:1.8rem;
    padding:4px 5px;
	margin:10px 0 0;
}
/* textEps ///////////////////////////////////// */

.textEps {
color:#000;
/* config */
line-height: 1.5;
height: 3em;
background-color: #fff;
/* config end */

position: relative;
padding-right: 1em;
overflow: hidden;
}

.textEps:before {
content: "...";
position: absolute;
right: 0;
bottom: 0;
display: inline-block;
width: 1em;
}

.textEps:after {
content: "";
position: relative;
right: -1em;
float: right;
width: 1em;
height: 100%;
background-color: inherit;
}
}
/*800p以下*/
@media screen and (max-width: 1000px){
.items__box {
  width: 967px;
  margin: 5px auto 0;
  padding: 20px 0 0; }

.items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 15px; }

.item {
  width: 50%;
  text-align: center;
  margin-bottom: 20px;}
 
.item img{
width: 90%;
}

.rankfont{
font-size: 14px;
margin: 5px 0 0;
}

.item a:hover {
	opacity:0.60;
	filter:alpha(opacity=60);
	-ms-filter:"alpha(opacity=60)";
}

h2.text{
	 margin:0;
	 padding:5px;
	 font-size:2.6rem;
	 font-weight:bold;
	 text-align:center;
	 color:#fff;
	 background:#0f0981;
}
.h2border{
	 margin:10px 0;
	 padding:2px 0;
	 border-top:3px solid #0f0981;
	 border-bottom:3px solid #0f0981;
	}

h2 img{
	 margin:10px 0 0;
	width:100%;
	max-width:1000px;
}
	

h3{
	margin:0 20px 0;
	padding:0;
}
h3 img{
	width:100%;
}


h4{
    color: #ffffff;
    font-size: 1.8rem;
    padding:4px 0;
	margin:0 0 5px;
	font-weight:bold;
	border-bottom:#cecece solid 2px;
}

h5{
    color: #fff;
    font-size:1.8rem;
    padding:4px 5px;
	margin:10px 0 0;
}

/* textEps ///////////////////////////////////// */

.textEps {
color:#000;
/* config */
line-height: 1.5;
height: 3em;
background-color: #fff;
/* config end */

position: relative;
padding-right: 1em;
overflow: hidden;
box-sizing:border-box;
}

.textEps:before {
content: "...";
position: absolute;
right: 0;
bottom: 0;
display: inline-block;
width: 1em;
}

.textEps:after {
content: "";
position: relative;
right: -1em;
float: right;
width: 1em;
height: 100%;
background-color: inherit;
}
}
@media screen and (max-width: 800px){
h2.text{
	 font-size:2.0rem;
}
}
@media screen and (max-width: 800px){
.h2border{
	 margin:5px 0;
	}
}

@media screen and (max-width: 600px){
h2.text{
	 font-size:1.6rem;
}

.items__box {
  width: 100%;
  margin: 5px auto 0;
  padding: 20px 0 0; }

.items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 15px; }

.item {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;}
 
.item img{
width: 100%;
}

.rankfont{
font-size: 13px;
margin: 5px 0 0;
}

.item a:hover {
	opacity:0.60;
	filter:alpha(opacity=60);
	-ms-filter:"alpha(opacity=60)";
}

}

@media screen and (max-width: 480px){
h2.text{
	 font-size:1.4rem;
}

h2 img{
	 margin:10px 0 0;
	width:100%;
	max-width:1000px;
}
	
h3{
	margin:0 10px 0;
	padding:0;
}
h3 img{
	width:100%;
}


h4{
    color: #ffffff;
    font-size: 1.8rem;
    padding:4px 0;
	margin:0 0 5px;
	font-weight:bold;
	border-bottom:#cecece solid 2px;
}

h5{
    color: #fff;
    font-size:1.8rem;
    padding:4px 5px;
	margin:10px 0 0;
}
/* textEps ///////////////////////////////////// */
.textEps {
color:#000;
/* config */
line-height: 1.5;
height: 3em;
background-color: #fff;
/* config end */

position: relative;
padding-right: 1em;
overflow: hidden;
}

.textEps:before {
content: "...";
position: absolute;
right: 0;
bottom: 0;
display: inline-block;
width: 1em;
}

.textEps:after {
content: "";
position: relative;
right: -1em;
float: right;
width: 1em;
height: 100%;
background-color: inherit;
}

}

.textEps2{
	display: block;

	overflow: hidden;
}

/* ===============================================
	.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;}
.bdr_t_sld{border-top: #ccc 1px dotted;}

.bdr{
	margin:0 0 15px !important;
	padding:10px 0 !important;
}

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

/* ===============================================
	.CONTENTS
=============================================== */
#container{
	background: #1c1c1c;
}

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

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

}
@media screen and (min-width: 1000px){.cpTitle{ margin-top: 0;}}
@media screen and (max-width: 1000px){.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: 1000px){
	.bm-0{ 
	       margin:0 0 15px;
				 padding:10px 12px;
				 background-color:#e3f4f1;
				 color:#000;
				 font-weight:bold;
				 line-height:1.5;
				 font-size:1.8rem;
}	

	.bm-02{ 
	       margin:15px 18px;
				 padding:5px 0 0;
				 font-size:1.4rem;
				 color:#000;
				 font-weight:bold;
				 line-height:1.5;
}	

	.bm-s{ margin:4px 5px 15px; padding:8px;}
	.bm-s2{ margin:0 5px 10px;}
	.bm-s3{ margin:0 5px 0;}
	.bm-s4{ margin:0 5px 10px;}
	.bm-m{ margin: 16px; }
	.bm-l{ margin: 24px; }
	.bm-ll{ margin: 20px 0; }
	.bp-s3{ margin: 30px 0 40px; }
	.bp-s2{ margin: 15px 0; }
	.bp-s{ margin: 0 0 10px; }
	.bp-m{ margin: 10px 0 0; padding: 10px; }
	.bp-l{ padding: 24px; }
	.bp-ll{ padding: 32px; }

.read {
    line-height: 1.4;
    margin:0 15px;
		font-weight:bold;
		font-size:1.6rem;
}

.read2 {
    line-height: 1.4;
    margin:10px 15px 0;
		font-weight:bold;
		font-size:2.2rem;
}

.read3{
    line-height: 1.2;
    margin:0 15px 20px;
		font-size:2.0rem;
		color:#1d457b !important;
		text-decoration:underline;
}

.read3 a{
	color:#1d457b;
	text-decoration:underline;
}

.read3 a:hover{
	color:#2f72cd;
	text-decoration:underline;
}

.h50{}

}


@media screen and (max-width: 1000px){
	.bm-0{ 
	       margin:0 0 15px;
				 padding:8px 10px;
				 background-color:#e3f4f1;
				 color:#000;
				 font-weight:bold;
				 line-height:1.5;
				 font-size:1.6rem;
}	

	.bm-02{ 
	       margin:6px 8px 8px;
				 padding:0;
				 font-size:1.2rem;
				 color:#000;
				 font-weight:bold;
				 line-height:1.5;
}	
	.bm-s{ margin: 4px 10px 15px;}
	.bm-s2{ margin: 4px 2px 0;}
	.bm-s4{ margin: 4px 2px 10px;}
	.bm-m{ margin: 8px; }
	.bm-l{ margin: 12px; }
	.bm-ll{ margin: 18px; }
	.bp-s3{ margin: 30px 10px 40px; }
	.bp-s2{ margin: 15px 0; }
	.bp-s{ margin: 0 0 10px; }
	.bp-m{ margin: 10px 0 0; padding: 10px; }
	.bp-l{ padding: 24px; }
	.bp-ll{ padding: 32px; }
	

.read {
    line-height: 1.4;
    margin:5px 10px 0;
		font-weight:bold;
		font-size:1.2rem;
}

.read2 {
    line-height: 1.4;
    margin:5px 5px 0;
		font-weight:bold;
		font-size:1.6rem;
}

.read3{
    line-height: 1.2;
    margin:0 15px 20px;
		font-size:1.4rem;
		color:#1d457b !important;
		text-decoration:underline;
}

.read3 a{
	color:#1d457b;
	text-decoration:underline;
}

.read3 a:hover{
	color:#2f72cd;
	text-decoration:underline;
}

}
@media screen and (max-width: 600px){
	.bp-m{ margin: 5px 0 0; padding: 10px; }
}
@media screen and (max-width: 480px){
	.bm-0{ 
	       margin:0 0 15px;
				 padding:8px 10px;
				 background-color:#e3f4f1;
				 color:#000;
				 font-weight:bold;
				 line-height:1.2;
				 font-size:1.1rem;
}

	.bm-s{ margin: 4px 4px 15px;}
	.bm-s4{ margin: 7px 10px;}
	.bp-s3{ margin: 20px 10px 20px; }

.h50{ height:80px;}

}

.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; }


.cap{
    background:#fc4283;
    color: #fff;
    display: inline-block;
		border-radius:20px;
    font-size: 1.4rem;
		font-weight:bold;
    margin: 0;
    padding:2px 18px;
		margin:10px 0 5px;
}
	
/* ===============================================
	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;
	-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;
}

@media screen and (max-width: 600px){
.itemList-w .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: block;
	-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;
	-ms-flex-direction:row;
	-ms-flex-wrap:wrap;
	flex-direction:row;
	flex-wrap:wrap;
}

}

/* ===============================================
	text
=============================================== */
.jfk{}

ul.jfk2 li .listImg{ margin: 0; text-align: center; line-height: 0; width:100%;}
/* texSiz/////////////////////////////////// */
/*801px以上*/
@media screen and (min-width: 1000px){
	.texSiz-ss{font-size: 1.4rem;}
	.texSiz-s{font-size: 1.6rem;}
	.texSiz-mb{font-size: 1.8rem; font-weight:bold;}
  .texSiz-m{font-size: 1.4rem;}
  .texSiz-m2{font-size: 1.8rem; line-height:1.5;}
	.texSiz-l2{font-size:2.6rem; font-weight:bold; line-height:1.2;}
	.texSiz-l{font-size: 2.0rem; line-height:1.2;}
	.texSiz-ll{font-size: 32px;}
	
	.jfk .listImg{ margin: 0 4px; text-align: center; line-height: 0; max-width:124px; width:100%;}
	.itemList-m li{margin: 0 0 10px; padding: 0 0.1%; width: 20%;}/*5列*/
}
/*800p以下*/
@media screen and (max-width: 1000px){
	.texSiz-ss{font-size: 1.2rem;}
	.texSiz-s{font-size: 1.4rem;}
	.texSiz-mb{font-size: 1.8rem; font-weight:bold;}
  .texSiz-m{font-size: 1.4rem;}
  .texSiz-m2{font-size: 1.6rem; line-height:1.5;}
	.texSiz-l2{font-size:2.2rem; font-weight:bold; line-height:1.2;}
	.texSiz-l{font-size: 1.8rem; line-height:1.2;}
	.texSiz-ll{font-size: 32px;}
	
	.jfk .listImg{ margin: 0 4px; text-align: center; line-height: 0; max-width:124px; width:100%;}


}

@media screen and (max-width: 800px){
	.texSiz-l2{font-size:2.0rem; font-weight:bold; line-height:1.2;}
	.texSiz-l{font-size: 1.6rem; line-height:1.2;}
  .texSiz-m2{font-size: 1.6rem; line-height:1.5;}
}

@media screen and (max-width: 600px){
	.texSiz-l2{font-size:1.6rem; font-weight:bold; line-height:1.2;}
	.texSiz-l{font-size: 1.4rem; line-height:1.2;}
  .texSiz-m2{font-size: 1.6rem; line-height:1.5;}
}


@media screen and (max-width: 480px){
	.texSiz-ss{font-size: 1.0rem;}
	.texSiz-s{font-size: 1.2rem;}
	.texSiz-mb{font-size: 1.4rem; font-weight:bold;}
  .texSiz-m{font-size: 1.2rem;}
  .texSiz-m2{font-size: 1.4rem; line-height:1.5;}
	.texSiz-l2{font-size:1.4rem; font-weight:bold; line-height:1.2;}
	.texSiz-l{font-size: 1.4rem; line-height:1.2;}
	.texSiz-ll{font-size: 32px;}

	.jfk .listImg{ margin: 0 4px; text-align: center; line-height: 0; width:95%; max-width:none;}
}


@media screen and (max-width: 1000px){
	.itemList-m li{margin: 0 0 10px; padding: 0 0.1%; width: 19.8%;}/*5列*/
}
@media screen and (max-width: 800px){
	.itemList-m li{margin: 0 0 10px; padding: 0 0.1%; width: 20%;}/*5列*/
}

@media screen and (max-width: 600px){
	.itemList-m li{ margin: 0 0 5px; padding: 0 0.1%; width: 33%;}/*3列*/
}

@media screen and (max-width: 599px){
	.itemList-m li{ margin: 0 0 5px; padding: 0 0.1%; width: 33%;}/*3列*/
}

@media screen and (max-width: 480px){
	.itemList-m li{ margin: 0 0 5px; padding: 0 0.1%; width: 33%;}/*3列*/
}



/* 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.4 !important;
	text-align:left;
}
p.Postscript:before {
	content:"※";
	color:#FF2400;
}
p.Postscript + .Postscript {
	margin:2px 0 0 1em;
}
*/


/* ===============================================
	itemList
=============================================== */
/*共通*/


@media screen and (min-width: 1000px){
.itemList-l,
.itemList-s,
.itemList-m{
	margin: 0;
}
}


@media screen and (max-width: 1000px){
.itemList-l,
.itemList-s,
.itemList-m{
	margin: 0;
}
}


@media screen and (min-width: 1000px){
.note {
	background-color:#cc0211;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    margin: 0 10px 8px;
    padding: 2px 10px;
    text-align: center;
		font-size:1.4rem;
}

.linkList {
    margin:0 0 10px;
    padding:0;
}

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

.linkList dl * {
	letter-spacing:normal;
}

.linkList dt {
	margin:0;
	padding:2px 10px 3px;
	font-size:1.4rem;
	color:#000;
	float:left;
	width:150px;
}

.linkList dd {
	padding:2px;
	font-size:1.4rem;
	float:left;
	width:570px;
}

.linkList dd a {
	color:#499dfd;
	text-decoration:underline;
}
}


@media screen and (max-width: 1000px){
.note {
	background-color:#cc0211;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    margin:4px 0;
    padding: 2px 10px;
    text-align: center;
		font-size:1.2rem;
}

.linkList {
    margin:0 0 10px;
    padding:0;
}

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

.linkList dl * {
	letter-spacing:normal;
}

.linkList dt {
	margin:0;
	padding:0;
	font-size:1.2rem;
	font-weight:bold;
	color:#000;
	float: none;
	width:auto;
}

.linkList dd {
	padding:2px;
	font-size:1.2rem;
	float: none;
	width:auto;
}

.linkList dd a {
	color:#499dfd;
	text-decoration:underline;
}
}

.itemList-v{
	margin: 0;
	padding: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;
}
.itemList-s li:hover,
.itemList-m li:hover{
	display: block;
	text-decoration: none;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.listImg img{width: 100%;}
.listImg2 img{ background: #ccc; width: 100%;}
.itemDl{
	overflow: hidden;
	padding: 0 4px;
}


.listImg a:hover {
	opacity:0.60;
	filter:alpha(opacity=60);
	-ms-filter:"alpha(opacity=60)";
}

@media screen and (min-width: 1000px){
.itemDl dt {
	font-size:1.4rem;
	line-height:1.3;
	display: block;
	margin:0 0 4px;
}

.vbox{
	border:1px solid #ccc;
	padding:10px;
	margin:1px 20px 35px;
	background-color:#FFF;
}

}


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

.vbox{
	border:1px solid #ccc;
	padding:10px;
	margin:1px 15px 30px;
	background-color:#FFF;
}
}


@media screen and (max-width: 480px){
.vbox{
	border:1px solid #ccc;
	padding:5px;
	margin:0 10px 20px;
	background-color:#FFF;
}
}

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

.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; width: 100%;}/*1列*/

.itemList-l2 .btn-m{
	width: 65%;
	min-width: 100px;
	margin: 0 8px 8px 0; 
}
.itemList-v .listImg{ margin: 4px; padding: 0; width: 20%; max-width: 102px;}
.itemList-l2 .listImg img{ margin: 0 0 5px; border:1px solid #dedede;}
/*
■【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: 1000px){
	.itemList-v .btn-m{
	width: 40%;
	min-width: 100px;
	margin: 0 8px 8px 0; 
}
	.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 .listImg{ margin: 4px; padding: 0; width: 20%; max-width: 146px;}
	.itemList-w .itemDl{ min-height: 220px; margin-top: 4px; }
	.itemList-v .listImg{ margin: 4px; padding: 0; width: 30%; max-width: 194px;}
	.itemList-v .listImg2{ margin: 4px; padding: 0; width: 30%; max-width: 250px;}
	.itemList-l li{padding:5px; width: 48%; border: 1px solid #ccc; margin:15px 4px 2px 10px; min-height:400px;}/*2列*/
.det{
	text-align:right;
    background:#575d98;
    color: #fff;
    display: inline-block;
		border-radius:20px;
    font-size: 1.2rem;
    margin:4px 0 0;
    padding:4px 18px;
}

	.iconSet{
	font-size: 12px;
	position: absolute;
	right:50px;
	top: 180px;
	opacity:0.8;
	filter:alpha(opacity=8);
	-ms-filter:"alpha(opacity=8)";
	width:40px;
}

.other{
	margin:0;
	padding:0 5px 15px 0;
	font-size:1.8rem;
	color:#2f72cd;
	text-decoration:underline;
}

.other a{
	color:#2f72cd;
	text-decoration:underline;
}

.other a:hover{
	color:#2f72cd;
	text-decoration:underline;
}
}


@media screen and (max-width: 1000px){
	.itemList-v .btn-m{
	width: 60%;
	min-width: 100px;
	margin: 0 8px 8px 0; 
}
	.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: 90%;
		margin: 0 8px 8px 0; 
	}
	.itemList-w .listImg{ margin: 4px; padding: 5px; width: 20%; max-width: 146px;}
	.itemList-w .itemDl{ min-height: 230px; margin-top: 4px; }
	.itemList-v .listImg{ margin: 4px; padding: 0; width: 30%; max-width: 150px;}
	.itemList-v .listImg2{ margin: 4px; padding: 0; width: 30%; max-width: 250px;}
	.itemList-l li{padding:5px; width: 47%; border: 1px solid #ccc; margin:15px 4px 2px 8px; min-height:400px;}/*2列*/
.det{
	text-align:right;
    background:#575d98;
    color: #fff;
    display: inline-block;
		border-radius:20px;
    font-size: 1.2rem;
    margin:4px 0 0;
    padding:4px 18px;
}

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

.other{
	margin:0;
	padding:0 5px 15px 0;
	font-size:1.8rem;
	color:#2f72cd;
	text-decoration:underline;
}

.other a{
	color:#2f72cd;
	text-decoration:underline;
}

.other a:hover{
	color:#2f72cd;
	text-decoration:underline;
}
}


@media screen and (max-width: 600px){
	.itemList-s li{ padding: 0 0 8px; width: 14.28%;}/*7列*/
	.itemList-l li{padding:7px 8px; width: 48%; border: 1px solid #ccc; margin:10px 2px 2px 6px; min-height:380px;}/*2列*/
	.itemList-w .itemDl{ min-height: 210px; margin: 4px 4px 0; }
	.itemList-w .listImg{ margin: 4px auto; padding:5px; width: 100%; max-width:none;} 
	.itemList-v .listImg{ margin: 4px; padding: 0; width:20%; max-width: 100px;}
.det{
	text-align:right;
    background:#575d98;
    color: #fff;
    display: inline-block;
		border-radius:20px;
    font-size: 1.0rem;
    margin:4px 0 0;
    padding:2px 12px;
}

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

@media screen and (max-width: 480px){
	.itemList-v .btn-m{
	width: 100%;
	min-width: 100px;
	margin: 0 8px 8px 0; 
}
	.itemList-s li{ padding: 0 0 8px; width: 33%;}/*3列*/
	.itemList-l li{padding:7px 8px; width: 48%; border: 1px solid #ccc; margin:10px 2px 2px 4px; min-height:254px;}/*2列*/
	.itemList-w .itemDl{ min-height:none; margin: 4px 4px 0; min-height: 240px; padding: 0; }
	.itemList-w .listImg{ margin: 4px 0; padding: padding:5px; width: 100%; max-width:none;} 
	.itemList-v .listImg{ margin: 4px; padding: 0; max-width: 60px;}
.det{
	text-align:right;
    background:#575d98;
    color: #fff;
    display: inline-block;
		border-radius:20px;
    font-size: 1.0rem;
    margin:4px 0 0;
    padding:2px 12px;
}

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


.other{
	margin:0;
	padding:0 5px 15px 0;
	font-size:1.4rem;
	color:#2f72cd;
	text-decoration:underline;
}

.other a{
	color:#2f72cd;
	text-decoration:underline;
}

.other a:hover{
	color:#2f72cd;
	text-decoration:underline;
}
}

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


@media screen and (max-width: 1000px){
	.itemList-w .iconSet,{ top: 0; left: 4px; }
	.itemList-v .iconSet{ top: 0; left: 4px;}
}
@media screen and (min-width: 1000px){
	.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: none;
}
.iconPrice{
	background: red;
	border-radius: 2px;
	color: #fff;
	display:inline-block;
	padding:2px 4px;
	margin: 5px 2px 10px 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: 1000px){
.period-Day{ font-size:2.0rem; font-weight:bold;}
}

@media screen and (max-width: 1000px){
.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: 1000px){
	.notPc{ display: none!important;}
}
@media screen and (max-width: 1000px){
	.notSp{ display: none!important;}
}

/* ===============================================
	button
=============================================== */
/* SET BUTTON カートつきへこむボタン */
.setButton a {
	background: #518E48 url(../img/common/icon_cart.png) 26% center no-repeat;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	box-shadow: 1px 1px 0 #000;
	-webkit-box-shadow: 1px 1px 0 #000;
	width: 40%;
	min-width: 100px;
	margin: 0 8px 8px 0; 
	text-align:center;
}
.setButton_l a {
	background: #518E48 url(../img/common/icon_cart.png) 29% center no-repeat;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	box-shadow: 1px 1px 0 #000;
	-webkit-box-shadow: 1px 1px 0 #000;
	width:99%;
	margin:0;
	text-align:center;
}

@media screen and (max-width: 1000px){
.setButton a {
	background: #518E48;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	box-shadow: 1px 1px 0 #000;
	-webkit-box-shadow: 1px 1px 0 #000;
	width: 60%;
	min-width: 100px;
	margin: 0 8px 8px 0; 
	text-align:center;
}

.setButton_l a{
	background:#518E48;
	width:99%;
	margin:0 8px 7px 0;
	text-align:center;
	box-shadow: 1px 1px 0 #000;
	-webkit-box-shadow: 1px 1px 0 #000;
}
}
@media screen and (max-width: 480px){
.setButton a {
	background: #518E48;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	box-shadow: 1px 1px 0 #000;
	-webkit-box-shadow: 1px 1px 0 #000;
	width: 100%;
	min-width: 100px;
	margin: 0 8px 8px 0; 
	text-align:center;
}
}

/* 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: 3px;
	box-shadow: 1px 1px 0 #000;
	-webkit-box-shadow: 1px 1px 0 #000;
	color: #fff;
  	margin:0;
	line-height: 1;
	text-align: center;
	display: inline-block;
	width:99%;
}





@media screen and (min-width: 1000px){
.btn-l{
background-image: linear-gradient(to bottom, #e3002f 49%, #cf002b 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #cf002b), color-stop(0.49, #e3002f));/*濃⇔淡*/
border: 1px solid #b20025;
border-radius: 8px;
box-shadow: none;
text-shadow: 0 0 4px #b20025;
color: #fff;
margin: 0 0 10px;
padding:14px 14px;
width:49%;
text-align: center;
display:inline-block;
}

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

.boxmb{
	padding:0 12px;
}
}

@media screen and (max-width: 1000px){
.btn-l{
background-image: linear-gradient(to bottom, #e3002f 49%, #cf002b 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #cf002b), color-stop(0.49, #e3002f));/*濃⇔淡*/
border: 1px solid #b20025;
border-radius: 8px;
box-shadow: none;
text-shadow: 0 0 4px #b20025;
color: #fff;
margin:0 auto 5px;
padding:12px 12px;
width:95%;
text-align: center;
display:inline-block;
}

.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:0 auto 10px;
	max-width: 220px;
	text-align: center;
}

.boxmb{
	padding:0 6px;
}
}


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

.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:0 auto;
	max-width: 220px;
	text-align: center;
}

.boxmb{
	padding:0 6px;
}
}





@media screen and (max-width: 480px){
.btn-l{
background-image: linear-gradient(to bottom, #e3002f 49%, #cf002b 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #cf002b), color-stop(0.49, #e3002f));/*濃⇔淡*/
border: 1px solid #b20025;
border-radius: 8px;
box-shadow: none;
text-shadow: 0 0 4px #b20025;
color: #fff;
margin: 0 auto 0;
padding:10px 10px;
width:95%;
text-align: center;
display:inline-block;
}
}

.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)";
}

.Banner a:hover {
	opacity:0.60;
	filter:alpha(opacity=60);
	-ms-filter:"alpha(opacity=60)";
}

.Banner2 a:hover {
	opacity:0.60;
	filter:alpha(opacity=60);
	-ms-filter:"alpha(opacity=60)";
}

/* SET BUTTON */
.setButton a:hover {
	opacity:0.75;
	filter:alpha(opacity=75);
	-ms-filter:"alpha(opacity=75)";
}
/* SET BUTTON */
.setButton a:hover {
/*
	margin:2px 6px 5px;
	box-shadow:0 -2px 0 #38520C;
	-webkit-box-shadow:0 -2px 0 #38520C;
*/
}


/* TEXT LINK /  */
.con01:hover,
.textLink:hover,
.btn-m:hover,
.btn-l:hover,
.btn-l2:hover,
.setButton_l:hover{
	opacity:0.75;
	filter:alpha(opacity=75);
	-ms-filter:"alpha(opacity=75)";
}

/* ===============================================
	attention
=============================================== */
.attention a {
	color:#5acbff;
	text-decoration:underline;
}

@media screen and (min-width: 801px){
.attention {
	background-color:#000;
	padding:10px 20px;
}

.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 {
	margin:10px 0 0;
}

.attention ul li {
    line-height: 1.4em;
    list-style: outside disc;
    margin: 0 0 5px 1.25em;
		font-size:1.6rem;
		color:#ffffff;
}
}
/*800p以下*/
@media screen and (max-width: 800px){
	
.attention {
	background-color:#000;
	padding:10px 10px;
}

.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 {
	margin:10px 0 0;
}

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


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

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

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

}

.OffPrice{
	background-color:#271e59;
	color: #fff;
	padding:4px;
	margin:0;
	width:100%;
	text-align: center;
	font-size:1.4rem;
	font-weight:bold;
	display:block;
	text-align:center;
}

.OffPrice2{
	background-color:#fc4283;
	color: #fff;
	padding:4px;
	margin:0 0 4px;
	width:97%;
	text-align: center;
	font-size:1.4rem;
	font-weight:bold;
	display:block;
	text-align:center;
}


/*800p以下*/
@media screen and (max-width: 1000px){

}


@media screen and (min-width: 1000px){
.Banner {
    margin:10px 0 15px;
		padding:0 0 10px;
    text-align: center;
}

.Banner2 {
    margin:10px 0 0 8px;
		padding:10px 0 0;
		line-height:0;
}
}

@media screen and (max-width: 1000px){
.Banner {
    margin:5px 0 10px;
		padding:0 0 8px;
    text-align: center;
}

.Banner img{
	width:100%;
	max-width:328px;
}

.Banner2 {
    margin:10px 0 0;
		padding:8px 0 0;
		line-height:0;
}

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

.red {
  color:#cc0000;
}
.red2 {
  color:#ff0000;
}
.yellow {
  color:#fffd32;
}
.yellow02 {
  color:#fff665;}


.orange {
  color:#ff7e00;
}

.blue {
  color:#315dfe;
}

.green {
  color:#91ff82;
}

.pink {
	color: #ff0090;
}
.purple {
	color: #7600b9;
}
.white {
	color: #fff;
}
.b{
	font-weight:bold;
	}


.bg {
  background:url("../img/bg1.jpg")  scroll 0 0 rgba(0, 0, 0, 0);
  margin: 0;
  padding: 20px 0 0;
}


@media screen and (min-width: 1000px){
.Lineup {
    margin:0;
		padding:22px 0 0;
	  overflow: hidden;
    font-size: 1.4rem;

}

.bg2 {
  background:url("../img/bg2.jpg")  scroll 0 0 rgba(0, 0, 0, 0);
  margin: 0;
  padding: 20px 0;
}
}

@media screen and (max-width: 1000px){
.Lineup {
    margin:0;
		padding:12px 0 0;
	  overflow: hidden;
    font-size: 1.4rem;

}

.bg2 {
  background:url("../img/bg2.jpg")  scroll 0 0 rgba(0, 0, 0, 0);
  margin: 0;
  padding: 20px 0 10px;
}
}


/*	ITEM
------------------------------------------------*/
.Item {
}

.Item > a {
	display:block;
}

@media screen and (min-width: 1000px){
.Item .imageArea {
	width:140px;
	text-align:center;
	vertical-align:top;
}

.Item .imageArea > .Image {
	display:inline-block;
	margin:0 auto;
	border:1px #999 solid;
	box-sizing:border-box;
	line-height:0;
	overflow:hidden;
	
	-webkit-box-sizing:border-box;
}

.Item .imageArea > .Image img {
	height:140px;
}

.Lineup .Item {
	width:140px;
	height:280px;
	margin:0 6px 25px 19px;
	float:left;
	padding:15px;
	border:1px #999 solid;
	background-color:#FFFFFF;
}
.Lineup .Item:nth-of-type(4n) {
	padding:15px;
	border:1px #999 solid;
	background-color:#FFFFFF;
}
.Lineup .Item:nth-of-type(-n+4) {
	padding:15px;
	border:1px #999 solid;
	background-color:#FFFFFF;
}

.at{
	text-align:center;
	margin-top:5px;
	}

.honoka{
	margin:3px 0 5px;
	background-color:#cc0211;
	padding:4px;
	font-size:1.2rem;
	color:#fff;
}

.textl{
	text-align:left;
	font-size:1.3rem;
	margin:0 0 0 2px;
}
}


@media screen and (max-width: 1000px){
.Item .imageArea {
	width:110px;
}

.Item .imageArea > .Image {
	max-width:110px;

}

.Item .imageArea > .Image img {
	width:110px;
	height:110px;
}

.Lineup .Item {
	width:140px;
	height:300px;
	margin:0 0 20px 13px;
	float:left;
	padding:12px;
	border:1px #999 solid;
	background-color:#FFFFFF;
}

.Lineup .Item:nth-of-type(4n) {
	padding:12px;
	border:1px #999 solid;
	background-color:#FFFFFF;
}

.Lineup .Item:nth-of-type(-n+4) {
	padding:12px;
	border:1px #999 solid;
	background-color:#FFFFFF;
}

.at{
	text-align:center;
	margin-top:5px;
	}

.honoka{
	margin:3px 0 5px;
	background-color:#cc0211;
	padding:4px;
	font-size:1.0rem;
	color:#fff;
}

.textl{
	text-align:left;
	font-size:1.3rem;
	margin:0 0 0 2px;
}

}

.bl{
	font-weight:bold;
}

.Added {
	display:block;
	margin:1px 0 0;
	background:#cc0e00;
	color:#fff;
	padding:4px 0;
	border-radius:0;
	line-height:1;
	white-space:nowrap;
	text-align:center;
	font-size:0.88em;
}

.Added2 {
	display:block;
	margin:1px 0 0;
	background:#cc0e00;
	color:#fff;
	padding:4px 0;
	border-radius:0;
	line-height:1;
	white-space:nowrap;
	text-align:center;
	font-size:0.88em;
}




@media screen and (min-width: 1000px){
	
.ichiran {	
 margin:10px 20px 20px;
 border:1px solid #CDCDCD;
 padding:15px 10px 15px 30px;
}

.ichiran p{
    background:#906a3b;
    color: #fff;
    display: inline-block;
		border-radius:20px;
    font-size: 1.2rem;
		font-weight:bold;
    margin: 0;
    padding:4px 18px;
		margin:5px 0 10px;
}

 
.ichiran ul {
  font-size: 0;
}
.ichiran li {
  display: inline-block;
  font-size: 1.4rem;
  width:32%;
	padding:0 5px 5px 0;
	vertical-align:top;
}

* {  
  margin:0;
  padding:0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}



}

@media screen and (max-width: 1000px){
	
.ichiran {	
 margin:10px 5px 20px;
 border:1px solid #CDCDCD;
 padding:5px 10px;
 text-align:center;
}

.ichiran p{
    background:#906a3b;
    color: #fff;
    display: inline-block;
		border-radius:20px;
    font-size: 1.1rem;
		font-weight:bold;
    margin: 0;
    padding:4px 14px;
		margin:5px 0 10px;
}

.ichiran ul {
  font-size: 0;
}
.ichiran li {
  display: inline-block;
  font-size: 1.2rem;
  width: 33%;
	padding:0 5px 5px 5px;
	vertical-align:top;
	text-align:left;
}
}

.mb{
	margin-bottom:20px;
}


/* ===============================================
	追加
=============================================== */

.innerimg img{
	width:100%;
	}
.lth {text-decoration: line-through;}

@media screen and (min-width: 1001px){
.innerimg{
	margin:15px 0 15px;
}
.fin{
    background:#244c07;
    color: #fff;
    display: inline-block;
    font-size: 1.4rem;
    margin: 0;
    padding:2px 4px;
}
.off{
    background:#e60000;
    color: #fff;
    display: inline-block;
    font-size: 1.6rem;
	line-height:1;
	font-weight:bold;
    margin: 5px auto;
    padding:5px 8px;
}
}
@media screen and (max-width: 1000px){
.innerimg{
	margin:10px 0 10px;
}
.fin{
    background:#244c07;
    color: #fff;
    display: inline-block;
    font-size: 1.2rem;
    margin:0 0 5px;
    padding:2px 4px;
}
.off{
    background:#e60000;
    color: #fff;
    display: inline-block;
    font-size: 1.2rem;
	line-height:1.2;
	font-weight:bold;
    margin: 3px 0 0 3px;
    padding:5px 8px;
}
}
@media screen and (max-width: 480px){
.innerimg{
	margin:5px 0 0;
}
.off{
    background:#e60000;
    color: #fff;
    display: inline-block;
    font-size: 1.2rem;
	line-height:1.2;
	font-weight:bold;
    margin: 3px 0 0 3px;
    padding:3px 5px;
}

}


@media screen and (max-width: 1000px){
.textEps{width:100%;}
}
/* ===============================================
	itemList
=============================================== */
/*共通*/

.itemList-l2{
	margin: 0;
}

.itemList-l2:after{
	content: "."; 
	display: block;
	height: 0; 
	font-size:0;	
	clear: both; 
	line-height: 0;
	visibility:hidden;

}

.itemList-l2 li{
	float: left;
}

.listImg{ margin: 0 4px; text-align: center; line-height: 1;}
.listImg img{width: 100%;}

.itemDl{
	overflow: hidden;
	padding: 0 4px;
	text-align: left;
}

@media screen and (min-width: 1001px){
.itemDl dt {
	font-size:1.5rem;
	display: block;
	margin: 2px 0;
	text-decoration: none;
}
.itemDl dt img{
	width:39px;
}
}
/*1000p以下*/
@media screen and (max-width: 1000px){
.itemDl dt {
	font-size:1.2rem;
	display: block;
	margin: 2px 0;
	text-decoration: none;
}
.itemDl dt img{
	width:39px;
}
}

.itemDl01 dd p.Price{
	color: red;
	height: auto;
	line-height: 1;
	display: inline-block;
	text-align: center;
}
.itemList-l2 .flexBox02{
	border: #000 5px solid;
	background-color:#fff;
}

/*
■【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: 1001px){
	/*.itemList-l2 li{ min-height:465px;}*/
	.itemList-l2 .listImg{ margin: 10px auto 5px; padding: 0; width: 100%; max-width: auto; max-height:auto;}
	.itemList-l2 .listImg img{ max-height:280px; width:auto;}
	.itemList-l2 .itemDl01{  margin: 0 0 10px; text-align:left;}

}

@media screen and (max-width: 1000px){
	.itemList-l2 .listImg{ margin: 10px 0 5px; padding: 0; width: 100%; max-width: auto; max-height:auto;}
	.itemList-l2 .listImg img{max-height:170px; width:auto;}
	.itemList-l2 .itemDl01{  margin: 0 5px 5px; text-align:left;}

}

@media screen and (min-width: 600px){
	.itemList-l2 li{ padding: 0; width: 33%;}/*3列*/
}

@media screen and (max-width: 599px){
	.itemList-l2 li{ padding: 0; width: 33%;}/*3列*/
}

@media screen and (max-width: 480px){
	.itemList-l2 li{ padding: 0; width: 50%;}/*2列*/
}

.bkimg{
	width:100%;
	background: #000;
}
.present img{
	width:100%;
	max-width:513px;
	}
@media screen and (max-width: 480px){
.present img{	
	width:90%;
	}
}

@media screen and (min-width: 801px){
.boxright03{
	display:block;
	float:left;
	width:66%;
	margin-left:2%;
}
.boxbtm02{
	margin:0;
	padding:0;
}
.boxbtm01{
	margin:0;
	padding:0;
}
.boxleft02{
	margin:0 0 10px;
}
.booktitle{
	font-size:1.8rem;
	color:#000000;
	padding:0 0 5px;
}
.booktitle a{
	text-decoration:underline;
	color:#006ccc;
	
}
.tlt{
    color: #9016db;
    font-size: 1.8rem;
    margin:10px 0 0;
    padding:0;
	font-weight:bold;
}
.review{
	font-size:1.5rem;
}
hr.border {
height: 1px;
border: none;
border-top: 1px #A0A0A0 dashed;
margin:20px 0;
padding:0;
}
.rerative-area{
	margin:0;
	}
}

@media screen and (max-width: 800px){
.boxright03{
	display:block;
	float:left;
	width:66%;
	margin-left:2%;
}
.boxbtm02{
	margin:0;
	padding:3px 0 0;
}
.boxbtm01{
	margin:0;
	padding:3px 0 0;
}
.boxleft02{
	margin:0 0 8px;
}
.booktitle{
	font-size:1.6rem;
	color:#000000;
	padding:0 0 5px;
}
.booktitle a{
	text-decoration:underline;
	color:#006ccc;
	
}
.tlt{
    color: #9016db;
    font-size: 1.6rem;
    margin:10px 0 0;
    padding:0;
	font-weight:bold;
}
.review{
	font-size:1.3rem;
}
hr.border {
height: 1px;
border: none;
border-top: 1px #A0A0A0 dashed;
margin:20px 0;
padding:0;
}
.rerative-area{
	margin:0;
	}
}
@media screen and (max-width: 480px){

.boxright03{
	display:block;
	float:left;
	width:100%;
	margin-left:0;
}
.boxleft02{
	margin:0 0 5px;
}
.booktitle{
	font-size:1.4rem;
	color:#000000;
	padding:0 0 3px;
}
.booktitle a{
	text-decoration:underline;
	color:#006ccc;
	
}
.review{
	font-size:1.2rem;
}
.tlt{
    color: #9016db;
    font-size: 1.2rem;
    margin:10px 0 0;
    padding:0;
	font-weight:bold;
}
hr.border {
height: 1px;
border: none;
border-top: 1px #A0A0A0 dashed;
margin:15px 0;
padding:0;
}
.rerative-area{
	margin:0 5px;
	}
}





.coinimg img{
	width:100%;
	max-width:930px;
	vertical-align:bottom;
	}
img.bkimg{
	border:solid 1px #ccc;
	width:100%;
	background: #7B7B7B;
	}
p.b-border{
	padding:0 0 10px 0;
	border-bottom:4px solid #6b4d7c;
	}
.sampleimg img{
	width:100%;
	max-width:160px;
	}
.tagcolor01{
	color:#ff92df;
	}
.tagcolor02{
	color:#fffc00;
	}
.tagcolor03{
	color:#ffae00;
	}
.tagcolor04{
	color:#ff5373;
	}
.tagcolor05{
	color:#9bfffb;
	}
.tagcolor06{
	color:#7cadff;
	}
.tagcolor07{
	color:#d395ff;
	}

.rerative{
	position:relative;
}
.listImg img.coin{ width: 100% !important;
	position:absolute;
	left:0;
	bottom:1%;
}
.itemList-v .listImg:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.active:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


@media screen and (min-width: 1000px){
.box-inner{
	border:1px solid #ccc;
	margin:15px 20px 35px;
	padding:15px;
	background-color:#FFF;
}
.cointext{
	font-size:2.9rem;
	font-weight:bold;
	line-height:1.1;
	margin:0 0 20px;
}
.strongtext{
	font-size:3.6rem;
	}
.con-inner{
	padding:10px;
	}
.sampleimg{
	margin:10px 6px 0;
	}
.tagtext{
	margin:20px 0 10px 20px;
	}
.tagbk{
	background:#000;
	margin:0 10px 0 0;
	padding:6px 8px;
	font-size:2.0rem;
	font-weight:bold;
	}
.item-wrap{
	margin:15px 20px 15px;
	}
}
@media screen and (max-width: 1000px){
.box-inner{
	border:1px solid #ccc;
	margin:15px 10px 30px;
	padding:15px;
	background-color:#FFF;
}
.cointext{
	font-size:2.4rem;
	font-weight:bold;
	line-height:1.1;
	margin:0 0 20px;
}
.strongtext{
	font-size:2.8rem;
	}
.con-inner{
	padding:10px;
	}
.sampleimg{
	margin:10px 0 0;
	}
.tagtext{
	margin:20px 0 7px 15px;
	}
.tagbk{
	background:#000;
	margin:0 8px 0 0;
	padding:5px 7px;
	font-size:1.8rem;
	font-weight:bold;
	}
.item-wrap{
	margin:10px 10px 15px;
	}
}
@media screen and (max-width: 480px){
.box-inner{
	border:1px solid #ccc;
	margin:10px 10px 30px;
	padding:8px;
	background-color:#FFF;
}
.cointext{
	font-size:1.7rem;
	font-weight:bold;
	line-height:1.1;
	margin:0 0 10px;
}
.strongtext{
	font-size:2.0rem;
	}
.con-inner{
	padding:5px;
	}
.sampleimg{
	margin:8px 0 0;
	}
.tagtext{
	margin:15px 0 5px 10px;
	}
.tagbk{
	background:#000;
	margin:0 6px 0 0;
	padding:5px 7px;
	font-size:1.6rem;
	font-weight:bold;
	}
.item-wrap{
	margin:10px 5px 10px;
	}
}


div.Period {
	margin:5px 40px 10px; 
	background:#fff;
	text-align:center;
	border-radius:5px;
	border:solid 2px #39006e;
}

div.Period .h {
	padding:6px 10px 4px;
	background:#39006e;
	color:#fff;
	font-weight:bold;
	line-height:1;
	text-align:left;
}

div.Period .Day {
	padding:8px 0;
	color:#231815;
	font-size:2.4rem;
	font-weight:bold;
	text-align:center;
}
@media screen and (max-width: 1000px) {
div.Period {
	margin:5px;
	border-radius:4px;
}

div.Period .h {
	padding:4px 10px;
}

div.Period .Day {
	font-size:1em;
}
}


a .pl-btn.btn-color00:hover{background:#3f9d3f;}
a .pl-btn.btn-color01:hover{background:#00a0e7;}
a .pl-btn.btn-color02:hover{background:#f05cc9;}
a .pl-btn.btn-color03:hover{background:#953b3b;}
a .pl-btn.btn-color04:hover{background:#5140d3;}
a .pl-btn.btn-color05:hover{background:#fda514;}
a .pl-btn.btn-color06:hover{background:#53c3cc;}
a .pl-btn.btn-color07:hover{background:#ff3333;}
a .pl-btn.btn-color08:hover{background:#6c31a3;}
a .pl-btn.btn-color09:hover{background:#fa2973;}

@media screen and (min-width: 1000px) {
.btn-wrap{
	margin:10px 15px 0;
	}
ul.new {
    width:100%;
    text-align:center;
}
ul.new li {
        display:inline-block;
        *display:inline; /*IE7*/
        *zoom:1; /*IE7*/
        width:19.6%;
	margin:0 0.5% 5px 0;
	box-sizing:border-box;
}
.btnmList li{
	float:left;
	width:19.6%;
	margin:0 0.5% 5px 0;
	box-sizing:border-box;
	}
.btnmList li:nth-child(5n){
	margin:0 0 5px 0;
	}
.btnmList02 li{
	float:left;
	width:19.6%;
	margin:0 0.5% 5px 0;
	box-sizing:border-box;
	}
.btnmList02 li:nth-child(5n){
	margin:0 0 5px 0;
	}


.pl-btn{
	font-size:1.6rem;
	font-weight:bold;
	padding:14px 0;
	color:#fff;
	background:#1b1b1b;
	border-radius:6px;
	text-align:center;
	}
.h-btn{
	float:left;
	width:49%;
	}


.pl-btn02{
	font-size:1.2rem;
	font-weight:bold;
	padding:10px 0;
	color:#fff;
	background:#1b1b1b;
	border-radius:6px;
	text-align:center;
	}
}
@media screen and (max-width: 1000px) {
.btn-wrap{
	margin:10px 15px 0;
	}
ul.new {
    width:100%;
    text-align:center;
}
ul.new li {
        display:inline-block;
        *display:inline; /*IE7*/
        *zoom:1; /*IE7*/
        width:19.6%;
	margin:0 0.5% 5px 0;
	box-sizing:border-box;
}
.btnmList li{
	float:left;
	width:19.6%;
	margin:0 0.5% 5px 0;
	box-sizing:border-box;
	}
.btnmList li:nth-child(5n){
	margin:0 0 5px 0;
	}
.btnmList02 li{
	float:left;
	width:19.6%;
	margin:0 0.5% 5px 0;
	box-sizing:border-box;
	}
.btnmList02 li:nth-child(5n){
	margin:0 0 5px 0;
	}
	
.pl-btn{
	font-size:1.5rem;
	font-weight:bold;
	padding:14px 0;
	color:#fff;
	background:#1b1b1b;
	border-radius:6px;
	text-align:center;
	font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}




.pl-btn02{
	font-size:1.2rem;
	font-weight:bold;
	padding:10px 0;
	color:#fff;
	background:#1b1b1b;
	border-radius:6px;
	text-align:center;
		font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}
}
@media screen and (max-width: 800px) {
.btn-wrap{
	margin:10px 10px 0;
	}
.pl-btn{
	font-size:1.2rem;
	padding:10px 0;
	}
}
@media screen and (max-width: 600px) {
.btn-wrap{
	margin:10px 5px 0;
	}
ul.new {
    width:100%;
    text-align:center;
}
ul.new li {
        display:inline-block;
        *display:inline; /*IE7*/
        *zoom:1; /*IE7*/
        width:19.6%;
	margin:0 0.5% 5px 0;
	box-sizing:border-box;
}
.btnmList li{
	float:left;
	width:19.6%;
	margin:0 0.5% 3px 0;
	box-sizing:border-box;
	}
.btnmList li:nth-child(5n){
	margin:0 0 3px 0;
	}
.btnmList02 li{
	float:left;
	width:19.6%;
	margin:0 0.5% 3px 0;
	box-sizing:border-box;
	}
.btnmList02 li:nth-child(5n){
	margin:0 0 3px 0;
	}
.pl-btn{
	font-size:1.0rem;
	}


.pl-btn02{
	font-size:1.0rem;
	padding:6px 0;
	}
}
@media screen and (max-width: 480px) {
.btn-wrap{
	margin:5px 3px 0;
	padding:0;
	}
	
.btn-wrap.btn-wrap02{
	margin:5px 10px 0;
	padding:0;
	}
ul.new {
    width:100%;
    text-align:center;
}
ul.new li {
        display:inline-block;
        *display:inline; /*IE7*/
        *zoom:1; /*IE7*/
        width:19.6%;
	margin:0 0.5% 5px 0;
	box-sizing:border-box;
}
.btnmList li{
	float:left;
	width:19.6%;
	margin:0 0.5% 2px 0;
	box-sizing:border-box;
	}
.btnmList li:nth-child(5n){
	margin:0 0 2px 0;
	}
.btnmList02 li{
	float:left;
	width:49.5%;
	margin:0 1% 5px 0;
	box-sizing:border-box;
	}
.btnmList02 li:nth-child(5){
	margin:0 1% 4px 0;
	}
.btnmList02 li:nth-child(2n){
	margin:0 0 4px 0;
	}
.pl-btn{
	font-size:0.8rem;
	padding:6px 0;
	}
.btnmList02 .pl-btn{
	font-size:1.4rem;
	padding:8px 0;
	}


.pl-btn02{
	font-size:0.8rem;
	padding:6px 0;
	}

}

.rank.redbk{
	background:#dc0029;
	}

@media screen and (min-width: 1000px) {
.rank{
	font-size:1.6rem;
	margin:0 4px 3px;
	padding:4px 0;
	background:#787878;
	text-align:center;
	color:#fff;
	}
}
@media screen and (max-width: 1000px) {
.rank{
	font-size:1.4rem;
	margin:0 4px 3px;
	padding:4px 0;
	background:#787878;
	text-align:center;
	color:#fff;
	}
}
@media screen and (max-width: 480px) {
.rank{
	font-size:1.2rem;
	}
}

/*	フッターメニュー
------------------------------------------------*/
div.innerbox{
	padding:0 15px 0;
}

ul.navi li:hover{
	background-color:rgba(241,241,241,0.6);
}

.clear{
	clear:both;
}

.navi .arrow::before{
position: absolute;
top: 0;
bottom: 0;
right: 4%;
width: 5px;
height: 5px;
border-top: 3px solid #484848;
border-right: 3px solid #484848;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin: auto;
content: "";
}

@media screen and (min-width: 1000px){
ul.navi li{
	position:relative;
	float:left;
	width:33.3%;
	padding:0;
	margin:0;
}

ul.navi li p{
	font-size:1.5rem;
	color:#231815;
	padding:10px;
}

div.navigation{
	border:solid 1px #000;	
}

div.navigation2{
	border-left:solid 1px #000;
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
}

.bdr-r-solid{
	border-right:solid 1px #000;
	margin-right:-1px !important;
}

.bdr-b-solid{
	border-bottom:solid 1px #000;
}
}

@media screen and (max-width: 1000px){
ul.navi li{
	position:relative;
	float:left;
	width:33.33%;
	padding:0;
	margin:0;
}

ul.navi li p{
	font-size:1.4rem;
	color:#231815;
	padding:10px;
}

div.navigation{
	border:solid 1px #000;	
}

div.navigation2{
	border-left:solid 1px #000;
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;	
}

.bdr-r-solid{
	border-right:solid 1px #000;
	margin-right:-1px !important;
}

.bdr-b-solid{
	border-bottom:solid 1px #000;
}
}

@media screen and (max-width: 480px){
ul.navi li{
	width:100%;
	padding:0;
}

ul.navi li p{
	font-size:1.2rem;
	color:#231815;
	padding:6px;
}

.bdr-r-solid{
	border-right:none;
}

.bdr-b-solid{
	border-bottom:none;
}

div.navigation{
	border:solid 1px #000;	
}
div.navigation2{
	border-left:solid 1px #000;
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;	
}

.bdr-r-solid{
	border-right:none;
}
.bdr-b-solid{
	border-bottom:none;
}
.bdr-b-solid2{
	border-bottom:solid 1px #000;
}
}

.clear{
	clear:both;
}