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

body{
font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1000px;
}
.container-fluid {
padding-left: 0px;
padding-right: 0px;
}
@media screen and (max-width:767px) {
.container {
box-sizing: border-box;
overflow-x: hidden;
}
}
a {
margin:0;
padding:0;
vertical-align:baseline;
background:transparent;
text-decoration: none;
color: inherit;
}
a:visited{
  color: inherit;
}
a:hover {
  color: inherit;
  opacity: 0.7;
}
i:visited{
  color: inherit;
}
p {
padding: 0;
margin: 0;
}



/* =======================================
TOP
======================================= */
.top_section {
 background-color: #b8860b;
}
.lead_concept{
 font-size: 20px;
	color: #fff;
 letter-spacing: 0.15em;
 line-height: 1.7;
	padding: 75px 0;
}
.catch_copy2 {
 font-size: 32px;
 font-weight: 600;
 letter-spacing: 0.1em;
 line-height: 1.7;
 margin-bottom: 50px;
	text-align: center;
}

@media screen and (max-width:767px) {
.concept_txt {
 padding: 0 10px;
}
.lead_concept{
 font-size: 16px;
 line-height: 1.8;
	padding: 30px 0;
}
}



/* =======================================
CAMPAIGN DETAIL
======================================= */
.campaign_section {
 background-color: #fef6df;
	padding: 100px 0;
}
.campaign_section .container {
 max-width: 800px;
}
.campaign_block {
 background-color: #fff;
	border: solid 2px #333;
	border-radius: 15px;
	padding: 50px 0;
	text-align: center;
}
.campaign_detail {
 padding: 50px 0;
}
.campaign-btn {
	color: #fff!important;
	font-size: 24px;
	background-color: #b8860b;
	border: solid 2px #b8860b;
	padding: 1% 0;
	border-radius: 50px;
	width: 100%;
 display: inline-block;
}
.campaign-btn:hover {
 background-color: #b8860b;
 opacity: 0.7;
}
.campaign-btn:active {
 background-color: #b8860b;
	opacity: 0.7;
}
.campaign_block .txt {
 font-size: 24px;
}

hr.style {
 border:1px dashed #000;

}

@media screen and (max-width:767px) {
.campaign_section {
 padding: 50px 0;
}
.campaign_block {
	padding: 10px;
}
.campaign_detail {
 padding: 30px 0;
}
.campaign-btn {
 font-size: 16px;
	max-width: 98%;
	}
.campaign_block .txt {
 font-size: 18px;
	max-width: 98%;
}
}


/* =========================================
タイトル　吹き出し
=========================================== */
.balloon {
 font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
 position: relative;
 display: inline-block;
 padding: 7px 10px;
 width: 100%;
 color: #333;
 font-size: 28px;
	font-weight: 600;
 background: #FFF;
 border: solid 2px #333;
	border-radius: 15px;
 box-sizing: border-box;
	text-align: center;
	margin-bottom: 30px;
	letter-spacing: 0.2em;
}
.balloon:before {
 content: "";
 position: absolute;
 bottom: -24px;
 left: 50%;
 margin-left: -15px;
 border: 12px solid transparent;
 border-top: 12px solid #FFF;
 z-index: 2;
}
.balloon:after {
 content: "";
 position: absolute;
 bottom: -30px;
 left: 50%;
 margin-left: -17px;
 border: 14px solid transparent;
 border-top: 14px solid #333;
 z-index: 1;
}
.balloon p {
 margin: 0;
 padding: 0;
}

@media screen and (max-width:767px){
.balloon {
 padding: 5px 10px;
 font-size: 20px;
	letter-spacing: 0.15em;
	margin-bottom: 20px;
}
}



