@charset "utf-8";
/* ヘッダー */
#conts_header {
	border-top: 5px solid #c19b53;
	position: relative;
	background: url("../images/bg_pat_01_red.png") repeat -16px -16px;
	padding-top: calc(12px - 5px);
}
#conts_header.top {
	padding: calc(18px - 5px) 0 10px;
}
#conts_header::before {
	content: "";
	width: 100%;
	height: 2px;
	background: #c19b53;
	position: absolute;
	left: 0;
	top: 2px;
}
.company_logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.mv {
	position: relative;
}
.mv .obi {
	height: 198px;
	background: url("../images/mv_bg.png") no-repeat center bottom;
}
#conts_header.top .mv .obi {
	height: 375px;
	background-image: url("../images/mv_bg_top.png");
}
.mv .obi .inner {
	position: relative;
}
#conts_header:not(.top) .mv .obi .logo {
	width: 696px;
	height: 181px;
	margin: auto;
	background: url("../images/mv_logo.png") no-repeat center top;
}
#conts_header.top .logo {
	width: 597px;
	height: 358px;
	position: absolute;
	top: calc(18px - 5px);
	left: 0;
	right: 0;
	margin: auto;
	z-index: 2;
}
.mv .obi .logo a {
	display: block;
	width: 100%;
	height: 100%;
}
.mv .stage_day {
	position: absolute;
	top: 245px;
	left: 0;
}
#conts_header:not(.top) .mv .stage_day {
	display: none;
}
.mv .stage_day > * {
	display: block;
}
.mv .stage_day .day {
	margin: 7px 0 0 36px;
}
.mv .schedule_member {
	position: absolute;
	top: 66px;
	right: 0;
}
#conts_header.top .mv .schedule_member {
	top: 177px;
}
.mv .schedule_member .btn + .btn {
	margin-top: 3px;
}
.mv + * {
	position: relative;
	margin-top: -10px;
}
.mv .schedule_member a {
	display: block;
}
.mv .schedule_member a:hover {
	opacity: .7;
}
.prer_txt {
	text-align: center;
	padding: 8px 0 23px;
}
#conts_header.top .prer_txt {
	padding: 19px 0 12px;
}

