@charset "utf-8";


/**** メニューエリアの背景 ****/
.grandmenu {
	background: url(images/menu_bg.png) no-repeat top center;
	background-size: cover;
}

/**** メニューの枠線の色 ****/
.grandmenu ul.cir li:nth-child(1) {border-color: #e31e20;}
.grandmenu ul.cir li:nth-child(2) {border-color: #042f88;}
.grandmenu ul.cir li:nth-child(3) {border-color: #654b9b;}
.grandmenu ul.cir li:nth-child(4) {border-color: #E84920;}
.grandmenu ul.cir li:nth-child(5) {border-color: #dfc800;}
.grandmenu ul.cir li:nth-child(6) {border-color: #76a01e;}


/**** メニューのアイコンの大きさ ****/
.grandmenu ul.cir li u,
.grandmenu ul.cir li.on u::before, .grandmenu ul.cir li.select u::before {
  width: 42px;
}


/**** 角メニューの色 ****/
.grandmenu ul.squ li:nth-child(4n+1),
.grandmenu ul.squ li:nth-child(4n+4) {
  background: linear-gradient(to bottom, #c68596 0%, #c68596 50%, #c3798e 50%, #c3798e 100%);
}
.grandmenu ul.squ li:nth-child(4n+2),
.grandmenu ul.squ li:nth-child(4n+3) {
  background: linear-gradient(to bottom, #cea9a9 0%, #cea9a9 50%, #cca09f 50%, #cca09f 100%);
}


/**** 詳細エリアの背景と上の三角 ****/
#contents .cont .det_area::before {
  border-color: transparent transparent #e7e5df transparent;
}
#contents .cont .det_area > div {
	background: url(images/detail_bg.png) no-repeat center;
	background-size: cover;
}


/**** コンテンツエリア ****/
#contents .event {
	/*background: url(images/contents/event_bg.png) no-repeat top center;*/
	background-size: cover;
	text-align: center;
	padding: 125px 0;
}
#contents .event img {
}
#contents .hashtag {
	background: url(images/contents/event_bg.png) no-repeat top center;
	background-size: cover;
	text-align: center;
	padding: 125px 0;
}
#contents .reims .title {
	border-bottom: solid 1px white;
}
#contents .reims img {
	border-right: solid 1px white;
}

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

#contents {}
#contents .event {
  padding: 0;
}
#contents .event img {}
#contents .reims {}
#contents .reims .title {}
#contents .reims img {
  border-right: none;
}

}


.bgimg{
	background: url(images/back1.jpg) no-repeat center top;background-size: cover;
}
.bgimg2{
	background: url(images/back2.jpg) no-repeat center top;background-size: cover;
}



/************ 共通設定 **************/

.grandmenu ul.cir li:nth-child(1) u::before {background: url(images/pin1.png) no-repeat top center;background-size: contain;}
.grandmenu ul.cir li:nth-child(2) u::before {background: url(images/pin2.png) no-repeat top center;background-size: contain;}
.grandmenu ul.cir li:nth-child(3) u::before {background: url(images/pin3.png) no-repeat top center;background-size: contain;}
.grandmenu ul.cir li:nth-child(4) u::before {background: url(images/pin4.png) no-repeat top center;background-size: contain;}
.grandmenu ul.cir li:nth-child(5) u::before {background: url(images/pin5.png) no-repeat top center;background-size: contain;}
.grandmenu ul.cir li:nth-child(6) u::before {background: url(images/pin6.png) no-repeat top center;background-size: contain;}
.grandmenu ul.cir li:nth-child(7) u::before {background: url(images/pin7.png) no-repeat top center;background-size: contain;}
.grandmenu ul.cir li:nth-child(8) u::before {background: url(images/pin8.png) no-repeat top center;background-size: contain;}
.grandmenu ul.cir li:nth-child(9) u::before {background: url(images/pin9.png) no-repeat top center;background-size: contain;}

#contents .cont:nth-child(1) h2::before {content: url(images/pin1.png);}
#contents .cont:nth-child(2) h2::before {content: url(images/pin2.png);}
#contents .cont:nth-child(3) h2::before {content: url(images/pin3.png);}
#contents .cont:nth-child(4) h2::before {content: url(images/pin4.png);}
#contents .cont:nth-child(5) h2::before {content: url(images/pin5.png);}
#contents .cont:nth-child(6) h2::before {content: url(images/pin6.png);}
#contents .cont:nth-child(7) h2::before {content: url(images/pin7.png);}
#contents .cont:nth-child(8) h2::before {content: url(images/pin8.png);}
#contents .cont:nth-child(9) h2::before {content: url(images/pin9.png);}

#contents .cont li .dbtn::after {
	content: url(images/dbtn.png);
	display: inline-block;
	margin-top: 12px;
	visibility: visible;
}