/* =======================================
LINE UP
======================================= */
.lineup_section {
 background-color: #e1ce9c;
	padding: 100px 0;
}
.lineup_list_box {
 padding: 50px 0 0;
}
.lineup_list_item {
background-color: #fff;
border-radius: 25px;
height: 100%;
position: relative;
}
.lineup_list_item img {
border-radius: 25px 25px 0 0;
}
.lineup_list_item .L-item_detail {
 padding: 10px 20px 70px;
 font-size: 16px;
}
.lineup_list_item .L-item_detail .L-item_name {
 font-size: 18px;
 margin-bottom: 10px;
	font-weight: 600;
}
.lineup_Itemlist_btn {
 font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
 display: block;
 color: #d85655!important;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-align: center;
	background-color: #f8e4cc;
	border: solid 2px #f8e4cc;
	padding: 1% 0;
	width: 100%;
 border-radius: 0 0 25px 25px;
	position: absolute;
 bottom: 0;
}
.lineup_Itemlist_btn:hover {
 background-color: #f8e4cc;
 opacity: 0.7;
}
.lineup_Itemlist_btn:active {
 background-color: #f8e4cc;
	opacity: 0.7;
}
.check_icon{
 content: url( "../img/check.png");
 display: inline-block;
 width: 8%;
 vertical-align: middle;
 background-repeat: no-repeat;
 margin-left: 1%;
}
.thumbnail_icon-a, .thumbnail_icon-b, .thumbnail_icon-c, .thumbnail_icon-d, .thumbnail_icon-e, .thumbnail_icon-f, .thumbnail_icon-g, .thumbnail_icon-h, .thumbnail_icon-i, .thumbnail_icon-j, .thumbnail_icon-k, .thumbnail_icon-l, .thumbnail_icon-m, .thumbnail_icon-n, .thumbnail_icon-o, .thumbnail_icon-p, .thumbnail_icon-q, .thumbnail_icon-r, .thumbnail_icon-s, .thumbnail_icon-t, .thumbnail_icon-u, .thumbnail_icon-v, .thumbnail_icon-w, .thumbnail_icon-x, .thumbnail_icon-y, .thumbnail_icon-z, .thumbnail_icon-aa, .thumbnail_icon-ab, .thumbnail_icon-ac, .thumbnail_icon-ad, .thumbnail_icon-ae, .thumbnail_icon-af, .thumbnail_icon-ag, .thumbnail_icon-ah, .thumbnail_icon-ai, .thumbnail_icon-aj, .thumbnail_icon-ak, .thumbnail_icon-al, .thumbnail_icon-am, .thumbnail_icon-an, .thumbnail_icon-ao, .thumbnail_icon-ap, .thumbnail_icon-aq {
position: absolute;
right: 0;
left: 55%;
top: -1.5em;
margin-left: -60%;
width: 80px;
z-index: 100;
}
.thumbnail_icon-a {
content: url( "../img/icon/a.png");
}
.thumbnail_icon-b {
content: url( "../img/icon/b.png");
}
.thumbnail_icon-c {
content: url( "../img/icon/c.png");
}
.thumbnail_icon-d {
content: url( "../img/icon/d.png");
}
.thumbnail_icon-e {
content: url( "../img/icon/e.png");
}
.thumbnail_icon-f {
content: url( "../img/icon/f.png");
}
.thumbnail_icon-g {
content: url( "../img/icon/g.png");
}
.thumbnail_icon-h {
content: url( "../img/icon/h.png");
}
.thumbnail_icon-i {
content: url( "../img/icon/i.png");
}
.thumbnail_icon-j {
content: url( "../img/icon/j.png");
}
.thumbnail_icon-k {
content: url( "../img/icon/k.png");
}
.thumbnail_icon-l {
content: url( "../img/icon/l.png");
}
.thumbnail_icon-m {
content: url( "../img/icon/m.png");
}
.thumbnail_icon-n {
content: url( "../img/icon/n.png");
}
.thumbnail_icon-o {
content: url( "../img/icon/o.png");
}
.thumbnail_icon-p {
content: url( "../img/icon/p.png");
}
.thumbnail_icon-q {
content: url( "../img/icon/q.png");
}
.thumbnail_icon-r {
content: url( "../img/icon/r.png");
}
.thumbnail_icon-s {
content: url( "../img/icon/s.png");
}
.thumbnail_icon-t {
content: url( "../img/icon/t.png");
}
.thumbnail_icon-u {
content: url( "../img/icon/u.png");
}
.thumbnail_icon-v {
content: url( "../img/icon/v.png");
}
.thumbnail_icon-w {
content: url( "../img/icon/w.png");
}
.thumbnail_icon-x {
content: url( "../img/icon/x.png");
}
.thumbnail_icon-y {
content: url( "../img/icon/y.png");
}
.thumbnail_icon-z {
content: url( "../img/icon/z.png");
}
.thumbnail_icon-aa {
content: url( "../img/icon/aa.png");
}
.thumbnail_icon-ab {
content: url( "../img/icon/ab.png");
}
.thumbnail_icon-ac {
content: url( "../img/icon/ac.png");
}
.thumbnail_icon-ad {
content: url( "../img/icon/ad.png");
}
.thumbnail_icon-ae {
content: url( "../img/icon/ae.png");
}
.thumbnail_icon-af {
content: url( "../img/icon/af.png");
}
.thumbnail_icon-ag {
content: url( "../img/icon/ag.png");
}
.thumbnail_icon-ah {
content: url( "../img/icon/ah.png");
}
.thumbnail_icon-ai {
content: url( "../img/icon/ai.png");
}
.thumbnail_icon-aj {
content: url( "../img/icon/aj.png");
}
.thumbnail_icon-ak {
content: url( "../img/icon/ak.png");
}
.thumbnail_icon-al {
content: url( "../img/icon/al.png");
}
.thumbnail_icon-am {
content: url( "../img/icon/am.png");
}
.thumbnail_icon-an {
content: url( "../img/icon/an.png");
}
.thumbnail_icon-ao {
content: url( "../img/icon/ao.png");
}
.thumbnail_icon-ap {
content: url( "../img/icon/ap.png");
}
.thumbnail_icon-aq {
content: url( "../img/icon/aq.png");
}

