@charset "UTF-8";
/* CSS Document */

*{
	line-height:1;
	margin:0;
	padding:0;
}

html,body{
	width: 100%;
}

body{
	font-family: a-otf-futo-go-b101-pr6n, sans-serif;
	font-style: normal;
	font-weight: 500;
}

a { text-decoration:none } /* リンク文字の下線非表示 */ 
a:link { color:rgb(231, 56, 13); } /* 未訪問のリンク文字色 */ 
a:visited { color:rgb(231, 56, 13); } /* 訪問済のリンク文字色 */ 
a:hover { text-decoration:underline; } /* ポイント時のリンク文字色 */ 
a:active { color: rgb(231, 56, 13); } /* 選択中のリンク文字色 */ 

a:hover{
	opacity: 0.5; /* 透明度 */  
	-webkit-filter: alpha(opacity=60); /* Google Chrome、Safari */  
	-moz-filter: alpha(opacity=60); /* Firefox */  
	-o-filter: alpha(opacity=60); /* Opera */  
	-ms-filter: alpha(opacity=60); /* Internet Explorer */ 
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	-ms-transition: 0.1s;
	transition: 0.1s;
}


#container{
	width:100%;
	height:100%;
	min-width: 1450px;
	background-color:rgb(231, 56, 13);
}

.stripe{
	width: 100%;
	margin: 0 auto;
	background-color: #E61F1;
	background-image:linear-gradient(-90deg, #fff 50%, transparent 50%);
	background-size: 7px 7px;
}

.sidecolor{
	width: 100%;
	margin: 0 auto;
	background-color: #D8B014;
}

.white-box{
	width: 85%;
	margin: 0 auto;
	background-color: #FFFFFF;
	padding: 30px 0;
}

#header,
#main-menu,
#sub-menu,
#news,
#rule,
#shoplist,
#footer{
	width: 1200px;
	margin: 0 auto;
}

.clear{
	clear: both;
}

.wrap{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}

.between {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}

.centre{
	align-items: center;
}

.round-white,
.round-red{
	border-radius:100px;
	display:inline-block;
	padding:10px 20px;
}

.round-white{
	background-color: #FFFFFF;
}

.round-red{
	background-color: rgb(231, 56, 13);
}

.text-white{
	color:#FFFFFF;
}

.text-red{
	color:rgb(231, 56, 13);
}

.topic{
	font-feature-settings: "palt";
	font-size:24px;
	letter-spacing:0.15em;
}

.high{
	height: 100px;
}

/*
=====================================================================
header
===================================================================== 
*/

h1{
	text-align: center;
}

h1 img{
	height: 150px;
}

#main-menu ul{
	width: 90%;
	margin: 0 auto;
	list-style: none;
}

#main-menu a img{
	height: 50px;
}

#sub-menu ul{
	width: 100%;
	margin: 0 auto;
	list-style: none;
}

#sub-menu li{
	background-color: rgb(231, 56, 13);
	padding:10px;
	border-radius:100px;
}

#sub-menu a{
	display: block;
	font-feature-settings: "palt";
	font-size:16px;
	letter-spacing:0.10em;
	color:#FFFFFF;
	font-family: ten-mincho, serif;
	font-style: normal;
	font-weight: 400;
}

#main-menu li:hover,
#sub-menu li:hover{
	opacity: 0.75;
}

#main-menu a:hover,
#sub-menu a:hover{
	text-decoration: none;
}

#main{
	text-align: center;
	width: 100%;
}

.main-image2{
	width: 100%;
	margin: 15px 0 30px 0;
}


/*
=====================================================================
contents
===================================================================== 
*/

#contents-box{
	width: 1000px;
	margin: 0 auto;
}

#contents-left{
	width: 70%;
	margin-right: 30px;
}

#contents-left img{
	width: 100%;
}

#contents-right{
	width: 28%;
}

.contents-block-text{
	font-feature-settings: "palt";
	margin-top: 30px;
	font-size:18px;
	line-height:30px;
	font-weight:600;
	letter-spacing:0.15em;
	text-align: center;
	color:#734B23;
}

#tousen{
	display: block;
	margin: 50px auto -10px auto;
	width: 50%;
}

#tousen img{
	width: 100%;
}


#contents-right img{
	width: 100%;
}

#flier{
	width: 100%;
	margin: 80px auto 0px auto;
}

#flier a{
	width: 49%;
	border:1px solid #E3E3E3;
}

#flier img{
	width: 100%;
}

#movie{
	width: 70%;
	display: block;
	margin: 50px auto 30px auto;
}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.flame{
	width: 48%;
	border: #734B23 3px solid;
	border-radius:20px;
	margin: -3px;
	margin: 60px 0 -20px 0;
}

.contents-block-mini{
	padding: 30px;
}

.contents-title{
	display: block;
	height: 55px;
	margin: 0 auto;
}

.announce{
	display: block;
	width: 65%;
	margin: 30px auto 0 auto;
}

.flame-stamp{
	width: 100%;
	border: #734B23 3px solid;
	border-radius:20px;
	margin: -3px;
	margin: 60px 0 30px 0;
}

#stamp-title{
	display: flex;
	justify-content: center;
	align-items: center;
}

.contents-stamp{
	width: 55%;
	margin: 0 50px 0 0;
}

.announce-2{
	width: 25%;
}

.yazirusi{
	display: block;
	height: 17px;
	margin: 5px auto 0 auto;
}

.contents-block-mini-text-a{   /* 赤丸背景の見出し */ 
	border-radius:100px;
	background-color: rgb(231, 56, 13);
	display: inline-block;
	margin: 30px 0 5px -5px;
	padding:5px 15px;
	width: auto;
	font-feature-settings: "palt";
	color:#FFFFFF;
	font-size:20px;
	text-align: center;
	letter-spacing:0.1em;
}