/*通常サイトヘッダー抜粋*/
#header {
	background: none;
	position: absolute;
	top: 0;
	right: 0;
}
#conts_header.top #header {
	top: -5px;
}
#header #header_Right {
	width: auto;
	float: none;
	margin: 0;
	display: flex;
	justify-content: flex-end;
}
#header #header_Right #headMenu02 {
	float: none;
	margin: 0;
	display: flex;
	align-items: center;
}
#header #header_Right #headMenu02 li#header_menu_logout, #header #header_Right #headMenu02 li#header_menu_login {
	margin-left: 10px;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,.18);
	transition: all .4s;
}
#header #header_Right #headMenu02 li#header_menu_login {
	background: #000;
}
#header #header_Right #headMenu02 li#header_menu_login:hover {
	background: #fff;
}
#header #header_Right #headMenu02 li#header_menu_logout:hover {
	background: #dcdbdb;
}
#header #header_Right #headMenu02 li#header_menu_logout a, #header #header_Right #headMenu02 li#header_menu_login a {
	padding: 5px 5px 6px;
}
#header #header_Right #headMenu02 li#header_menu_login a {
	color: #fff;
}
#header #header_Right #headMenu02 li#header_menu_login:hover a {
	color: #000;
}
#headMenu02 .txt a {
	font-size: 11px;
	line-height: 1;
	color: #fff;
	padding-left: calc(5px + 5px);
	display: inline-block;
	position: relative;
	transition: all .3s;
}
#headMenu02 .txt a::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3.5px 0 3.5px 5px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto 0;
}
#headMenu02 .txt a::after {
	content: "";
	width: 100%;
	height: 1px;
	background: rgba(255,255,255,.8);
	position: absolute;
	left: 0;
	bottom: -3px;
}
#headMenu02 .txt a:hover {
	opacity: 1 !important;
}
#headMenu02 .txt a:hover::after {
	width: 0;
}
/*パンくず*/
.breadcrumbList {
	width: 100%;
	margin: auto;
	font-size: 0;
}
.breadcrumbList li {
	font-size: 12px;
	display: inline-block;
}
.breadcrumbList li+ li::before {
	content: "＞";
	margin: 0 10px;
}
.breadcrumbList li a {
	display: inline !important;
}
.breadcrumbList li a:hover {
	text-decoration: none;
}
/* グロナビ */
#naviHeader {
	height: 90px;
}
#naviWrapper {
	width: 100%;
	height: 90px;
	background: #fff;
	border-top: 5px solid #c19b53;
	border-bottom: 5px solid #c19b53;
	padding: 2px 0;
	box-shadow: 0 4px 8px -3px rgba(0,0,0,.4);
	position: relative;
	z-index: 10;
}
#naviConts {
	height: 100%;
	border-top: 2px solid #c19b53;
	border-bottom: 2px solid #c19b53;
	background: #fff;
	position: relative;
	z-index: 12;
}
#naviArea {
	width: 960px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#dstBtn {
	width: 150px;
}
#dstBtn .head_btn_title {
	font-size: 24px;
	line-height: 1;
	text-align: center;
	color: #000;
	font-weight: bold;
}
#dstBtn .dst_change {
	position: relative;
}
#dstBtn .dst_change .head_btn01_text {
	height: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 11px;
	line-height: 1;
	color: #fff;
	text-align: center;
 padding: 0 calc(7px + (6px * 2));
	background: #305ba9;
	border-radius: 2px;
	position: relative;
	cursor: pointer;
}
#dstBtn .dst_change .head_btn01_text::after {
	content: "";
	width: 7px;
	height: 5px;
	background: url("../images/icon_arrow_s_white_b.png") no-repeat 0 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 6px;
	margin: auto 0;
}
#head_btn01 #head_btn01_list {
	width: 100%;
	position: absolute;
	top: 18px;
	left: 0;
	z-index: 15;
	display: none;
	box-shadow: 0 4px 8px -3px rgba(0,0,0,.4);
}
#head_btn01:hover #head_btn01_list {
	display: block;
}
#head_btn01 #head_btn01_list ul {
	background: #fff;
	padding: 15px 0;
	top: 0;
}
#head_btn01 #head_btn01_list li {
	text-align: left;
	color: #000;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	padding-left: calc(7px + 25px + 10px);
	position: relative;
}
#head_btn01 #head_btn01_list li::before {
	content: "";
	width: 7px;
	height: 13px;
	background: url("../images/icon_arrow_brown_r.png") no-repeat 0 0;/*画像仮*/
	position: absolute;
	top: 0;
	bottom: 0;
	left: 25px;
	margin: auto 0;
}
#head_btn01 #head_btn01_list li + li {
	margin-top: 13px;
}
#head_btn01 #head_btn01_list li a {
	color: inherit;
	text-decoration: none;
}
#head_btn01 #head_btn01_list li a:hover {
	color: #65cdff;
}
#gNavi {
	width: 796px;
	height: 50px;
	position: relative;
	display: flex;
}
#gNavi > li {
	max-width: 175px;
	min-width: 77px;
	border-left: 1px solid #cdcdcd;
}
#gNavi > li.active img, #gNavi > li a:hover img {
	opacity: .6;
}
#gNavi > li > a {
	width: 100%;
	height: 100%;
	padding: 0 11px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#gNavi > li.pulldown {
	position: relative;
}
#gNavi > li.pulldown:hover::after, #gNavi > li.pulldown:hover::before {
	content: "";
	display: block;
	position: absolute;
	bottom: -12px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#gNavi > li.pulldown:hover::after {
	width: 100%;
	height: 12px;
	z-index: 5;
}
#gNavi > li.pulldown:hover::before {
	height: 0;
	width: 0;
	border-style: solid;
	border-width: 0 8px 12px 8px;
	border-color: transparent transparent #eae7e3 transparent;
	z-index: 12;
}
#gNavi > li .subList_wrapper {
	width: 960px;
	padding-top: 0;
	position: absolute;
	bottom: -11px;
	display: none;
}
#gNavi #nav01 .subList_wrapper {
	left: -164px;
}
#gNavi #nav02 .subList_wrapper {
	left: calc(-164px - 77px);
}
#gNavi #nav03 .subList_wrapper {
	left: calc(-164px - 77px - 77px);
}
#gNavi #nav05 .subList_wrapper {
	left: calc(-164px - 77px - 77px - 132px - 77px);
}
#gNavi #nav06 .subList_wrapper {
	left: calc(-164px - 77px - 77px - 132px - 77px - 175px);
}
#gNavi #nav08 .subList_wrapper {
	left: calc(-164px - 77px - 77px - 132px - 77px - 175px - 77px - 88px);
}
#gNavi > li:hover .subList_wrapper {
	display: block;
}
#gNavi > li .subList_wrapper .subList {
	width: 100%;
	padding: 15px 14px;
	background: #eae7e3;
	position: absolute;
	z-index: 13;
}
#gNavi > li .subList_wrapper .subList ul {
	display: flex;
	flex-wrap: wrap;
}
#gNavi > li .subList_wrapper .subList ul li {
	width: 227px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
}
#gNavi > li .subList_wrapper .subList ul li:not(:nth-child(4n)) {
 margin-right: calc((932px - (227px * 4)) / 3);
}
#gNavi > li .subList_wrapper .subList ul li:nth-child(n+5) {
 margin-top: calc((932px - (227px * 4)) / 3);
}
#gNavi > li .subList_wrapper .subList ul li a {
	width: 100%;
	height: 100%;
	min-height: 37px;
	display: flex;
	align-items: center;
	padding: 5px 10px 5px 30px;
	text-decoration: none;
	color: inherit;
	border: 1px solid #f2f0ed;
	background: #fff;
	position: relative;
}
#gNavi > li .subList_wrapper .subList ul li a::before {
	content: "";
	width: 7px;
	height: 13px;
	background: url("../images/icon_arrow_brown_r.png") no-repeat 0 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 14px;
	margin: auto 0;
}
#gNavi > li .subList_wrapper .subList ul li a:hover, #gNavi > li .subList_wrapper .subList ul li.active a {
	background: #dbad4e;
	color: #fff;
}
#gNavi > li .subList_wrapper .subList ul li a:hover::before, #gNavi > li .subList_wrapper .subList ul li.active a::before {
	background-image: url("../images/icon_arrow_white_r.png");
}
/*#footnav------------------------------------- */
#footnav {
	padding: 40px 0;
	background: #faf8e0;
}
#footnav .col_wrap {
	display: flex;
	justify-content: space-between;
}
#footnav .col_wrap.col03 .col {
	width: 308px;
}
#footnav .col_wrap.col04 .col {
	width: 230px;
}
#footnav dl {
	background: #fff;
}
#footnav dl dt {
	font-size: 16px;
	line-height: 1.3;
}
#footnav dl dt + dt {
	border-top: 2px solid #c9c9c9;
}
#footnav dl dt:first-child {
	border-top: none;
}
#footnav dl dd {
	border-bottom: 2px solid #c9c9c9;
	font-size: 12px;
	line-height: 1.4;
}
#footnav dl dt > *, #footnav dl dd > *:not(.img) {
	display: block;
	text-decoration: none;
	padding: 10px 25px 10px 15px;
}
#footnav dl dt > * {
	background: #004098;
	color: #fff;
}
#footnav dl dd > * {
	color: #000;
}
#footnav dl dt a {
	background: url(../images/icon_arrow_white_r.png) no-repeat 96% 45% #004098;
}
#footnav dl dd a {
	background: url(../images/icon_arrow_blue_r.png) no-repeat 96% 45%;
}
#footnav dl dt a:hover {
	opacity: 0.7;
}
#footnav dl dd a:hover {
	color: #65cdff;
}


