@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/sawarabimincho.css);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(//use.fontawesome.com/releases/v5.0.6/css/all.css);

/*
	font-family:"FontAwesome";
	font-family:"Font Awesome 5 Free";
*/

html {font-size:62.5%;}
body {
	font-family:"Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url(../images/bg_pattern.png) center top fixed, #127fa3;
	margin-bottom:0;
	padding-bottom:20px;
	font-size:1.2rem;
	color:#15141e;
}
.ColorRed {color:#e72d30;}
.ColorBrown {color:#ac4918;}
li {list-style:none;}
a{
	color:#553d1d;
	text-decoration:none;
}
a:hover {color:#646363;}


@media screen and (min-width: 641px) {
/* PC用のスタイル記述 */
main {
	background:rgba(255, 255, 255, 0.6);
	width:1080px;
	margin:0 auto;
	font-size:1.4rem;
	line-height:1.6;
	box-sizing:border-box;
}
header {display:none;}
p{
	margin-block-start:0;
	margin-block-end:0;
}


/* header */
#headerWrap{
	position:relative;
	background:url(../images/header.jpg) center top no-repeat;
	width:1080px;
	height:750px;
	margin:0 0 20px;
}
#headerWrap #logo{
	position:absolute;
	top:184px;
	right:31px;
}
#headerWrap #catch{
	position:absolute;
	top:14px;
	left:175px;
}
#headerWrap #navWrap{
	position:absolute;
	top:595px;
	left:40px;
	overflow:hidden;
	width:1000px;
}
#headerWrap #navWrap li{
	float:left;
	width:42%;
	margin:0 4% 20px;
	font-size:2.6rem;
	text-align:center;
	line-height:1;
}
#headerWrap #navWrap a{
	display:block;
	background:#32343d;
	padding:6px 0;
	color:#fff;
	border:2px solid #127fa3;
	text-decoration:none;
}
#headerWrap #navWrap a:hover{
	/*background:#32343d;*/
	background:#127fa3;
	border:2px solid #32343d;
}


/* hタグ */
h2{
	background:#a9957a;
	margin:80px 0 12px;
	padding:4px 0;
	font-size:3rem;
	color:#32343d;
	text-align:center;
	border-top:3px double #32343d;
	border-bottom:3px double #32343d;
}
#campaign h2 {margin-top:40px;}


/* campaign */
.detailBox{
	width:1000px;
	margin:0 auto 30px;
	font-size:1.4rem;
}
#camCatch{
	margin:50px 0;
	font-size:2.6rem;
	text-align:center;
	line-height:1.3;
}
#camCatch span{
	font-size:3rem;
	color:#ac4918;
}
#camTit{
	margin-bottom:16px;
	font-size:3rem;
	font-weight:bold;
	color:#32343d;
	text-align:center;
	line-height:1.2;
	border-bottom:3px solid #32343d;
}
.detailBox p, .detailBox div, .detailBox dl{
	width:980px;
	margin:0 auto 1em;
}
#campaign .attention{
	width:980px;
	margin:0 auto 1px;
}
.detailBox dl{
	overflow:hidden;
	line-height:1;
}
.detailBox dt{
	float:left;
	clear:left;
	background:#127fa3;
	margin-bottom:6px;
	padding:8px 1em 6px;
	color:#fff;
}
.detailBox dd{
	float:left;
	margin:0 0 6px 1em;
	padding:8px 0 6px;
}
.detailBox dl + p {text-align:center;}