@media screen and (min-width:767px) {
.gy-md-999 {
    --bs-gutter-y: 4rem;
}
}

@media screen and (max-width:767px) {
.lineup_section {
 padding: 50px 0;
}
.lineup_list_box {
 padding: 0 10px;
}
.lineup_list_item .L-item_detail {
 padding: 10px 5px 50px;
 font-size: 14px;
 letter-spacing: normal;
 line-height: normal;
}
.lineup_list_item .L-item_detail .L-item_name {
 font-size: 16px;
 margin-bottom: 10px;
}
.lineup_Itemlist_btn {
 font-size: 14px;
	letter-spacing: normal;
 padding: 3% 0;
}
.thumbnail_icon-a, .thumbnail_icon-b, .thumbnail_icon-c, .thumbnail_icon-d, .thumbnail_icon-e, .thumbnail_icon-f, .thumbnail_icon-g, .thumbnail_icon-h, .thumbnail_icon-i, .thumbnail_icon-j, .thumbnail_icon-k, .thumbnail_icon-l, .thumbnail_icon-m, .thumbnail_icon-n, .thumbnail_icon-o, .thumbnail_icon-p, .thumbnail_icon-q, .thumbnail_icon-r, .thumbnail_icon-s, .thumbnail_icon-t {
position: absolute;
right: 0;
left: 55%;
top: -1.5em;
margin-left: -60%;
width: 50px;
z-index: 100;
}
}



/* =======================================
当選者
======================================= */
.announce_section {
 background-color: #fef6df;
	padding: 100px 0;
}
.announce_section .container {
max-width: 800px;
}
.announce_block {
 background-color: #fff;
	border: solid 2px #333;
	border-radius: 15px;
	text-align: center;
}
.announce_detail {
 padding: 50px 0;
}
.announce_block .txt {
 font-size: 24px;
}
.announce-btn {
	color: #fff!important;
	font-size: 24px;
	background-color: #b8860b;
	border: solid 2px #b8860b;
	padding: 1% 0;
	border-radius: 50px;
	width: 100%;
 display: inline-block;
	text-align: center;
	margin-bottom: 50px;
}
.announce-btn:hover {
 background-color: #b8860b;
 opacity: 0.7;
}
.announce-btn:active {
 background-color: #b8860b;
	opacity: 0.7;
}

@media screen and (max-width:767px) {
.announce_section {
 padding: 50px 0;
}
.announce_block {
	padding: 0 10px;
}
.announce_detail {
 padding: 30px 0;
}
.announce_block .txt {
 font-size: 18px;
	max-width: 98%;
}
.announce-btn {
 font-size: 16px;
	max-width: 98%;
	margin-bottom: 30px;
	}
}



/* =======================================
footer
======================================= */
#footer {
 background-color: #393939;
 color: #fff;
	padding: 30px 0; 
}
#footer ul li {
 list-style: none;
 text-decoration: none;
 font-size: 16px;
	display: inline-block;
	padding: 0;
}

#footer .menu-bar .list-inline-item::after {
 content: "";
 margin-left: 30px;
}
#footer .menu-bar .list-inline-item:last-child::after {
 margin-left: 0;
}
#footer #copyright {
 margin-top: 30px;
 text-align: center;
 font-size: 14px;
 letter-spacing: 0.05rem;
 }

@media screen and (max-width: 767px) {
#footer ul li {
 font-size: 14px;
}
#footer .menu-bar .list-inline-item::after {
 content: "";
 margin-left: 10px;
}
#footer #copyright {
 margin-top: 20px;
 font-size: 12px;
 }
}




/* =======================================
改行
======================================= */
.br::before {
 content: "\A" ;
 white-space: pre ;
}
.br2::before {
 content: "" ;
 white-space: pre ;
}
@media screen and (max-width:767px) {
.br::before {
 content: "" ;
 white-space: pre ;
}
.br2::before {
 content: "\A" ;
 white-space: pre ;
}
}



/* =========================================
トップへ戻る
=========================================== */
#page_top{
 width: 50px;
 height: 50px;
 position: fixed;
 right: 0;
 bottom: 0;
 background: #fff;
 opacity: 0.6;
 border-radius: 50%;
	border: solid 1px #b8860b;
	z-index: 999;
}
#page_top a{
 position: relative;
 display: block;
 width: 50px;
 height: 50px;
 text-decoration: none;
}
#page_top a::before{
 font-family: FontAwesome;
 content: '\f106';
 font-size: 25px;
 color: #b8860b;
 position: absolute;
 width: 25px;
 height: 25px;
 top: 0;
 bottom: 0;
 right: 0;
 left: 0;
 margin: auto;
 text-align: center;
}