.contents-block-mini-text-c{   /* 全体的な本文 */ 
	font-feature-settings: "palt";
	margin-top: 5px;
	font-size:20px;
	line-height:34px;
	font-weight:600;
	letter-spacing:0.1em;
	text-align: justify;
	color:#734B23;
}

.contents-block-mini ul{   /* 会場リスト */ 
	list-style: none;
	margin-top: 5px;
}

.contents-block-mini li{   /* 会場リスト */ 
	font-feature-settings: "palt";
	margin-bottom: 10px;
	font-size:20px;
	line-height:24px;
	font-weight:600;
	letter-spacing:0.1em;
	color:#734B23;	
	padding-left: 0.5em;
	text-indent: -0.5em;
}

.contents-block-mini li:before {   /* 会場リスト */ 
    content:  "";     /* 空の要素作成 */
    width:  5px;               /* 幅指定 */
    height:  5px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color:rgb(231, 56, 13);  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -4px;                  /* 位置調整 */
    margin-right: 10px;          /* 余白指定 */
}


.contents-block-mini-text-b{   /* 「応募の流れ」見出し */ 
	border: 2px rgb(231, 56, 13) solid;
	border-radius:100px;
	display:inline-block;
	margin: 5px 0px 0 -3px;
	padding:6px 4px;
	font-feature-settings: "palt";
	color: rgb(231, 56, 13);
	font-size:14px;
	letter-spacing:0.1em;
	text-align: center;
	float: left;
	width: 14px;
}

.contents-block-mini-text-e{   /* 「応募の流れ」本文 */ 
	font-feature-settings: "palt";
	margin-top: 5px;
	font-size:20px;
	line-height:34px;
	font-weight:600;
	letter-spacing:0.1em;
	text-align: justify;
	color:#734B23;
	padding-left:35px;
}

.contents-block-mini-text-d{   /* 「当選内容」見出し */ 
	border: 2px rgb(231, 56, 13) solid;
	border-radius:100px;
	display:inline-block;
	margin: 12px 0px 0 -5px;
	padding:6px 0;
	font-feature-settings: "palt";
	color: rgb(231, 56, 13);
	font-size:16px;
	letter-spacing:0.1em;
	text-align: center;
	width: 110px;
	float: left;
}

.contents-block-mini-text-f{   /* 「当選内容」本文 */ 
	font-feature-settings: "palt";
	margin-bottom: 10px;
	font-size:20px;
	line-height:34px;
	font-weight:600;
	letter-spacing:0.1em;
	text-align: justify;
	color:#734B23;
	padding-left: 23%;
}

.text-small{
	font-size:14px;	
	letter-spacing:0.1em;
}

.bold{
	letter-spacing:0.1em;
	margin-left: 3px;
	color:rgb(231, 56, 13);
	text-decoration: underline;
}

.kasen{
	border-bottom: 4px rgb(231, 56, 13) double;
}

.press{
	width: 70%;
	display: block;
	margin: 40px auto;
}

.map{
	width: 100%;
	height: 500px;
	border:#734B23 3px solid;
	border-radius:20px;
}

/*
=====================================================================
店舗一覧
===================================================================== 
*/

#shoplist{
	text-align: center;
}

#shoplist a:link { color:#734B23; } /* 未訪問のリンク文字色 */ 
#shoplist a:visited { color:#734B23; } /* 訪問済のリンク文字色 */ 

.table-block{
	margin-top: 40px;
}

.shop-town{
	font-feature-settings: "palt";
	color:#FFFFFF;
	background-color: rgb(231, 56, 13);
	font-size:20px;
	font-weight:600;
	letter-spacing:0.15em;
	text-align:center;
	padding: 20px 0;
    border-spacing: 0;
	border:2px rgb(231, 56, 13) solid;
	margin:-2px;
}

#shoplist ul{
	width: 24%;
}

#shoplist li{
	font-feature-settings: "palt";
	font-size:18px;
	line-height:18px;
	letter-spacing:0.05em;
	font-family: ten-mincho, serif;
	font-style: normal;
	font-weight: 400;
	text-align:center;
	vertical-align:top;
	padding: 6px 0;
	border-spacing: 0;
	border:2px rgb(231, 56, 13) solid;
	margin:-2px;
	list-style: none;
	color:#734B23;
 }

#shoplist li span{
	font-size:12px;
}

/*
=====================================================================
footer
===================================================================== 
*/


.footer{
	padding:50px 0;
	margin: 0 auto;
}

.footer-text-a,
.footer-text-b{
	font-feature-settings: "palt";
	color: #FFFFFF;
	font-weight:600;
	letter-spacing:0.15em;
	text-align:center;
}


.footer-text-a{
	font-size:20px;
	margin-bottom: 20px;
}

.footer-text-b{
	font-size:16px;
	margin-bottom: 10px;
}

#middle-contact{
	width: 78%;
	margin: 30px auto 0 auto;
}
#footer-contact{
	width: 70%;
	margin: 30px auto 0 auto;
}

#middle-contact p,
#middle-contact a,
#footer-contact p,
#footer-contact a{
	font-feature-settings: "palt";
	font-weight:600;
	letter-spacing:0.15em;
	font-size:18px;
}

#middle-contact a:link { color:#FFFFFF; } /* 未訪問のリンク文字色 */ 
#middle-contact a:visited { color:#FFFFFF; } /* 訪問済のリンク文字色 */ 

#footer-contact a:link { color:rgb(231, 56, 13); } /* 未訪問のリンク文字色 */ 
#footer-contact a:visited { color:rgb(231, 56, 13); } /* 訪問済のリンク文字色 */