/* 投票 */
.votingWrap{
	width:980px;
	margin:0 auto 30px;
}
.votingWrap h3{
	background:#a9957a;
	width:980px;
	margin:0 auto 8px;
	padding:2px 1em 0;
	font-size:2rem;
	color:#553d1d;
	border:1px solid #553d1d;
	box-sizing:border-box;
}
.votingBox, .votingBox2 {margin-bottom:60px;}
.sceneBox{
	overflow:hidden;
	width:100%;
	padding:0;
}
.sceneBox li{
	float:left;
	width:calc(100% / 3 - 18px);
	margin:0 10px 20px;
	text-align:center;
	border:2px solid #127fa3;
}
.sceneBox li:first-of-type {margin-left:0;}
.sceneBox li:last-of-type {margin-right:0;}
.sceneBox li .scene{
	background:#127fa3;
	font-size:2.2rem;
	font-weight:bold;
	color:#fff;
}
.sceneBox li .Img img{
	width:100%;
	vertical-align:bottom;
	border:1px solid #444;
	box-sizing:border-box;
}
.voteBox form {text-align:center;}
.voteBox input{
	display:inline-block;
	background:#32343d;
	width:50%;
	margin:0 auto 1em;
	padding:10px 0 12px;
	font-size:2rem;
	font-weight:bold;
	color:#fff;
	text-align:center;
	text-decoration:none;
	line-height:1;
	border:2px solid #127fa3;
	border-radius:4px;
	cursor:pointer;
	transition:0.4s;
}
.voteBox input:hover{
	background:#127fa3;
	outline:none;
	border:2px solid #32343d;
}
.voteBox .sceneTxt{
	width:816px;
	margin:0 auto;
	padding:4px 8px;
	text-align:left;
	box-sizing:border-box;
}
.votingBox:first-of-type .voteBox .sceneTxt {width:700px;}
.votingBox:nth-of-type(2) .voteBox .sceneTxt {width:736px;}
.votingBox:nth-of-type(3) .voteBox .sceneTxt {width:750px;}
.votingBox:nth-of-type(4) .voteBox .sceneTxt {width:848px;}
.votingBox:nth-of-type(5) .voteBox .sceneTxt {width:886px;}
.votingBox:nth-of-type(6) .voteBox .sceneTxt {width:800px;}


/* 結果発表 */
#resultTit{
	background:#d1156e;
	width:980px;
	margin:0 auto 8px;
	padding:2px 1em 0;
	font-size:2.4rem;
	color:#fff;
	text-align:center;
	border:1px solid #553d1d;
	box-sizing:border-box;
}
.ranking{
	display:inline-block;
	background:#553d1d;
	margin-right:1em;
	padding:4px;
	color:#fff;
	line-height:1;
}
.votingBox2{
	background:#f1b4d1;
	margin-bottom:20px;
	padding:10px;
	box-sizing:border-box;
}
.votingBox2 h3 {width:100%;}


/* event */
.eventBox{
	background:rgba(124, 202, 200, 0.4);
	width:1000px;
	margin:0 auto 40px;
	padding:20px;
}
.eventTit{
	background:#553d1d;
	margin:0 0 8px;
	padding:8px 1em 6px;
	font-size:1.9rem;
	font-weight:bold;
	color:#fff;
	line-height:1.2;
}
.eventBox dl{
	overflow:hidden;
	margin-bottom:0;
}
.eventBox dt{
	float:left;
	clear:left;
	background:#32343d;
	width:6em;
	margin:0 1em 10px 0;
	padding:3px 0;
	color:#fff;
	text-align:center;
}
.eventBox dd{
	float:left;
	margin:0 0 10px 0;
	padding:3px 0;
}
.eventBox dd a {text-decoration:underline;}
.eventBox dd ul{
	margin:0;
	padding:0;
}
.eventBox dt:last-of-type, .eventBox dd:last-of-type {margin-bottom:0;}


/* item */
.itemWrap{
	overflow:hidden;
	width:1040px;
	margin:0 auto 40px;
}
.itemBox{
	float:left;
	width:calc(100% / 5 - 16px);
	margin:0 20px 20px 0;
	padding:10px;
	font-size:1.2rem;
	border:1px solid #32343d;
	box-sizing:border-box;
}
.itemBox:nth-of-type(5n) {margin-right:0;}
.itemImg, .itemTit, .itemPrice, .itemSale{
	margin-bottom:6px;
	line-height:1.4;
}
.itemImg{
	text-align:center;
	height:188px;
}
.itemImg img{
	max-width:100%;
	max-height:90%;
	margin-top:50%;
	transform:translateY(-50%);
}
a .itemPrice, a .itemSale{
	color:#32343d;
	text-decoration:none;
}


