@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%;
	line-height:1.4;
	text-align:left;
}

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

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

a:hover {
	text-decoration:none;
}

h1 {
	line-height:0;
}

h1 img {
	width:100%;
}


@media screen and (min-width: 1000px){
h2 {
	 margin:0 15px 10px;
	 padding:0;
	 line-height:0;
}

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

h2.set{
  background:#35408e;
  color: #fff;
	border-radius:2px;
  font-size: 2.2rem;
	font-weight:bold;
  padding:8px 14px;
	margin:0 20px 10px;
	line-height:1.4;
}

h3{
  background:#6a2804;
  color: #fff;
	border-radius:5px;
  font-size: 2.0rem;
	font-weight:bold;
  padding:8px 20px;
	margin:0 30px 20px;
	line-height:1.4;
}


h3.set2{
  background:none;
  color: #1f1553;
  font-size: 2.4rem;
	font-weight:bold;
  padding:0 0 5px 3px;
	margin:0 0 8px;
	border-bottom:1px dotted #D3D3D3;
}
	
h4{
    color: #fff;
    font-size:1.6rem;
		font-weight:bold;
    padding:0;
		margin:0 0 5px;
}

h5{
    color: #fff;
    font-size:1.4rem;
    padding:4px 10px 4px 5px;
		margin:0 0 10px 0;
		border-bottom:dashed 1px #fff;
}
/* textEps ///////////////////////////////////// */
.textEps{
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	color:#121212;
	font-size:1.6rem;
	font-weight:bold;
}

.textEps2{
	display: block;
	text-overflow: ellipsis;
  white-space: nowrap;
	overflow: hidden;
}

}
/*800p以下*/
@media screen and (max-width: 1000px){
h2 {
	 margin:0 0 10px;
	 padding:0 10px;
	 line-height:0;
}

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

h2.set{
  background:#35408e;
  color: #fff;
	border-radius:2px;
  font-size: 1.8rem;
	font-weight:bold;
  padding:8px 14px;
	margin:-10px 15px 10px;
	line-height:1.4;
}

h3{
  background:#6a2804;
  color: #fff;
	border-radius:10px;
  font-size: 1.8rem;
	font-weight:bold;
  padding:8px 20px;
	margin:0 30px 20px;
	line-height:1.4;
}

h3.set2{
  background:none;
  color: #1f1553;
  font-size: 2.0rem;
	font-weight:bold;
  padding:0 0 5px 3px;
	margin:0 0 5px;
	border-bottom:1px dotted #D3D3D3;
}

h4{
    color: #fff;
    font-size:1.6rem;
		font-weight:bold;
    padding:0;
		margin:0 0 5px;
}

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

/* textEps ///////////////////////////////////// */
.textEps{
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	color:#d70269;
	font-size:1.6rem;
	font-weight:bold;
}

}

@media screen and (max-width: 480px){
h2 {
	 margin:5px 10px;
   padding:0;
	 line-height:0;
}

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

h2.set{
  background:#35408e;
  color: #fff;
	border-radius:2px;
  font-size: 1.4rem;
	font-weight:bold;
  padding:6px 14px;
	margin:-15px 15px 10px;
	line-height:1.4;
}

h3{
  background:#6a2804;
  color: #fff;
	border-radius:5px;
  font-size:1.4rem;
	font-weight:bold;
  padding:4px 14px;
	margin:5px 10px 10px;
}

h3.set2{
  background:none;
  color: #1f1553;
  font-size: 1.4rem;
	font-weight:bold;
  padding:0 0 2px 3px;
	margin:0 0 5px;
	border-bottom:1px dotted #D3D3D3;
}

	
h4{
    color: #fff;
    font-size:1.4rem;
		font-weight:bold;
    padding:0;
		margin:5px 0 2px;
}

h5{
    color: #fff;
    font-size:1.2rem;
    padding:4px 5px;
		margin:0 0 10px 0;
		border-bottom:dashed 1px #fff;
}
/* textEps ///////////////////////////////////// */
.textEps{
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	color:#d70269;
	font-size:1.2rem;
	font-weight:bold;
}

}

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