/* 地方発 */
.subList li span{padding:1px 5px 2px; color:#FFF; font-weight:normal; margin-right:8px; font-size:0.8em;
}
.dpt_kmq{ background:#FF6699;}
.dpt_toy{ background:#F07640;}

/*-------     ★★ 初夢第2弾style ここから ★★     ------*/
.ver2nd #conts_header {
	border-top-color: #c1820c;
	background: url("../images/mv_obi_bg_2nd.png") no-repeat center -133px, url("../images/bg_pat_04_white.png") repeat 0 0, linear-gradient(to right, rgba(209,142,8,1) 0%, rgba(251,205,0,1) 50%, rgba(209,143,8,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d18e08', endColorstr='#d18f08', GradientType=1 );
	overflow: hidden;
}
.ver2nd #conts_header:not(.top) {
	padding-top: calc(13px - 5px)
}
.ver2nd #conts_header::after {
	content: "";
	width: 100%;
	height: 2px;
	background: #c1820c;
	position: absolute;
	left: 0;
	top: 2px;
}
.ver2nd #conts_header::before {
	content: "";
	width: 120%;
	height: 120%;
	background: url("../images/bg_pat_03_red.png") repeat 0 0;
	background-size: 90px;
	transform: rotate(-8.8deg);
	position: absolute;
	left: -10%;
	top: 147px;
}
.ver2nd #conts_header.top::before {
	top: 268px;
}
.ver2nd #conts_header .mv .obi {
	height: 197px;
	background-image: url("../images/mv_bg_2nd.png");
}
.ver2nd #conts_header.top .mv .obi {
	height: 377px;
	background-image: url("../images/mv_bg_top_2nd.png");
}
.ver2nd #conts_header:not(.top) .mv .obi .logo {
	width: 626px;
	height: calc(188px + 3px);
	background-image: url("../images/mv_logo_2nd.png");
	background-position: center bottom;
	position: relative;
}
.ver2nd #conts_header:not(.top) .mv .obi .logo a {
	width: 590px;
	height: 150px;
	position: absolute;
	top: 22px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.ver2nd #conts_header.top .logo {
	width: 414px;
	height: 414px;
	top: calc(-6px - 5px);
}
.ver2nd #conts_header .inner {
	height: 100%;
}
.ver2nd #conts_header.top .company_logo {
	top: -6px;
}
.ver2nd .mv .stage_day {
	top: 66px;
}
.ver2nd .mv .schedule_member {
	top: 100px;
}
.ver2nd #conts_header.top .mv .schedule_member {
 width: calc((122px * 2) + 5px);
	display: flex;
	justify-content: space-between;
	top: 327px;
	left: 34px;
	right: auto;
}
.ver2nd .mv .schedule_member > * {
	position: relative;
}
.ver2nd #conts_header.top .mv .schedule_member > * {
	margin-top: 0;
}
.ver2nd .mv .schedule_member > *::before {
	content: "";
	width: 120px;
	height: 34px;
	border-radius: 2px;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.ver2nd .mv .schedule_member a {
	position: relative;
	z-index: 1;
}
.ver2nd.pc .mv .schedule_member a:hover {
	opacity: .5;
}
.ver2nd #headMenu02 .txt a {
	color: #000;
}
.ver2nd #headMenu02 .txt a::before {
	border-color: transparent transparent transparent #000;
}
.ver2nd #headMenu02 .txt a::after {
	background: rgba(0,0,0,.8);
}
.ver2nd .prer_txt {
	padding: 7px 0 36px;
}
.ver2nd #conts_header.top .prer_txt {
	padding: 18px 0 15px;
}
.ver2nd .mv + * {
	margin-top: 0;
}
.ver2nd .mv + #slider {
	margin-top: calc(-10px - 7px);
}
.ver2nd #naviWrapper {
	padding: calc(4px + 2px) 0;
	border: none;
}
.ver2nd #naviConts {
	padding: 2px 0;
	border: none;
}
.ver2nd #naviWrapper, .ver2nd #naviConts::before, .ver2nd #naviConts::after {
	background: linear-gradient(to right, rgba(190,130,27,1) 0%, rgba(242,181,68,1) 47%, rgba(194,124,2,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be821b', endColorstr='#c27c02', GradientType=1 );
}
.ver2nd #naviWrapper::before, .ver2nd #naviWrapper::after, .ver2nd #naviConts::before, .ver2nd #naviConts::after {
	content: "";
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
}
.ver2nd #naviWrapper::before, .ver2nd #naviWrapper::after {
	background: #fff;
}
.ver2nd #naviWrapper::before {
	top: 4px;
}
.ver2nd #naviWrapper::after {
	bottom: 4px;
}
.ver2nd #naviConts::before {
	top: 0;
}
.ver2nd #naviConts::after {
	bottom: 0;
}
/*-------     ★★ 初夢第2弾style ここまで ★★     ------*/