/* 特典情報 */
.tokutenWrap{
	width:1040px;
	margin:0 auto 40px;
}
.tokutenBox{
	background:rgba(204, 125, 86, 0.2);
	overflow:hidden;
	margin-bottom:30px;
	padding:20px;
}
.tokutenBox h3{
	margin:0 0 10px;
	padding:0;
	font-size:2.6rem;
	font-weight:bold;
	color:#ac4918;
}
.tokutenImg{
	float:left;
	width:230px;
	margin-right:20px;
}
.tokutenImg img {max-width:100%;}
.tokutenDetail{
	float:left;
	width:750px;
}
.tokutenDetail ul{
	margin:0 0 16px;
	padding:0;
	font-size:1.3rem;
}
.tokutenDetail li {margin-bottom:4px;}


/* 特典注意文 */
.tokutenBoxAttention{
	width:1040px;
	margin:20px auto;
	padding:1em;
	border:1px solid #630a68;
	box-sizing:border-box;
}
.tokutenBoxAttention p {padding:0 12px;}
.tbaTit{
	display:inline-block;
	margin-bottom:3px;
	padding:0 6px;
	font-size:1.4rem;
	color:#d80f11;
	border:1px solid #d80f11;
}
.tbaTit::before{
	font-family:FontAwesome;
	content:"\f06a";
	margin-right:4px;
	font-size:1.6rem;
	color:#d80f11;
}
.tokutenBoxAttention .AttLink{
	margin:12px 0 0;
	font-size:1.4rem;
}
.tokutenBoxAttention .AttLink a {color:#d80f11;}
.tokutenBoxAttention .AttLink::before{
	font-family:FontAwesome;
	content:"\f061";
	margin-right:4px;
	font-size:1.6rem;
	color:#d80f11;
}
.tokutenBoxAttention .AttLink a:hover{
	color:#444;
	text-decoration:none;
}


/* footer */
footer .copyright{
	margin:50px 0;
	font-size:1.4rem;
	color:#fff;
	text-align:center;
}
#totopSm{
    width:40px;
    height:40px;
    padding:0;
    text-indent:-9999px;
    background-color:#0079c7;
    border-radius:100%;
    position:fixed;
    bottom:10px;
    right:0;
    z-index:800;
    display:none;
    cursor:pointer;
}
#totopSm a {display:block;}
#totopSm::after{
    content:"\f106";
    font-family:"FontAwesome";
    font-size:40px;
    line-height:35px;
    text-indent:0;
    text-align:center;
    color:#fff;
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
}

}





@media screen and (max-width: 640px) {
.pcOnly {display:none;}
main {
	background:rgba(255, 255, 255, 0.6);
	width:100%;
	margin:0 auto;
	font-size:1.2rem;
	line-height:1.5;
	box-sizing:border-box;
}
p{
	margin-block-start:0;
	margin-block-end:0;
}
dd {margin-inline-start:0;}
ul{
	margin-block-start:0;
	margin-block-end:0;
	padding-inline-start:0;
}


/* header */
header h1 img {width:100%;}
#headerWrap{
	position:relative;
	width:100%;
	margin:20px 0 0;
	padding-bottom:20px;
}
#headerWrap #logo, #headerWrap #catch {display:none;}
#headerWrap #navWrap{
	overflow:hidden;
	width:100%;
	padding-inline-start:0;
}
#headerWrap #navWrap li{
	float:left;
	background:#127fa3;
	width:calc(100% / 2 - 20px);
	margin:0 10px 10px;
	font-size:1.4rem;
	text-align:center;
	line-height:1;
}
#headerWrap #navWrap a{
	display:block;
	background:#32343d;
	padding:6px 0;
	color:#fff;
	border:2px solid #127fa3;
	text-decoration:none;
}