.article{clear: both;}
.bgRed {background: #ffcccc; border: #999 1px solid;}
.bgBle {background: #ccffff; border: #999 1px solid;}
.bdr_b_dot{border-bottom: #d5d5d5 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: #fff;
}

.article {
	background:#fff;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
	box-shadow:0 0 4px #1d0c01;
}
@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{
		     background-color:#f5f0f7;
	       margin:0 0 16px;
				 padding:14px 20px;
				 color:#100f10;
				 font-weight:bold;
				 line-height:1.6;
				 font-size:1.7rem;
}	

	.bm-02{ 
	       margin:0 20px 20px;
				 padding:0;
				 font-size:1.8rem;
				 color:#163252;
				 font-weight:bold;
				 line-height:1.5;
}

	.bm-03{ 
	       margin:0 60px 15px;
				 padding:0;
				 font-size:1.8rem;
				 color:#163252;
				 font-weight:bold;
				 line-height:1.4;
}	

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

.read {
    line-height: 1.4;
    margin:0 15px 10px;
		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;
}

}


@media screen and (max-width: 1000px){
	.bm-0{
		     background-color:#f5f0f7;
				 color:#100f10;
	       margin:0 0 16px;
				 padding:14px 20px;
				 font-weight:bold;
				 line-height:1.5;
				 font-size:1.6rem;
}	

	.bm-02{ 
	       margin:0 25px 20px;
				 padding:0;
				 font-size:1.6rem;
				 color:#163252;
				 font-weight:bold;
				 line-height:1.5;
}

	.bm-03{ 
	       margin:0 60px 12px;
				 padding:0;
				 font-size:1.6rem;
				 color:#163252;
				 font-weight:bold;
				 line-height:1.4;
}	

	.bm-s{ margin: 4px 10px 15px;}
	.bm-s2{ margin: 0 0 4px 10px;}
	.bm-m{ margin: 8px; }
	.bm-l{ margin: 12px; }
	.bm-ll{ margin: 18px; }
	.bp-s3{ padding:0 8px 15px; }
	.bp-s2{ padding: 8px; }
	.bp-s{ padding: 8px; }
	.bp-m{ padding: 10px; }
	.bp-l{ padding: 24px; }
	.bp-ll{ padding: 32px; }
	

.read {
    line-height: 1.4;
    margin:0 15px 15px;
		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: 800px){
.read {
    line-height: 1.4;
    margin:0 15px;
		font-weight:bold;
		font-size:1.2rem;
}
}


@media screen and (max-width: 640px){
.read {
    line-height: 1.4;
    margin:0 15px;
		font-weight:bold;
		font-size:1.2rem;
}
}

@media screen and (max-width: 480px){
	.bm-0{
		     background-color:#f5f0f7;
				 color:#100f10;
	       margin:0 0 15px;
				 padding:8px 10px;
				 font-weight:bold;
				 line-height:1.4;
				 font-size:1.2rem;
}

	.bm-02{ 
	       margin:6px 20px 8px;
				 padding:0;
				 font-size:1.2rem;
				 color:#163252;
				 font-weight:bold;
				 line-height:1.5;
}

	.bm-03{ 
	       margin:0 20px 12px;
				 padding:0;
				 font-size:1.2rem;
				 color:#163252;
				 font-weight:bold;
				 line-height:1.4;
}	

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

	.bm-s2{ margin: 0 0 5px 5px;}
	.bm-s{ margin: 4px 5px 15px;}
}

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

	
	
/* ===============================================
	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;
	-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.2rem;}
	.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.6rem; line-height:1.6;}
	.texSiz-l2{font-size: 20px; font-weight:bold; line-height:1.6;}
	.texSiz-l{font-size: 1.8rem; font-weight:bold;}
	.texSiz-ll{font-size: 32px;}
	
	.jfk .listImg{ margin: 0 4px; text-align: center; line-height: 0; max-width:124px; width:100%;}
	.itemList-m li{ 	padding: 0 10px 12px 10px; width: 20%;}/*5列*/
}
/*800p以下*/
@media screen and (max-width: 1000px){
	.texSiz-ss{font-size: 1.4rem; color:#959595;}
	.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.6rem; line-height:1.5;}
	.texSiz-l2{font-size: 20px; font-weight:bold; line-height:1.6;}
	.texSiz-l{font-size: 2.2rem; font-weight:bold;}
	.texSiz-ll{font-size: 32px;}
	
	.jfk .listImg{ margin: 0 4px; text-align: center; line-height: 0; max-width:124px; width:100%;}
	.itemList-m li{ 	padding: 0 10px 12px 10px; width: 20%;}/*5列*/

}

@media screen and (max-width: 800px){
	.texSiz-l{font-size: 1.8rem; font-weight:bold;}
}

@media screen and (max-width: 600px){
	.texSiz-l{font-size: 1.6rem; font-weight:bold;}
}

@media screen and (max-width: 480px){
	.texSiz-ss{font-size: 1.2rem; color:#959595;}
	.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.2rem; line-height:1.4;}
	.texSiz-l2{font-size: 20px; font-weight:bold; line-height:1.6;}
	.texSiz-l{font-size: 1.4rem; font-weight:bold;}
	.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{ 	padding: 0 5px 8px 10px; width: 20%;}/*5列*/
}

@media screen and (max-width: 600px){
	.itemList-m li{ padding: 0 12px 8px; width: 20%;}/*5列*/
}

@media screen and (max-width: 599px){
	.itemList-m li{ padding: 0  4px 8px; width: 20%;}/*4列*/
}

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


/* align //////////////////////////////////// */
.align-l{text-align: left;}
.align-c{text-align: center;}
.align-r{text-align: right;}

/* PS ///////////////////////////////////// */
@media screen and (min-width: 1000px){
p.Postscript {
	margin:0 0 0 1.8em;
	color:#121212;
	font-size:1.4rem;
	text-indent:-1em;
	line-height:1.4 !important;
	text-align:left;
}
p.Postscript:before {
	content:"※";
	color:#FF2400;
}
p.Postscript + .Postscript {
	margin:2px 0 5px 1.8em;
}

p.Postscript2 {
	margin:0 0 5px 1.8em;
	color:#121212;
	font-size:1.6rem;
	text-indent:-1em;
	line-height:1.4 !important;
	text-align:left;
}
p.Postscript2:before {
	content:"※";
	color:#FF2400;
}
p.Postscript2 + .Postscript {
	margin:2px 0 10px 1.8em;
}
}

@media screen and (max-width: 1000px){
p.Postscript {
	margin:0 0 5px 1.4em;
	color:#121212;
	font-size:1.2rem;
	text-indent:-1em;
	line-height:1.4 !important;
	text-align:left;
}
p.Postscript:before {
	content:"※";
	color:#FF2400;
}
p.Postscript + .Postscript {
	margin:2px 0 5px 1.4em;
}

}

p.Postscript a {
	color:#083fa4;
	text-decoration:underline;
}

p.Postscript a:hover {
  color:#083fa4;
	text-decoration:none;
}


@media screen and (max-width: 480px){
p.Postscript {
	margin:0 0 5px 1.2em;
	color:#121212;
	font-size:1.0rem;
	text-indent:-1em;
	line-height:1.4 !important;
	text-align:left;
}
p.Postscript:before {
	content:"※";
	color:#FF2400;
}
p.Postscript + .Postscript {
	margin:2px 0 5px 1.2em;
}

}



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


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


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


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

.linkList {
    margin:0 30px 35px;
    padding:20px;
		background-color:#fdfdfd;
		border: 1px solid #e4e4e4;
}

.linkList dl {
	letter-spacing:-0.4em;
	padding-bottom:5px;
}

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

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

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

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



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

.linkList {
    margin:0 30px 20px;
    padding:15px;
		background-color:#fdfdfd;
		border: 1px solid #e4e4e4;
}


.linkList dl {
	letter-spacing:-0.4em;
	padding-bottom:5px;
}

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

.linkList dt {
	margin:0;
	padding:0;
	font-size:1.4rem;
	font-weight:bold;
	color:#000;
	float:left;
	width:6%;
}

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

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

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

.linkList {
    margin:0 10px 20px;
    padding:10px;
		background-color:#fdfdfd;
		border: 1px solid #e4e4e4;
}


.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:left;
	width:6%;
}