/* hタグ */
h2{
	background:#a9957a;
	margin:0 0 12px;
	padding:4px 0;
	font-size:1.6rem;
	color:#32343d;
	text-align:center;
	border-top:3px double #32343d;
	border-bottom:3px double #32343d;
}


/* campaign */
.detailBox{
	width:92%;
	margin:0 auto 20px;
	font-size:1.3rem;
}
.detailBox p, .detailBox div, .detailBox dl {margin-bottom:1em;}
#camCatch{
	margin:20px auto;
	font-size:1.6rem;
	text-align:center;
	line-height:1.3;
}
#camCatch span{
	font-size:1.8rem;
	color:#ac4918;
}
#camTit{
	margin-bottom:16px;
	font-size:1.8rem;
	font-weight:bold;
	color:#32343d;
	text-align:center;
	line-height:1.2;
	border-bottom:3px solid #32343d;
}
#campaign .attention{
	width:96%;
	margin:0 auto;
}
.detailBox dl{
	overflow:hidden;
	line-height:1.4;
}
.detailBox dt{
	background:#127fa3;
	margin-bottom:4px;
	padding:4px 4px 2px;
	color:#fff;
}
.detailBox dd{
	margin:0 0 10px 1%;
	padding:4px 4px 2px;
}
.detailBox dl + p img {width:100%;}


/* 投票 */
.votingWrap{
	width:96%;
	margin:0 auto 20px;
}
.votingWrap h3{
	background:#a9957a;
	margin-bottom:8px;
	padding:2px 6px 0;
	font-size:1.4rem;
	color:#553d1d;
	text-align:center;
}
.votingBox h3 span, .votingBox2 h3 span {display:block;}
.votingBox, .votingBox2 {margin-bottom:30px;}
.sceneBox{
	overflow:hidden;
	width:100%;
	padding:0;
}
.sceneBox li{
	float:left;
	width:calc(100% / 2 - 24px);
	margin:0 10px 20px;
	text-align:center;
	border:2px solid #127fa3;
}
.sceneBox li .scene{
	background:#127fa3;
	font-size:1.6rem;
	font-weight:bold;
	color:#fff;
}
.sceneBox li .Img img{
	width:90%;
	vertical-align:bottom;
	border:1px solid #444;
}
.sceneBox li .sceneTxt{
	padding:4px 8px;
	text-align:left;
}

.voteBox form {text-align:center;}
.voteBox input{
	display:inline-block;
	background:#32343d;
	width:92%;
	margin:0 auto 1em;
	padding:10px 0 12px;
	font-size:1.3rem;
	font-weight:bold;
	color:#fff;
	text-align:center;
	text-decoration:none;
	line-height:1;
	border:2px solid #127fa3;
	border-radius:4px;
	cursor:pointer;
	transition:0.4s;
}
.voteBox .sceneTxt{
	width:92%;
	margin:0 auto;
}