.linkList dd {
	padding:0 0 2px 12px;
	font-size:1.2rem;
	float:left;
	width:94%;
}


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

.itemList-v{
	margin:0 0 10px;
	padding:0 0 10px;
}

.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: #fff;
}
.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{ background: #ccc; 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{
	padding:20px 15px 0;
	margin:20px 30px 35px;
	border:1px solid #ccc;
}

.commettl{
	color:#fff;
	font-size:1.4rem;
	font-weight:bold;
	padding:6px 16px;
	margin:0 5px 5px;
	line-height:1.4;
	border-radius:30px;
	background-color:#f6821f;
	display:inline-block;
}

.comme{
	background-color:#f6faff;
	color:#262626;
	padding:14px 18px;
	margin: 8px 15px 0;
	border-radius:5px;
	border:1px solid #dee9f6;
	font-size:1.4rem;
}

}

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

.vbox{
	padding:20px 15px 0;
	margin:20px 30px 35px;
	border:1px solid #ccc;
}

.commettl{
	color:#fff;
	font-size:1.4rem;
	font-weight:bold;
	padding:6px 16px;
	margin:0 5px 2px;
	line-height:1.4;
	border-radius:30px;
	background-color:#f6821f;
	display:inline-block;
}

.comme{
	background-color:#f6faff;
	color:#262626;
	padding:12px 14px;
	margin: 8px 10px 10px;
	border-radius:5px;
	border:1px solid #dee9f6;
	font-size:1.2rem;
}

}


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

}


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


.itemDl dt {
	font-size:1.2rem;
	display: block;
	margin:0;
}

.commettl{
	color:#fff;
	font-size:1.2rem;
	font-weight:bold;
	padding:4px 12px;
	margin:0 5px 2px;
	line-height:1.4;
	border-radius:30px;
	background-color:#f6821f;
	display:inline-block;
}

.comme{
	background-color:#f6faff;
	color:#262626;
	padding:12px 14px;
	margin: 8px 10px 0;
	border-radius:5px;
	border:1px solid #dee9f6;
	font-size:1.1rem;
}
}

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

.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;}/*1列*/
.itemList-v .btn-m{
	width: 40%;
	min-width: 100px;
	margin: 0 8px 8px 0; 
}
.itemList-v .btn-m2{
	width: 40%;
	min-width: 100px;
	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: 1000px){
	.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: 100%; max-width: 146px;}
	.itemList-w .itemDl{ min-height: 180px; margin-top: 4px; }
	.itemList-v .listImg{ margin: 4px; padding: 0; width: 94%; 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-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: 95%;}
	.itemList-w .itemDl{ min-height: 180px; margin-top: 4px; }
	.itemList-v .listImg{ margin: 4px; padding: 0; width: 94%; max-width: 214px;}
	.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列*/

.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: 599px){
	.itemList-s li{ padding: 0 0 8px; width: 20%;}/*5列*/
	.itemList-l li{padding:7px 8px; width: 48%; border: 1px solid #ccc; margin:10px 2px 2px 6px; min-height:300px;}/*2列*/

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

	.itemList-v .listImg{ margin: 4px; padding: 0; width: 94%; max-width: 214px;}

}

@media screen and (max-width: 480px){
	.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-v .listImg{ margin: 4px 0; padding: 0 8px; width: 33%;}
	
.itemList-v .listImg{
	min-width: 102px;
}
.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;
}

	.itemList-w .btn-m{
		width: 90%;
		max-width: inherit;
		min-width: inherit;
		margin: 0 8px 8px 0; 
	}
	.itemList-w .btn-m2{
		width: 90%;
		max-width: inherit;
		min-width: inherit;
		margin: 0 8px 8px 0; 
	}

}

.itemList-l li img{max-width:328px;}

.det a{
	color:#fff !important;
	text-decoration:none !important;
}
	