/* 結果発表 */
#resultTit{
	background:#d1156e;
	width:96%;
	margin:0 auto 8px;
	padding:2px 1em 0;
	font-size:1.6rem;
	color:#fff;
	text-align:center;
	border:1px solid #553d1d;
	box-sizing:border-box;
}
.ranking{
	display:inline-block !important;
	background:#553d1d;
	margin-right:1em;
	padding:4px;
	color:#fff;
	line-height:1;
}
.votingBox2{
	background:#f1b4d1;
	margin-bottom:20px;
	padding:10px;
	box-sizing:border-box;
}
.votingBox2 h3{
	width:100%;
	box-sizing:border-box;
}
.votingBox2 .sceneBox li {background:#fff;}


/* event */
.eventBox{
	background:rgba(124, 202, 200, 0.2);
	width:96%;
	margin:0 auto 40px;
	padding:10px;
	box-sizing:border-box;
}
.eventTit{
	background:#553d1d;
	margin:0 0 8px;
	padding:4px 4px 2px;
	font-size:1.4rem;
	font-weight:bold;
	color:#fff;
	line-height:1.2;
}
.eventBox dl{
	overflow:hidden;
	margin-bottom:0;
}
.eventBox dt{
	float:left;
	clear:left;
	background:#32343d;
	width:18%;
	margin-bottom:10px;
	padding:4px 4px 2px;
	color:#fff;
	text-align:center;
}
.eventBox dd{
	float:left;
	width:75%;
	margin:0 0 10px 1%;
	padding:4px 4px 2px;
}
.eventBox dd a {text-decoration:underline;}
.eventBox dd ul {padding:0;}
.eventBox dt:last-of-type, .eventBox dd:last-of-type {margin-bottom:0;}


/* item */
.itemWrap{
	overflow:hidden;
	width:96%;
	margin:0 auto 40px;
}
.itemBox{
	float:left;
	width:calc(100% / 2 - 20px);
	margin:0 10px 20px;
	padding:10px;
	font-size:1.2rem;
	border:1px solid #32343d;
	box-sizing:border-box;
}
.itemBox:nth-of-type(2n) {margin-right:0;}
.itemImg, .itemTit, .itemPrice, .itemSale{
	margin-bottom:6px;
	line-height:1.4;
}
.itemImg{
	text-align:center;
	height:140px;
}
.itemImg img{
	max-width:100%;
	max-height:90%;
	margin-top:50%;
	transform:translateY(-50%);
}
a .itemPrice, a .itemSale{
	color:#32343d;
	text-decoration:none;
}


/* 特典情報 */
.tokutenWrap{
	width:92%;
	margin:0 auto 40px;
}
.tokutenBox{
	background:rgba(204, 125, 86, 0.2);
	overflow:hidden;
	margin-bottom:30px;
	padding:10px;
}
.tokutenBox h3{
	background:#ac4918;
	margin:0 0 10px;
	padding:0 8px;
	font-size:1.4rem;
	font-weight:bold;
	color:#fff;
	box-sizing:border-box;
}
.tokutenImg{
	width:230px;
	margin:0 auto 8px;
}
.tokutenImg img {max-width:100%;}
.tokutenDetail ul{
	margin:0 0 16px;
	padding:0;
	font-size:1.2rem;
}
.tokutenDetail li{
	margin-bottom:10px;
	line-height:1.3;
}
.tokutenDetail li::before {content:"・";}


/* 特典注意文 */
.tokutenBoxAttention{
	width:100%;
	margin:0 auto;
	padding:1rem;
	font-size:1.1rem;
	border:1px solid #630a68;
	box-sizing:border-box;
}
/*.tokutenBoxAttention p {padding:0 12px !important;}*/
.tbaTit{
	display:inline-block;
	margin-bottom:3px;
	padding:0 6px !important;
	font-size:1.3rem;
	color:#d80f11;
	border:1px solid #d80f11;
}
.tbaTit::before{
	font-family:FontAwesome;
	content:"\f06a";
	margin-right:4px;
	font-size:1.6rem;
	color:#d80f11;
}
.tokutenBoxAttention .AttLink{
	margin:12px 0 0;
	font-size:1.3rem;
}
.tokutenBoxAttention .AttLink a {color:#d80f11;}
.tokutenBoxAttention .AttLink:before{
	font-family:FontAwesome;
	content:"\f061";
	margin-right:4px;
	color:#d80f11;
}
.tokutenBoxAttention .AttLink a:active{
	color:#444;
	text-decoration:none;
}


footer .copyright{
	margin:30px 0;
	font-size:1.2rem;
	color:#fff;
	text-align:center;
}
#totopSm{
    width:40px;
    height:40px;
    padding:0;
    text-indent:-9999px;
    background-color:#0079c7;
    border-radius:100%;
    position:fixed;
    bottom:10px;
    right:0;
    z-index:800;
    display:none;
    cursor:pointer;
}
#totopSm a {display:block;}
#totopSm::after{
    content:"\f106";
    font-family:"FontAwesome";
    font-size:40px;
    line-height:35px;
    text-indent:0;
    text-align:center;
    color:#fff;
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
}

}