/* ===============================================
	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: 0 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;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size:2.0rem;
	font-weight: bold;
	box-shadow: 0 2px 0 #38520C;
	-webkit-box-shadow: 0 2px 0 #38520C;
	padding: 8px 20px;
}


@media screen and (max-width: 1000px){
.setButton a {
	background: #518E48;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size:1.6rem;
	font-weight: bold;
	box-shadow: 0 2px 0 #38520C;
	-webkit-box-shadow: 0 2px 0 #38520C;
	padding: 8px 20px;
}
}

/* 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;
  margin: 10px 5px 5px;
	line-height: 1;
	text-align: center;
	display: inline-block;
}


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


@media screen and (min-width: 1000px){
.btn-l{
  background-image: linear-gradient(to bottom, #6ea932 49%, #62942f 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #62942f), color-stop(0.49, #6ea932 ));/*濃⇔淡*/
  border: 1px solid #3c5e1a;
  border-radius: 8px;
  box-shadow: none;
  text-shadow: 0 0 2px #62942f;
	color: #fff;
	font-size:2.0rem;
	display: block;
	margin: 10px auto 20px;
	padding:12px 12px;
	width:55%;
	text-align: center;
	font-weight:bold;
	display:inline-block;
}

.btn-l2{
  background-image: linear-gradient(to bottom, #6ea932 49%, #62942f 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #62942f), color-stop(0.49, #6ea932 ));/*濃⇔淡*/
  border: 1px solid #3c5e1a;
  border-radius: 8px;
  box-shadow: none;
  text-shadow: 0 0 2px #62942f;
	color: #fff;
	font-size:2.2rem;
	display: block;
	margin: 0 auto 30px;
	padding:14px 14px;
	width:50%;
	text-align: center;
	font-weight:bold;
	display:inline-block;
}

.btn-l3{
background-image: linear-gradient(to bottom, #f3790e 49%, #f2680c 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #f2680c), color-stop(0.49, #f3790e));/*濃⇔淡*/
border: 1px solid #da7923;
border-radius: 8px;
box-shadow: none;
text-shadow: 0 0 4px #da7923;
	color: #fff;
	font-size:2.2rem;
	display: block;
	margin: 0 auto 30px;
	padding:14px 14px;
	width:50%;
	text-align: center;
	font-weight:bold;
	display:inline-block;
}

.boxmb{
	padding:0 25px;
}
}

@media screen and (max-width: 1000px){
.btn-l{
  background-image: linear-gradient(to bottom, #6ea932 49%, #62942f 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #62942f), color-stop(0.49, #6ea932 ));/*濃⇔淡*/
  border: 1px solid #3c5e1a;
  border-radius: 8px;
  box-shadow: none;
  text-shadow: 0 0 2px #62942f;
	color: #fff;
	font-size:2.0rem;
	display: block;
	margin: 0 auto 20px;
	padding:12px 12px;
	width:70%;
	text-align: center;
	font-weight:bold;
	display:inline-block;
}
}

.btn-l2{
  background-image: linear-gradient(to bottom, #6ea932 49%, #62942f 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #62942f), color-stop(0.49, #6ea932 ));/*濃⇔淡*/
  border: 1px solid #3c5e1a;
  border-radius: 8px;
  box-shadow: none;
  text-shadow: 0 0 2px #62942f;
	color: #fff;
	font-size:2.2rem;
	display: block;
	margin: 0 auto 30px;
	padding:14px 14px;
	width:50%;
	text-align: center;
	font-weight:bold;
	display:inline-block;
}

.btn-l3{
background-image: linear-gradient(to bottom, #f3790e 49%, #f2680c 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #f2680c), color-stop(0.49, #f3790e));/*濃⇔淡*/
border: 1px solid #da7923;
border-radius: 8px;
box-shadow: none;
text-shadow: 0 0 4px #da7923;
	color: #fff;
	font-size:2.2rem;
	display: block;
	margin: 0 auto 30px;
	padding:14px 14px;
	width:50%;
	text-align: center;
	font-weight:bold;
	display:inline-block;
}

.boxmb{
	padding:0 6px;
}
}


@media screen and (max-width: 800px){
.btn-l{
  background-image: linear-gradient(to bottom, #6ea932 49%, #62942f 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #62942f), color-stop(0.49, #6ea932 ));/*濃⇔淡*/
  border: 1px solid #3c5e1a;
  border-radius: 8px;
  box-shadow: none;
  text-shadow: 0 0 2px #62942f;
	color: #fff;
	font-size:2.2rem;
	display: block;
	margin:20px auto 20px;
	padding:10px 10px;
	width:70%;
	text-align: center;
	font-weight:bold;
	display:inline-block;
}
}

.btn-l2{
  background-image: linear-gradient(to bottom, #6ea932 49%, #62942f 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #62942f), color-stop(0.49, #6ea932 ));/*濃⇔淡*/
  border: 1px solid #3c5e1a;
  border-radius: 8px;
  box-shadow: none;
  text-shadow: 0 0 2px #62942f;
	color: #fff;
	font-size:2.2rem;
	display: block;
	margin:20px auto 20px;
	padding:10px 10px;
	width:70%;
	text-align: center;
	font-weight:bold;
	display:inline-block;
}

.btn-l3{
background-image: linear-gradient(to bottom, #f3790e 49%, #f2680c 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #f2680c), color-stop(0.49, #f3790e));/*濃⇔淡*/
border: 1px solid #da7923;
border-radius: 8px;
box-shadow: none;
text-shadow: 0 0 4px #da7923;
	color: #fff;
	font-size:2.2rem;
	display: block;
	margin:10px auto 20px;
	padding:10px 10px;
	width:70%;
	text-align: center;
	font-weight:bold;
	display:inline-block;
}

.boxmb{
	padding:0 6px;
}
}


@media screen and (max-width: 600px){
.btn-l{
  background-image: linear-gradient(to bottom, #6ea932 49%, #62942f 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #62942f), color-stop(0.49, #6ea932 ));/*濃⇔淡*/
  border: 1px solid #3c5e1a;
  border-radius: 8px;
  box-shadow: none;
  text-shadow: 0 0 2px #62942f;
	color: #fff;
	font-size:2.0rem;
	display: block;
	margin:15px auto 30px;
	padding:10px 10px;
	width:80%;
	text-align: center;
	font-weight:bold;
	display:inline-block;
}

.btn-l2{
  background-image: linear-gradient(to bottom, #6ea932 49%, #62942f 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #62942f), color-stop(0.49, #6ea932 ));/*濃⇔淡*/
  border: 1px solid #3c5e1a;
  border-radius: 8px;
  box-shadow: none;
  text-shadow: 0 0 2px #62942f;
	color: #fff;
	font-size:2.0rem;
	display: block;
	margin:15px auto 30px;
	padding:10px 10px;
	width:80%;
	text-align: center;
	font-weight:bold;
	display:inline-block;
}

.btn-l3{
background-image: linear-gradient(to bottom, #f3790e 49%, #f2680c 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #f2680c), color-stop(0.49, #f3790e));/*濃⇔淡*/
border: 1px solid #da7923;
border-radius: 8px;
box-shadow: none;
text-shadow: 0 0 4px #da7923;
	color: #fff;
	font-size:2.0rem;
	display: block;
	margin:15px auto 30px;
	padding:10px 10px;
	width:80%;
	text-align: center;
	font-weight:bold;
	display:inline-block;
}
}


@media screen and (max-width: 480px){
.btn-l{
  background-image: linear-gradient(to bottom, #6ea932 49%, #62942f 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #62942f), color-stop(0.49, #6ea932 ));/*濃⇔淡*/
  border: 1px solid #3c5e1a;
  border-radius: 8px;
  box-shadow: none;
  text-shadow: 0 0 2px #62942f;
	color: #fff;
	font-size:1.6rem;
	display: block;
	margin: 5px auto 10px;
	padding:8px 8px;
	width:80%;
	text-align: center;
	font-weight:bold;
	display:inline-block;
}

.btn-l2{
  background-image: linear-gradient(to bottom, #6ea932 49%, #62942f 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #62942f), color-stop(0.49, #6ea932 ));/*濃⇔淡*/
  border: 1px solid #3c5e1a;
  border-radius: 8px;
  box-shadow: none;
  text-shadow: 0 0 2px #62942f;
	color: #fff;
	font-size:1.6rem;
	display: block;
	margin: 10px auto 15px;
	padding:10px 10px;
	width:90%;
	text-align: center;
	font-weight:bold;
	display:inline-block;
}

.btn-l3{
background-image: linear-gradient(to bottom, #f3790e 49%, #f2680c 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #f2680c), color-stop(0.49, #f3790e));/*濃⇔淡*/
border: 1px solid #da7923;
border-radius: 8px;
box-shadow: none;
text-shadow: 0 0 4px #da7923;
	color: #fff;
	font-size:1.6rem;
	display: block;
	margin: 10px auto 15px;
	padding:10px 10px;
	width:90%;
	text-align: center;
	font-weight:bold;
	display:inline-block;
}


.boxmb{
	padding:0 15px;
}
}

.btn-m div,
.btn-m2 div,
.btn-2 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 {
	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,
.btn-l3:hover{
	opacity:0.75;
	filter:alpha(opacity=75);
	-ms-filter:"alpha(opacity=75)";
}

/* ===============================================
	attention
=============================================== */
@media screen and (min-width: 1000px){

.votebg{
      background:url(../img/bg2.png);
			margin:0;
			padding:0;
}

.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;
		color:#fff;
}

.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:url(../img/common/back_slash_w2.png) repeat rgba(41, 6, 57, 0.98); 
		padding:10px 15px;
		margin:30px 0 0;
}

.mb01{
	margin:0 0 15px;
}

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

.votebg{
    background:url(../img/bg2.png);
		margin:0;
		padding:0;
}	

.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;
		color:#fff;
}


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

.attentbg{
	  background:url(../img/common/back_slash_w2.png) repeat rgba(28, 11, 71, 0.98); 
		padding:5px 7px;
		margin:20px 0 0;
}


.mb01{
	margin:0 0 15px;
}

}

.bm-0 a{
	color:#fff5c7;
	text-decoration:underline;
}


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



/* ===============================================
	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){
.Banner {
    margin:0 auto 15px;
		padding: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:0 0 15px;
		padding:0 20px;
    text-align: center;
}

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

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

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

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

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

.red {
    color: #eb0003;
    font-weight: bold;
}

.pink {
	color: #ed0079;
}
.green {
	background-color: #32803b;
}
.orenge {
	background-color: #e29c13;
}

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



@media screen and (min-width: 1000px){
.otherArea {
    margin: 0 20px 20px;
    padding:0;
}

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

.otherArea dd::before {
    display: block;
    left: -15px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 15px;
}
.otherArea dd {
    display: inline-block;
    font-size: 1.6rem;
    letter-spacing: normal;
    line-height: 1.5;
    margin:0 4px 6px 0;
    position: relative;
    vertical-align: top;
    width: 120px;
}
}

@media screen and (max-width: 1000px){
.otherArea {
    margin: 0 20px 20px;
    padding:0;
}

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

.otherArea dd::before {
    display: block;
    left: -15px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 15px;
}
.otherArea dd {
    display: inline-block;
    font-size: 1.6rem;
    letter-spacing: normal;
    line-height: 1.5;
    margin:0 4px 6px 0;
    position: relative;
    vertical-align: top;
    width: 110px;
}
}

@media screen and (max-width:640px){
.otherArea {
    margin: 0 20px 20px;
    padding:0;
}

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

.otherArea dd::before {
    display: block;
    left: -15px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 15px;
}
.otherArea dd {
    display: inline-block;
    font-size: 1.7rem;
		font-weight:bold;
    letter-spacing: normal;
    line-height: 1.5;
    margin:0 0 8px;
    position: relative;
    vertical-align: top;
    width: 640px;
}
}

@media screen and (max-width:480px){
.otherArea {
    margin: 0 20px 10px;
    padding:0;
}

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

.otherArea dd::before {
    display: block;
    left: -15px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 15px;
}
.otherArea dd {
    display: inline-block;
    font-size: 1.5rem;
		font-weight:bold;
    letter-spacing: normal;
    line-height: 1.5;
    margin:0 0 8px;
    position: relative;
    vertical-align: top;
    width: 380px;
}
}

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

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

@media screen and (min-width: 1000px){
.article2 {
	width: 720px;
	background:#fff;
	margin:10px auto;
	text-align:left;
	overflow:hidden;
	border-radius:10px;
	box-shadow:0 0 5px #2b2b2b;
	-webkit-box-shadow:0 0 5px #2b2b2b;
}
}

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

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


@media screen and (min-width: 1000px){
.Banner3{
    margin:0 0 10px;
	padding:40px 20px 0;
    text-align: center;
}
.Banner3 img{
	width:100%;
	max-width:400px;
}

.back2{
	margin:10px 20px 20px;
	font-size:1.6rem;
}
.comm{
	margin-bottom:30px;
}

.bt02{
	margin-bottom:15px;
}

.bt01{
	margin-bottom:5px;
}

.frbox{
	margin:0 45px 30px;
	overflow:hidden;
}

.fr_right{
	float:left;
	width:48%;
}

.fr_right img{
	width:100%;
	max-width:440px;
}

.fr_left{
	float:left;
	width:52%;
	padding:0 0 0 10px;
}

.frtxt01{
	font-size:1.8rem;
	color:#fc7203;
	padding:0 0 3px;
}

.frtxt02{
	font-size:1.4rem;
	line-height:1.5;
	color:#484848;
	padding:0 0 8px 30px;
}

}

.frtxt02 a{
    color: #083fa4;
    text-decoration:underline;
}

.frtxt02 a:hover {
    color: #083fa4;
    text-decoration: none;
}

@media screen and (max-width: 1000px){
.Banner3 {
    margin:0 0 10px;
	padding:30px 80px 0;
    text-align: center;
}
.Banner3 img{
	width:100%;
	max-width:500px;
}
.back{
	margin:10px 20px 15px;
	font-size:1.4rem;
}
.comm{
	margin-bottom:30px;
}

.bt02{
	margin-bottom:15px;
}

.bt01{
	margin-bottom:5px;
}

.frbox{
	margin:10px 35px 20px;
	overflow:hidden;
}

.fr_right{
	float:left;
	width:48%;
}

.fr_right img{
	width:100%;
	max-width:440px;
}

.fr_left{
	float:left;
	width:50%;
	padding:0 0 0 10px;
}

.frtxt01{
	font-size:1.8rem;
	color:#fc7203;
	padding:0 0 3px;
}

.frtxt02{
	font-size:1.4rem;
	line-height:1.5;
	color:#484848;
	padding:0 0 8px 30px;
}

}

@media screen and (max-width: 480px){
.Banner3 {
    margin:0 0 10px;
	padding:20px 20px 0;
    text-align: center;
}
.back{
	margin:10px 20px 15px;
	font-size:1.4rem;
}
.comm{
	margin-bottom:10px;
}

.bt02{
	margin-bottom:15px;
}

.bt01{
	margin-bottom:5px;
}

.frbox{
	margin:0 20px 10px;
	overflow:hidden;
}

.fr_right{
	float: none;
	width:100%;
}

.fr_right img{
	width:100%;
	max-width:440px;
}

.fr_left{
	float: none;
	width:100%;
	padding:0;
}

.frtxt01{
	font-size:1.2rem;
	color:#fc7203;
	padding:0 0 3px;
}

.frtxt02{
	font-size:1.2rem;
	line-height:1.5;
	color:#484848;
	padding:0 0 8px 20px;
}
}

.back a,
.back2 a{
	color:#006cff;
	text-decoration:underline;
}

.bm-02 a{
	color:#f36100;
	text-decoration:underline;
}

.bm-02 a:hover{
	color:#f36100;
	text-decoration:none;
}

.bm-03 a{
	color:#f0058b;
	text-decoration:underline;
}

.bm-03 a:hover{
	color:#f0058b;
	text-decoration:none;
}


.pink{
	color:#f0058b;
}

.yellow{
	color:#fffbb3;
}