@charset "UTF-8";
body {
	width: 100%;
	height: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	color: #231815;
	-webkit-text-size-adjust: 100%;
	line-height: 1.5;
	background: #fff;
}

#browser_check {
	display: none;
	text-align: center;
	background: #7FE0D1;
	border-bottom: 1px solid #009696;
}

#browser_check .title {
	font-weight: bold;
	font-size: 18px;
}

a.blue {
	text-decoration: underline;
	color: #005bac;
}

a.blank img {
	margin-right: 3px;
	margin-left: 3px;
	width: 12px !important;
}
a.window {
  cursor: pointer;
}
.tab_close {
text-align: center;
padding-bottom: 30px;
}
.tab_close a {
display: inline-block;
background: #878787;
text-align: center;
}
.red {
	color: #E7368E;
}
.red2 {
color: #f00;
}
.border-box {
border: 1px solid #ccc;
padding: 5px 10px;
}
.border-box.red {
border-color: #E7368E;
}
sub {
	font-size: 10px;
	vertical-align: bottom;
}
sup {
	font-size: 10px;
	vertical-align: top;
}

h1, h2, h3, h4 {
	font-weight: normal;
}

.br {
	display: inline-block;
}

.btn,
.menu,
.menu a {
	text-decoration: none;
	line-height: 1.4;
}

.btn {
	display: block;
}

.btn img {
	width: 100%;
}

.menu .borderlink a {
	text-decoration: underline;
}
.inline_bk {
  display: inline-block;
}

.grp-img100 img {
	width: 100%;
}

img {
	height: auto;
}

.mt0  {margin-top: 0 !important;}
.mt05  {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mb0  {margin-bottom: 0 !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.pt0 {padding-top: 0 !important;}

.nav a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

/*header*/
#header_logo {
	vertical-align: middle;
	font-weight: normal;
}

#header_logo span.subtitle {
	color: #009292;
	font-weight: bold;
}

#breadcrumb ul {
	display: inline-block;
}

#breadcrumb ul li.current:after {
	content: none;
}

#breadcrumb ul li {
	display: inline-block;
	font-size: 11px;
	color: #005bac;
	position: relative;
}

#breadcrumb ul li:after {
	position: absolute;
	content: '>';
	top: 0;
	right: 7px;
}

#breadcrumb ul li > * {
	line-height: 1;
	padding-right: 20px;
	color: #231815;
}

#breadcrumb ul li a {
	color: #005bac;
	text-decoration: underline;
}

#breadcrumb ul li a:hover {
	opacity: .5;
}

.singlepage .info ul {
	border-top: 5px solid #DDDDDD;
}

.singlepage .info h2 {
	color: #009EE7;
	font-size: 18px;
	border-bottom: 5px solid #009EE7;
}

.singlepage .info ul li + li {
	border-top: 1px solid #898989;
}

.singlepage .info ul li {
	background-repeat: no-repeat;
	background-image: url(../images/arrow_blue.png);
	background-size: 5px auto;
}

div.basepage .contents-page .pink_box {
	background: #FDEBF3;
}
div.basepage .main_contents h1 .category {
	display: block;
}
div.basepage .main_contents.contents-page .pink_box h2 {
	background: #E7368E;
	color: #fff;
	font-size: 18px;
	text-align: center;
	border: none;
	padding: 7px 0;
	margin-bottom: 10px;
}
div.basepage .main_contents.contents-page .pink_box p.title {
	font-weight: bold;
}
div.basepage .contents-page .red_box {
	background: #FFFFBF;
}
div.basepage .main_contents.contents-page .red_box h2 {
	background: #f00;
	color: #fff;
	font-size: 18px;
	text-align: center;
	border: none;
	padding: 7px 0;
	margin-bottom: 10px;
}
div.basepage .main_contents.contents-page .red_box p.title {
	font-weight: bold;
}
div.basepage .main_contents.contents-page .abolition {
color: #f00;
padding-bottom: 15px;
}
div.basepage .main_contents.contents-page .abolition h3 {
border: 1px solid #f00;
color: #f00;
padding: 5px 10px;
}
.small.small11 {
	font-size: 11px;
}
div.basepage ul.pink-list li:before {
	content: '●';
	color: #E7368E;
}
div.basepage ul.red-list li:before {
	content: '●';
	color: #f00;
}
div.basepage ul.list.circle li {
position: relative;
padding-left: 1.5em;
}
div.basepage ul.list.circle li:before {
content: '○';
position: absolute;
top: 0;
left: 0;
}

/*footer*/
footer #copy {
	font-size: 8px;
	color: #868686;
}

/* コンテンツ */
.small.kome {
	font-size: 12px;
}

.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

ul.arrow {
	margin-bottom: 25px;
}

* + ul.arrow {
	margin-top: 15px;
}

ul.arrow li {
	background: url(../images/mark_arow.png) 3px 5px no-repeat;
	background-size: 4px auto;
	padding-left: 13px;
}

ul.arrow li + li {
	margin-top: 10px;
}
ul.arrow.blue li {
background: url(../images/arrow_blue.png) no-repeat 3px 5px;
background-size: 4px auto;
padding-left: 15px;
}
ul.arrow.blue li + li {
margin-top: 5px;
}

div.basepage {
	font-size: 13px;
	/*contents-page*/
}

div.basepage a.blue.arrow {
	margin-top: 20px;
	display: block;
	background-repeat: no-repeat;
	background-position: 3px 5px;
	background-image: url(../images/arrow_blue.png);
	background-size: 4px auto;
	text-decoration: underline;
	color: #005bac;
	padding-left: 15px;
}

div.basepage img.img100p {
	margin-top: 15px;
	margin-bottom: 15px;
}

div.basepage .cln_3 span.title {
	display: block;
	font-size: 15px;
	text-align: center;
	margin-bottom: 5px;
}

div.basepage .box_green {
	margin-bottom: 50px;
	margin-top: 30px;
	padding: 14px 3%;
	border: 2px solid #C8E3BE;
}

div.basepage .box_green h4 {
	font-size: 15px;
	margin-bottom: 5px;
	font-weight: bold;
}

div.basepage .box_green img {
	width: 100%;
}

div.basepage .blank {
	margin-left: 5px;
}

div.basepage .small {
	font-size: 12px;
}
div.basepage .small2 {
	font-size: 13px;
}

div.basepage .txt_right {
	text-align: right;
}
div.basepage .txt_center {
	text-align: center;
}
div.basepage .txt_left {
	text-align: left;
}

div.basepage .main_contents h1 {
	color: #00a0ea;
	line-height: 1.2;
}

div.basepage .main_contents .green-box {
	border: 4px solid #c8e3be;
	line-height: 1.5;
}

div.basepage .main_contents .green-box h3 {
	color: #231815 !important;
}

div.basepage .main_contents .green-box ul li {
	background-image: url(../images/mark_arow.png);
	background-repeat: no-repeat;
}

div.basepage .main_contents .green-box ul li + li {
	margin-top: 10px;
}

div.basepage .main_contents .green-box ul li a {
	color: #0068b7;
	text-decoration: underline;
}

div.basepage .main_contents .list.big_dot li:before {
	content: '●';
	position: absolute;
	top: 0;
	left: 0;
}

div.basepage .main_contents .list.small_dot li:before {
	content: '・';
}
div.basepage .main_contents.parent-page .parent-menu > div .thumbnail img {
	width: 100%;
}

div.basepage .main_contents.parent-page .parent-menu > div .thumbnail + div h2 {
	color: #00a0ea;
}

div.basepage .main_contents.parent-page .parent-menu > div .thumbnail + div h2 a {
	color: #00a0ea !important;
}

div.basepage .contents-page h2 {
	color: #00a0ea;
	border-bottom: 3px solid #00a0ea;
}

div.basepage .contents-page h3 {
	color: #00a0ea;
}

div.basepage .side_area ul {
	background: #f7f8f8;
}

div.basepage .side_area li {
	display: block;
	width: 100%;
	background: url(../images/mark_arow.png) no-repeat left;
	background-size: 4px auto;
}
div.basepage .side_area li.second {
	background: url(../images/mark_hyphen.png) no-repeat left;
	background-size: 8px auto;
}

div.basepage .side_area li a {
	display: block;
	line-height: 1.4;
	height: 100%;
}
div.basepage .side_area li.parent_1 {
	background: none;
}

div.basepage .side_area li.parent_1 a {
	background: url(../images/side_nav_parent.jpg) repeat-x #019fe8;
	position: relative;
	background-size: auto 35px;
}

div.basepage .side_area li.parent_1 a:before, div.basepage .side_area li.parent_1 a:after {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background: url(../images/side_nav_parent_left.jpg);
	background-size: auto 20px;
	width: 7px;
	height: 20px;
}

div.basepage .side_area li.parent_1 a:after {
	position: absolute;
	content: '';
	background: url(../images/side_nav_parent_right.jpg);
	left: auto;
	right: 0;
	top: 0;
	background-size: auto 20px;
	width: 7px;
	height: 20px;
}

div.basepage .side_area li.parent_1 a {
	color: #fff;
}

div.basepage .side_area li.parent_2 {
	background: none;
}

div.basepage .side_area li.parent_2 a {
	color: #0076C1;
	vertical-align: middle;
}
div.basepage .side_area .banner img {
	width: 100%;
}
div.basepage .side_area li .icon {
	position: relative;
}
div.basepage .side_area li .icon > span {
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	width: 28px;
	height: 28px;
	margin: auto;
	overflow: hidden;
}
div.basepage .side_area li .icon > span img {
	width: 100%;
}
div.basepage .side_area li.current .icon > span img {
	margin-top: -28px;
}


.balloon {
display: inline-block;
background: #FFF000;
color: #00A0EA;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
line-height: 1;
padding: 3px 5px;
margin-left: 10px;
}

.box_blue {
	background: #D9F1FC;
	border-radius: 15px;
	padding: 24px 3%;
}

p.attention {
	padding-left: 15px;
	position: relative;
}

p.attention::before {
	position: absolute;
	top: 0;
	left: 3px;
	content: '※';
}

.box_gray {
	background: #EEEEEE;
	padding: 10px 3%;
}

.list.blue li,
.list.big_dot li {

	position: relative;
	padding-left: 15px;
}

.list.small_dot.blue li {
	position: relative;
	padding-left: 13px;
}

p.kome:before,
div.kome:before,
.kome > li:before {
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
}

p.kome,
div.kome,
.kome > li {
	position: relative;
	padding-left: 1.5em;
}

.list.blue li:before {
	color: #019FE8;
	position: absolute;
	top: 0;
	left: 0;
}

* + table.hyou {
	margin-top: 30px;
}

table.hyou + * {
	margin-top: 10px;
}
table.hyou + table.hyou {
	margin-top: 30px;
}

img.w100 {
	width: 100%;
}

.caption {
	background: #D3E8F5;
	padding: 5px 2%;
	text-align: left;
	margin-bottom: 15px;
}

* + .caption {
	margin-top: 30px;
}

table.hyou.blue th, table.hyou.blue td {
	border: 1px solid #019FE8;
}

table.hyou.blue tr th {
	background: #C9DFF1;
}

table.hyou.blue tr:nth-child(2n) th {
	background: #E9F2FA;
}

table.hyou.blue td:last-child {
	white-space: normal;
}

table.hyou {
	width: 100%;
	border-collapse: collapse;
}

table.hyou caption {
	background: #D3E8F5;
	padding: 5px 2%;
	text-align: left;
	margin-bottom: 15px;
}

table.hyou .gray th {
	background: #E6E6E6;
}

table.hyou .gray td {
	background: #F6F6F6;
}

table.hyou .orange th {
	background: #FDE3B5;
}

table.hyou .orange td {
	background: #FEF3DE;
}

table.hyou .blue th {
	background: #C9DFF1;
}

table.hyou .blue td {
	background: #E9F2FA;
}

table.hyou .pink th {
	background: #F6C7CD;
}

table.hyou .pink td {
	background: #FBE3E7;
}

table.hyou .green th {
	background: #D1E9C7;
}

table.hyou .green td {
	background: #E8F3E2;
}

table.hyou .purple th {
	background: #E6D3E7;
}

table.hyou .purple td {
	background: #EBDDEC;
}

table.hyou .ygreen1 th {
	background: #EAF1A3;
}

table.hyou .ygreen1 td {
	background: #F8FED8;
}

table.hyou .ygreen2 th {
	background: #EFF4BB;
}

table.hyou .ygreen2 td {
	background: #FBFEE9;
}

table.hyou .dgray th {
	background: #666;
}

table.hyou th {
	padding: 3px 1px;
	border: 1px solid #ccc;
	vertical-align: middle;
	font-weight: normal;
}

table.hyou td {
	text-align: center;
	padding: 5px 0;
	border: 1px solid #ccc;
	font-weight: normal;
	vertical-align: middle;
}

table.hyou thead th,
table.hyou thead td {
	background: #999;
	color: #fff;
	font-size: 12px;
}

table.hyou thead.dblue th {
	background: #3358B9;
}

/*popup*/
.popup header {
	margin: 0;
	background: #009EE7;
	width: 100%;
}

.popup header .header_title {
	margin: 7px 3% !important;
}

.popup h2 {
	color: #244C9F !important;
	border-bottom: 3px solid #244C9F !important;
	font-size: 26px;
	padding-bottom: 8px;
	margin-bottom: 24px;
}

.popup #googlemap {
	background: #ccc;
}

.popup .map {
	background: none;
}

.popup .map h2 {
	color: #231815;
}

.popup .areasearch ol li {
	padding-left: 39px;
	position: relative;
}

.popup .areasearch ol li:before {
	position: absolute;
	content: '';
	width: 11px;
	height: 5px;
	background: url(../images/arrow_down.png) no-repeat;
	background-size: 100%;
	bottom: 50%;
	margin-bottom: -3px;
	right: 3%;
	z-index: -2;
}

.popup .areasearch ol li img {
	position: absolute;
	left: 0;
	top: 0;
}

.popup .areasearch ol li select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	margin: 0;
	padding: 3px 5px;
	background: none transparent;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
	box-sizing: content-box;
	border: 1px solid #ccc;
	width: 97%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", " メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.popup .areasearch ol li select option {
	padding: 5px;
	line-height: 15px;
}

.popup .areasearch ol li + li {
	margin-top: 15px;
}

.popup .areasearch .attention {
	color: #DF0027;
}

.popup .areasearch .searchbtn button {
	border: none;
}

.popup footer .copy {
	text-align: center;
	padding: 0 3%;
}

#login_attention {
background-color: #FFFFFF;
}
#login_attention p {
color: #E7368E;
margin-top: 15px;
}

/* メンテナンス用 */
#mainte {
color: #00A0EA;
border: 2px solid #00A0EA;
text-align: center;
background: #E4F3FA;
}

/* Campaign banner */
.cambnr {
width: 94%;
margin: 20px auto;
text-align: center;
}
.cambnr a {
display: block;
}
.cambnr img {
width: auto;
max-width: 100%;
border: 1px solid #ccc;
}
.cambnr.shadow img {
  border: none;
}
.cambnr a + a {
margin-top: 20px;
}

/* fixed_footer */
#fixed_footer {
	position: fixed;
	z-index: 1000;
	bottom: 0;
	right: 0;
	transition: all 0.2s;
}
#fixed_footer ul {
	display: table;
	table-layout: fixed;
} 
#fixed_footer ul li {
	display: table-cell;
	vertical-align: middle;
} 
#fixed_footer ul li:nth-child(2),
#fixed_footer ul li:nth-child(4),
#fixed_footer ul li:nth-child(6) {
	display: none;
}

main {
  display: block;
  min-height: 60vh;
}
main .jump {
	width: 94%;
	max-width: 980px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: left;
	font-size: 120%;
	line-height: 2em;
}
main .jump a {
	color: #00a0ea;
	text-decoration: underline;
	margin-top: 20px;
	display: block;
}

.btn-movie {
text-align: center;
}
.btn-movie a {
display: block;
width: 70%;
max-width: 586px;
margin: auto;
}
.btn-movie a img {
width: 100%;
}

p.att_tax {
  border: 1px solid #878787;
  text-align: center;
}
.att_tax2 {
  text-align: center;
}
.att_tax2.txt-left {
  text-align: left;
}
.att_tax2 > li {
  position: relative;
  padding-left: 1.3em;
  text-align: left;
}
.att_tax2 > li::before {
  content: "■";
  position: absolute;
  top: 0;
  left: 0;
}
.bnrbox {
  width: 94%;
  margin: 40px auto;
  text-align: center;
}
.bnrbox img {
  width: auto;
  max-width: 100%;
  height: auto;
}


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
Media Queries による切り替え
@media only screen and (max-width: 960px) {
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
/* スマホ向けのスタイル：960px */
@media only screen and (max-width: 768px) {
	/*　共通　*/
	.pc {
			display: none;
	}
	.img100 {
			width: 100%;
	}
	.contanier {
			width: 94%;
			margin: 0 auto;
	}
	.o_container {
			width: 100%;
			padding: 0 3%;
	}
	.container, .sp_container {
			margin-left: 3%;
			margin-right: 3%;
	}
	.sp_mt0 {
			margin-top: 0 !important;
	}
	.sp_mt10 {
			margin-top: 10px !important;
	}
	.sp_mt15 {
			margin-top: 15px !important;
	}
	.sp_mt20 {
			margin-top: 20px !important;
	}
	.sp_mt30 {
			margin-top: 30px !important;
	}
	.sp_mt50 {
			margin-top: 50px !important;
	}
	.sp_mb30 {
			margin-bottom: 30px !important;
	}
	.sp_mb10 {
			margin-bottom: 10px !important;
	}
	.sp_img100p {
			width: 94%;
			padding: 0 !important;
	}
	.mw600 {
			max-width: 600px;
			margin-left: auto !important;
			margin-right: auto !important;
			display: block;
			width: 100%;
	}
	/*header*/
	#header {
			position: relative;
	}
	#header header {
			margin: 0 !important;
			padding: 0 3%;
			height: 88px;
			border-bottom: 2px solid #00a0ea;
	}
	#header .header_title {
			margin-top: 23px;
	}
	#header .header_title img {
			width: 295px;
	}
	#header #tgl_menu_btn {
			background: url(../images/btn_tgl.png);
			background-size: 100% 100%;
			width: 26px;
			height: 18px;
			display: block;
			position: absolute;
			top: 13px;
			right: 3%;
	}
	#header #tgl_menu_btn.open {
			background: url(../images/btn_tgl_close.png) no-repeat center;
			background-size: 18px 18px;
	}
	#header #grobal_nav {
	display: none;
	}
	#header #grobal_nav .main_nav li {
			margin-top: 3px;
			background: #F2F2F3;
			height: 46px;
			display: table;
			width: 100%;
			position: relative;
	}
#header #grobal_nav .main_nav li:nth-child(1) {
	height: 32px;
	background-color: #FFFFFF;
}
	#header #grobal_nav .main_nav li.current {
			background: #D2E8F5;
			color: #00a0ea;
	}
	#header #grobal_nav .main_nav li:before {
			content: '';
			width: 6px;
			height: 14px;
			display: block;
			background: url(../images/arrow_blue.png) no-repeat center;
			background-size: 100% 100%;
			position: absolute;
			right: 3%;
			top: 18px;
	}
#header #grobal_nav .main_nav li:nth-child(1):before {
	background-size: 0px auto;
}

#header #grobal_nav .main_nav li:nth-child(1) > div {
	display: table;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-collapse: collapse;
}
#header #grobal_nav .main_nav li:nth-child(1) > div > a {
	display: table-cell;
	background-color: #D8EDF7;
	border-right: 2px solid #FFFFFF;
	background-image: url(../images/2017/gnav_clubyj.png);
	background-position: right center;
	background-repeat: no-repeat;
	text-align: center;
}
#header #grobal_nav .main_nav li:nth-child(1) > div > a:nth-child(2) {
	background-color: #EE7800;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/2017/gnav_denkayj.png);
}


#header #grobal_nav .main_nav li:nth-child(1) > div > a img {
	width: 100%;
	max-width: 260px;
}




	#header #grobal_nav .main_nav li > * {
			padding: 0 3%;
			display: table-cell;
			vertical-align: middle;
			color: #231815;
	}

	#header #grobal_nav .main_nav li:last-child {
			background: #DBEFD2;
	}

	#header #grobal_nav #header_nav_sp {
			margin: 20px 3%;
	}
	#header #grobal_nav #header_nav_sp li:before {
			content: '▶︎';
			color: #898989;
	}
	#header #grobal_nav #header_nav_sp li + li {
			margin-top: 10px;
	}
	#header #grobal_nav #header_nav_sp li a {
			color: #231815;
	}

	/*breadcrumb*/
	#breadcrumb {
			background: #f7f8f8;
			padding: 7px 3% 13px 3%;
	}
	ul.arrow {
			margin-bottom: 15px;
	}
	/*contents*/
  main {
    min-height: 40vh;
  }
	div.basepage {
			margin-top: 25px;
	}
	div.basepage img.img100p {
			width: 100%;
			margin-bottom: 10px;
	}
	div.basepage .pink_box {
			margin: 3% 17px;
			padding-bottom: 15px;
			font-size: 14px;
	}
	div.basepage .main_contents.contents-page .pink_box h2 {
			padding: 10px 3%;
	}
	div.basepage .pink_box ul {
			margin-bottom: 20px;
			padding: 5px;
	}
	div.basepage .pink_box ul li {
			margin-bottom: 3px;
	}
	div.basepage .red_box {
			margin: 3% 17px;
			padding-bottom: 15px;
			font-size: 14px;
	}
	div.basepage .main_contents.contents-page .red_box h2 {
			padding: 10px 3%;
	}
	div.basepage .red_box ul {
			margin-bottom: 20px;
			padding: 5px;
	}
	div.basepage .red_box ul li {
			margin-bottom: 3px;
	}
	div.basepage .txt_right {
			text-align: left;
			font-size: 12px;
	}
	div.basepage .x8_sp {
			max-width: 400px;
			width: 80% !important;
			margin-left: auto !important;
			margin-right: auto !important;
			display: block;
	}
	div.basepage .contents-page .cln_2 .left.x2 {
			float: left;
			padding: 0 !important;
			width: 19%;
	}
	div.basepage .contents-page .cln_2 .left.x2 + .right {
			margin-top: 0;
			width: 79%;
			float: right;
	}
	div.basepage .x7_sp {
			max-width: 300px;
			width: 70% !important;
			margin-left: auto !important;
			margin-right: auto !important;
			display: block;
	}
	div.basepage .x6_sp {
			max-width: 200px;
			width: 60% !important;
			margin-left: auto !important;
			margin-right: auto !important;
			display: block;
	}
	div.basepage .x4_sp {
			max-width: 150px;
			width: 40% !important;
			margin-left: auto !important;
			margin-right: auto !important;
			display: block;
	}
	div.basepage .cln_3 img {
			max-width: 300px;
			display: block;
			margin: 30px auto 5px auto;
	}
	div.basepage .wrap {
			padding: 0 3%;
	}
	div.basepage .wrap .left {
			margin-top: 0 !important;
	}
	div.basepage .wrap img {
			width: 100%;
			padding: 0 !important;
	}
	div.basepage .box_green {
			margin-bottom: 30px;
	}
	div.basepage .box_green .cln_2 {
			margin-top: 0 !important;
	}
	div.basepage .main_contents {
			margin-bottom: 30px;
	}
	div.basepage .main_contents h1 .title {
			padding: 0 3%;
	}
	div.basepage .main_contents h1 .subtitle {
			color: #fff;
			font-size: 13px;
			background: #009FE8;
			display: block;
			padding: 4px 3%;
			text-align: left;
			margin-bottom: 17px;
	}
	div.basepage .main_contents h1 .small {
			font-size: 22px;
			display: block;
	}
	div.basepage .main_contents .green-box {
			margin: 0 3%;
			padding: 20px 3%;
	}
	div.basepage .main_contents .green-box h3 {
			font-size: 15px;
			margin-bottom: 25px;
			padding: 0 8px;
	}
	div.basepage .main_contents .green-box ul li {
			background-size: 4px auto;
			background-position: 0px 4px;
			padding-left: 10px;
	}
	div.basepage .main_contents .green-box ul li + li {
			margin-top: 10px;
	}
	div.basepage .main_contents .green-box ul li a {
			color: #0068b7;
			text-decoration: underline;
	}
	div.basepage .main_contents .green-box ul li a:hover {
			opacity: .5;
	}
	div.basepage .main_contents.parent-page h1 {
			color: #00a0ea;
			font-size: 30px;
			line-height: 1.2;
			margin-bottom: 30px;
			text-align: center;
	}
	div.basepage .main_contents.parent-page h1 + p {
			margin: 0 3% 30px 3%;
	}
	div.basepage .main_contents.parent-page h1.bdb-gray {
			padding-bottom: 15px;
			margin-bottom: 10px;
			border-bottom: 3px solid #e3e5e4;
	}
	div.basepage .main_contents.parent-page h1.bdb-gray + p {
			margin-bottom: 10px;
	}
	div.basepage .main_contents.parent-page .parent-menu .thumbnail {
			display: block;
			width: 100%;
			max-width: 400px;
			margin: 0 auto 12px auto;
	}
	div.basepage .main_contents.parent-page .parent-menu .thumbnail + div {
			margin: 0 3% 30px 3%;
	}
	div.basepage .main_contents.parent-page .parent-menu .thumbnail + div h2 {
			font-size: 21px;
			margin-bottom: 12px;
	}
	div.basepage .main_contents.parent-page .parent-menu.thumb-small > div {
			border-bottom: 3px solid #e3e5e4;
			padding: 10px 3%;
			display: table;
			width: 100%;
	}
	div.basepage .main_contents.parent-page .parent-menu.thumb-small > div:first-child {
			border-top: 3px solid #e3e5e4;
	}
	div.basepage .main_contents.parent-page .parent-menu.thumb-small > div .thumbnail {
			width: 84px;
			vertical-align: middle;
			display: table-cell;
	}
	div.basepage .main_contents.parent-page .parent-menu.thumb-small > div .thumbnail + div {
			display: table-cell;
			height: 100%;
	}
	div.basepage .main_contents.parent-page .parent-menu.thumb-small > div .thumbnail + div h2 {
			height: 100%;
			display: block;
			padding-left: 4%;
			font-size: 16px;
	}
	div.basepage .main_contents.parent-page .parent-menu.thumb-small > div .thumbnail + div h2 a {
			display: block;
			height: 100%;
	}
	div.basepage .main_contents.contents-page h1 {
			color: #00a0ea !important;
			font-size: 30px;
			text-align: center;
			margin-bottom: 17px;
	}
	div.basepage .main_contents.contents-page .main_img {
			margin-bottom: 18px;
	}
	div.basepage .main_contents.contents-page .main_img img {
			width: 100%;
	}
	div.basepage .main_contents.contents-page h2 {
			width: 100% !important;
			margin-left: 0 !important;
			margin-right: 0 !important;
			padding: 0 3% 7px 3%;
			margin-bottom: 20px;
			font-size: 21px;
	}
	div.basepage .main_contents.contents-page h2 ~ h2 {
			margin-top: 50px;
	}
	div.basepage .main_contents.contents-page h2 ~ * {
	margin-left: 3%;
	margin-right: 3%;
	width: 94%;
	}
	div.basepage .main_contents.contents-page h3 {
			font-size: 15px;
			margin-bottom: 15px;
			line-height: 1.2;
	}
	div.basepage .main_contents.contents-page h3 ~ h3 {
			margin-top: 45px;
	}
	div.basepage .main_contents.contents-page p + h3 {
			margin-top: 30px;
	}
	div.basepage .main_contents.contents-page p + P {
			margin-top: 10px;
	}
	div.basepage .main_contents.contents-page .cln_2 {
			margin-top: 30px;
			width: 100% !important;
			margin-left: 0 !important;
			margin-right: 0 !important;
	}
	div.basepage .main_contents.contents-page .cln_2 img {
			padding: 0 3%;
	}
	div.basepage .main_contents.contents-page .cln_2 > * + * {
			margin-top: 30px;
	}
	div.basepage .main_contents.contents-page .cln_2 .gray {
			padding: 20px 3%;
			background: #EFEFEF;
	}
	div.basepage .main_contents.contents-page section {
			margin-bottom: 25px;
	}
	div.basepage .side_area {
			margin-bottom: 30px;
	}
	div.basepage .side_area nav {
			border-bottom: 1px solid #a4a4a5;
	}
	div.basepage .side_area li {
			min-height: 35px;
			background-size: 4px auto;
			background-position: 6% 13px;
			padding: 10px 3% 10px 9%;
			border-top: 1px solid #a4a4a5;
	}
	div.basepage .side_area li.second {
			background-position: 9% 18px;
			padding: 10px 3% 10px 13%;
	}
	div.basepage .side_area li + li.parent_2 {
			border-top: 1px solid #a4a4a5;
	}
	div.basepage .side_area li.parent_1 {
			font-size: 16px;
			padding: 0;
			position: relative;
			border-top: none;
	}
	div.basepage .side_area li.parent_1 + li {
			border-top: none;
	}
	div.basepage .side_area li.parent_1 a {
			padding: 8px 3%;
			vertical-align: middle;
	}
	div.basepage .side_area li.parent_1:before, div.basepage .side_area li.parent_1:after {
			position: absolute;
			content: '';
	}
	div.basepage .side_area li.parent_1:after {
			position: absolute;
			content: '';
	}
	div.basepage .side_area li.parent_1 a {
			color: #fff;
	}
	div.basepage .side_area li.current {
	background-color: #FCE4CC;
	color: #00A0EB;
	background-image: url(../../denka/common/images/arrow_orange.png) !important;
	background-position: 6% 13px;
	}
	div.basepage .side_area li.second.current {
			background-image: url(../images/mark_hyphen_blue.png) !important;
			background-position: 9% 18px;
	}
	div.basepage .side_area li.parent_2 {
			padding: 10px 3% 10px 6%;
			background: #f2f2f3;
			border-top: none;
	}
	div.basepage .side_area .banner {
			margin: 30px 20% 20px 20%;
	}
	div.basepage .side_area li .icon {
		padding-right: 28px;
	}
	div.basepage .side_area li .icon > span {
		right: 0;
	}

	.singlepage h1 {
			text-align: center;
			color: #00a0ea;
			font-size: 30px;
			line-height: 1.2;
			margin-bottom: 30px;
			margin: 15px 3%;
	}
	.singlepage .info h2 {
			padding: 14px  3%;
	}
	.singlepage .info ul {
			border-bottom: 5px solid #DDDDDD;
			margin-bottom: 0;
	}
	.singlepage .info ul li {
			padding: 14px 3% 14px 30px;
			background-position: 3% 16px;
	}
	.singlepage .info:last-child {
			margin-bottom: 60px;
	}
	/*footer*/
.tab_close a {
	width: 108px;
	height: 30px;
}
.tab_close a img {
	padding-top: 8px;
	width: 38px;
}
  footer {
    padding-bottom: 70px;
  }
	footer hr {
			border-top: 1px solid #878787 !important;
			margin: 0 !important;
	}
	footer .fnav {
			font-size: 0;
	}
	footer .fnav ul {
			padding: 0 3%;
	}
	footer .fnav ul li {
			font-size: 11px;
			display: inline-block;
			padding-right: 16px;
			line-height: 1;
	}
	footer .fnav ul li a:hover {
			text-decoration: underline;
	}
	footer .fnav ul li + li {
			border-left: 1px solid #231815;
			padding: 0 16px;
	}
	footer .fnav .ac_link {
			margin-top: 23px;
			margin-left: auto;
			margin-right: 0;
			width: 108px;
			height: 30px;
			background: #878787;
			display: block;
			text-align: center;
	}
	footer .fnav .ac_link img {
			padding-top: 8px;
	}
	footer .copy {
			padding: 0 3%;
	}
	footer .copy #f_logo {
			margin-top: 20px;
			display: block;
	}
	footer .copy #f_logo img {
			width: 87px;
	}
	footer .copy #copy {
			margin-top: 24px;
			text-align: center;
			font-size: 8px;
	}
	/*popup*/
	.popup .h1.title > * {
			background: none;
			padding: 0 3%;
	}
	.popup h1 {
			background: url(../images/bg_h1_popup_sp.jpg) no-repeat right;
			height: 50px;
			background-size: auto 100%;
			text-align: center;
	}
	.popup h1 {
			border-bottom: 2px solid #009DE6;
	}
	.popup h1 img {
			width: 289px;
			vertical-align: 12px;
	}
	.popup h2 {
			padding: 16px 3% 14px 3%;
			color: #244C9F;
			font-size: 18px;
			margin-bottom: 14px;
	}
	.popup h2 + p {
			font-size: 14px;
			padding: 15px 0 14px 0;
	}
	.popup h2 .small {
			font-size: 14px;
	}
	.popup .ac_link img {
			width: 39px;
	}
	table.hyou {
    width: 94%;
	}

#login_attention {
	margin: 20px 3% 0;
	padding: 5px 3% 10px;
}

	/* メンテナンス用 */
	#mainte {
		padding: 1em;
		margin: 1em 3% 3em;
		font-size: 14px;
		line-height: 1.6;
	}
#header #grobal_nav .main_nav li:nth-child(1) > div > a img {
	height: 32px;




}


	/* fixed_footer */
	#fixed_footer {
		width: 100%;
	}
	#fixed_footer ul {
		width: 100%;
		border-right: 2px solid #fff;
	}
	#fixed_footer ul li {
		background: #00A7EA;
		border-left: 2px solid #fff;
		border-top: 2px solid #fff;
		text-align: center;
	}
	#fixed_footer ul li:nth-child(1) {
		background: #E95383;
	}
	#fixed_footer ul li:nth-child(4) {
		background: #D8EDF7;
	}
	#fixed_footer ul li:nth-child(5),
	#fixed_footer ul li:nth-child(6) {
		background: #EE7800;
	}
	#fixed_footer ul li a {
		display: block;
		padding: 8px 0;
	}
	#fixed_footer ul li a img {
		width: auto;
		height: 38px;
	}
	#fixed_footer ul li a img:nth-child(1) {
		display: none;
	}
	#fixed_footer ul li:nth-child(4) a,
	#fixed_footer ul li:nth-child(6) a {
		padding: 8px 5px;
	}
	#fixed_footer ul li:nth-child(4) a img,
	#fixed_footer ul li:nth-child(6) a img {
		height: auto;
		width: auto;
		max-width: 100%;
	}
	
	
	

#header .nav_search .search_area.pc {
display: none;
}

.btn-movie {
	padding: 0 3% 15px;
}
#admission .btn-movie {
	padding: 10px 5% 15px;
}
#admission > .btn-movie + .mark {
	margin-top: 0;
}
  
  p.att_tax {
    padding: 5px 3%;
  }
  * + p.att_tax,
  * + .att_tax2 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .bnrbox {
    margin: 25px auto;
  }
  .bnrbox img {
    max-width: 320px;
  }

}

/* タブレット＆PCのスタイル：768px */
@media only screen and (min-width: 769px) {
	.sp {
			display: none !important;
	}
	.pc_container,
	.container {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	}
	.grp-hover a img {
			transition: .5s ease;
			-webkit-transition: .5s ease;
			-moz-transition: .5s ease;
			-ms-transition: .5s ease;
			-o-transition: .5s ease;
			border-bottom: none;
	}
	.grp-hover a:hover img {
			opacity: .7;
	}
	.hover {
			transition: .5s ease;
			-webkit-transition: .5s ease;
			-moz-transition: .5s ease;
			-ms-transition: .5s ease;
			-o-transition: .5s ease;
			border-bottom: none;
	}
	.hover:hover {
			opacity: .7;
	}
.tab_close a {
	width: 160px;
	height: 38px;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	-moz-transition: .5s ease;
	-ms-transition: .5s ease;
	-o-transition: .5s ease;
}
.tab_close a:hover {
		background: #C3C3C3
}
.tab_close a img {
	padding-top: 11px;
	width: 50px;
}
	.f_left {
			float: left;
	}
	.f_right {
			float: right;
	}
	.pc_mt15 {
			margin-top: 15px !important;
	}
	.pc_mb20 {
			margin-bottom: 20px !important;
	}
	.pc_mb30 {
			margin-bottom: 30px !important;
	}
	.pc_mb50 {
			margin-bottom: 50px !important;
	}
	.pc_mt30 {
			margin-top: 30px !important;
	}
	.pc_mt50 {
			margin-top: 50px !important;
	}
	.pc_mt60 {
			margin-top: 60px !important;
	}
	.pc_img100p {
			width: 100%;
	}
	/*header*/
	#header header {
	display: table;
	width: 100%;
			/*header*/
	}
	#header header .header_title {
	display: table-cell;
	vertical-align: middle;
	}
	#header header .header_title a {
			transition: .5s ease;
			-webkit-transition: .5s ease;
			-moz-transition: .5s ease;
			-ms-transition: .5s ease;
			-o-transition: .5s ease;
			border-bottom: none;
	}
	#header header .header_title a:hover {
			opacity: .5;
	}
	#header header .header_title img {
	width: auto;
	height: 77px;
	padding-top: 8px;
	padding-bottom: 8px;
	display: block;
	}
	#header header .right_area {
	padding-top: 0px;
	display: table-cell;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	vertical-align: middle;
	border-collapse: collapse;
	}
.container.cf .right_area .cate_bb {
	display: table;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-collapse: separate;
	border-spacing: 4px 0px;
}
.container.cf .right_area .cate_bb a {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: table-cell;
	background-color: #D8EDF7;
	border-radius: 8px;
	-webkit-box-shadow: 0px 2px #949494;
	box-shadow: 0px 2px #949494;
}

.container.cf .right_area .cate_bb a img {
	width: 100%;
	height: auto;
}

.container.cf .right_area .cate_bb a:nth-child(1) {
	background-image: url(../images/2017/gnav_clubyj.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.container.cf .right_area .cate_bb a:nth-child(2) {
	background-image: url(../images/2017/gnav_denkayj.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #EE7800;
}


.container.cf .right_area .cate_bb a:hover {
	background-color: #DEF0F8;
}
.container.cf .right_area .cate_bb a:nth-child(2):hover {
	background-color: #F18C26;
}




	#header header .right_area #header_nav {
		display: table;
		margin-right: 0px;
		margin-left: auto;
		padding: 15px 0;
	}
	#header header .right_area #header_nav li {
		font-size: 11px;
		background: url(../images/mark_arow.png) no-repeat left;
		background-size: 3px auto;
		vertical-align: middle;
		padding-left: 10px;
		padding-right: 30px;
		float: left;
	}
	#header header .right_area #header_nav li a:hover {
		text-decoration: underline;
	}
	#header header .right_area #header_nav li + li {
		padding-right: 0px;

	}
	#header header .right_area .nav_search {
		display: table;
		margin-right: 0px;
		margin-left: auto;
		width: auto;
		height: 58px;
	}
	#header header .right_area .nav_search > * {
		display: table-cell;
		margin: 0;
		padding: 15px 0;
		vertical-align: middle;
	}
	#header header .right_area .nav_search > *:first-child {
		padding-right: 30px;
	}
	#header header .search_area {
		font-size: 0;
	}
	#header header .search_area form {
		width: 240px;
	}
	#header header .search_area input {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		line-height: 1.8;
		height: 28px;
		border: 1px solid #D9D9D9;
		vertical-align: middle;
	}
	#header header .search_area input#q {
		width: 180px;
		padding: 0 8px;
		border-right: none;
		border-radius: 4px 0 0 4px;
	}
	#header header .search_area input[type='submit'] {
		background: #000;
		background: -webkit-linear-gradient(#666 0%, #000 100%);
		background: -o-linear-gradient(#666 0%, #000 100%);
		background: linear-gradient(#666 0%, #000 100%);
		color: #fff;
		width: 60px;
		font-size: 14px;
		letter-spacing: .2em;
		text-align: center;
		border-left: none;
		border-radius: 0 4px 4px 0;
	}


	/*grobal_nav*/
	#grobal_nav {
			border-top: 2px solid #00a0ea;
			border-bottom: 2px solid #00a0ea;
			background: #FAFBFB;
	}
	#grobal_nav ul {
			max-width: 1024px;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
			font-size: 0;
	}
	#grobal_nav ul li {
			display: inline-block;
			width: 14.28%;
			height: 80px;
			text-align: center;
			background: #f6f8f7;
			border-right: 1px solid #d2d1d1;
			transition: .5s ease;
			-webkit-transition: .5s ease;
			-moz-transition: .5s ease;
			-ms-transition: .5s ease;
			-o-transition: .5s ease;
			border-bottom: none;
	}
	#grobal_nav ul li.current {
			background: #00a0ea;
	}
	#grobal_nav ul li:hover {
			background: #EBEBEB;
	}
	#grobal_nav ul li.first {
			border-left: 1px solid #d2d1d1;
	}
	#grobal_nav ul li > * img {
			vertical-align: middle;
	}
#grobal_nav ul li > * img:nth-child(2) {
	display: none;
}
#grobal_nav ul li.current > * img:nth-child(1) {
	display: none;
}

#grobal_nav ul li.current > * img:nth-child(2) {
	display: inherit;
}


	#grobal_nav ul li:last-child {
			background: #DBEFD2;
	}
	#grobal_nav ul li:last-child.current {
			background: #00a0ea;
	}
	#grobal_nav ul li:last-child:hover {
			background: #EBEBEB;
	}



	/*breadcrumb*/
	#breadcrumb {
			margin-top: 25px;
	}
	/*contents*/
	div.basepage {
			margin-top: 30px;
			font-size: 13px;
			/*contents-page*/
			/*side_area*/
	}
	div.basepage .pink_box {
			padding: 20px 17px;
	}
	div.basepage .pink_box ul li {
			display: inline-block;
			margin: 0 10px 5px 0;
	}
	div.basepage .pink_box ul li a:hover {
			color: #E7368E;
	}
	div.basepage .pink_box p.title {
			margin: 15px 0 10px 0;
	}
	div.basepage .red_box {
			padding: 20px 17px;
	}
	div.basepage .red_box ul li {
			display: inline-block;
			margin: 0 10px 5px 0;
	}
	div.basepage .red_box ul li a:hover {
			color: #f00;
	}
	div.basepage .red_box p.title {
			margin: 15px 0 10px 0;
	}
	div.basepage .contents-page .cln_2 .left.x2 {
			width: 19%;
	}
	div.basepage .contents-page .cln_2 .left.x2 + .right {
			width: 79%;
	}
	div.basepage .contents-page .cln_2 .left.x3 {
			width: 29%;
	}
	div.basepage .contents-page .cln_2 .left.x3 + .right {
			width: 69%;
	}
	div.basepage .contents-page .cln_2 .left.x4 {
			width: 39%;
	}
	div.basepage .contents-page .cln_2 .left.x4 + .right {
			width: 59%;
	}
	div.basepage .contents-page .cln_2 .left.x6 {
			width: 59%;
	}
	div.basepage .contents-page .cln_2 .left.x6 + .right {
			width: 39%;
	}
	div.basepage .contents-page .cln_2 .left.x7 {
			width: 69%;
	}
	div.basepage .contents-page .cln_2 .left.x7 + .right {
			width: 29%;
	}
	div.basepage .contents-page .cln_2 .left.x8 {
			width: 74%;
	}
	div.basepage .contents-page .cln_2 .left.x8 + .right {
			width: 24%;
	}
	div.basepage .contents-page .cln_2 .left.x9 {
			width: 84%;
	}
	div.basepage .contents-page .cln_2 .left.x9 + .right {
			width: 14%;
	}
	div.basepage img.center {
			display: block;
			margin: 0 auto;
	}
	div.basepage .cln_3 {
			margin-top: 30px;
	}
	div.basepage .cln_3 li {
			float: left;
			width: 31%;
			margin-left: 3%;
	}
	div.basepage .cln_3 li:first-child {
			margin-left: 0;
	}
	div.basepage .cln_3 li img {
			width: 100%;
			margin-bottom: 10px;
	}
	div.basepage .main_contents {
			float: right;
      width: 74.22%;  /*760px*/
			margin-bottom: 50px;
	}
	div.basepage .main_contents h1 {
			color: #00a0ea;
			font-size: 42px;
			line-height: 1.2;
			margin-bottom: 30px;
	}
	div.basepage .main_contents h1 {
			font-size: 33px;
	}
	div.basepage .main_contents h1 .subtitle {
			font-size: 13px;
			display: block;
	}
	div.basepage .main_contents h1 .small {
			font-size: 28px;
	}
	div.basepage .main_contents .green-box {
			border: 4px solid #c8e3be;
			padding: 20px 35px;
			margin-bottom: 0;
	}
	div.basepage .main_contents .green-box h3 {
			font-size: 16px;
			margin-bottom: 15px;
	}
	div.basepage .main_contents .green-box ul li {
			background-size: 4px auto;
			background-position: 10px 4px;
			padding-left: 25px;
	}
	div.basepage .main_contents .green-box ul li + li {
			margin-top: 10px;
	}
	div.basepage .main_contents .green-box ul li a {
			color: #0068b7;
			text-decoration: underline;
	}
	div.basepage .main_contents .green-box ul li a:hover {
			opacity: .5;
	}
	div.basepage .main_contents.parent-page .parent-menu {
			border-top: 3px solid #e3e5e4;
			margin: 30px 0 40px 0;
	}
	div.basepage .main_contents.parent-page .parent-menu > div {
			border-bottom: 3px solid #e3e5e4;
			padding: 14px 0;
			display: table;
	}
	div.basepage .main_contents.parent-page .parent-menu > div .thumbnail {
			width: 50%;
			vertical-align: middle;
			display: table-cell;
			transition: .5s ease;
			-webkit-transition: .5s ease;
			-moz-transition: .5s ease;
			-ms-transition: .5s ease;
			-o-transition: .5s ease;
			border-bottom: none;
	}
	div.basepage .main_contents.parent-page .parent-menu > div .thumbnail:hover {
			opacity: .5;
	}
	div.basepage .main_contents.parent-page .parent-menu > div .thumbnail + div {
			width: 50%;
			padding-left: 4%;
			display: table-cell;
	}
	div.basepage .main_contents.parent-page .parent-menu > div .thumbnail + div h2 {
			margin: 20px 0 20px 0;
			font-size: 23px;
	}
	div.basepage .main_contents.parent-page .parent-menu > div .thumbnail + div h2:hover {
			text-decoration: underline;
	}
	div.basepage .main_contents.parent-page .parent-menu.thumb-small > div {
			width: 100%;
	}
	div.basepage .main_contents.parent-page .parent-menu.thumb-small .thumbnail {
			width: 100px;
	}
	div.basepage .main_contents.parent-page .parent-menu.thumb-small .thumbnail + div {
			width: auto;
	}
	div.basepage .contents-page h1, div.basepage .contents-page h2, div.basepage .contents-page h3 {
			clear: both;
	}
	div.basepage .contents-page h1 {
			font-size: 33px;
	}
	div.basepage .contents-page h1 .subtitle {
			font-size: 13px;
			display: block;
	}
	div.basepage .contents-page .main_img {
			margin-bottom: 30px;
	}
	div.basepage .contents-page .main_img img {
			width: 100%;
	}
	div.basepage .contents-page .left {
			float: left;
	}
	div.basepage .contents-page .right {
			float: right;
	}
	div.basepage .contents-page section {
			margin-bottom: 60px;
	}
	div.basepage .contents-page ._w20p {
			width: 28%;
			padding-left: 1%;
	}
	div.basepage .contents-page ._w30p {
			width: 30%;
			padding-left: 1%;
	}
	div.basepage .contents-page ._w70p {
			width: 70%;
			padding-right: 1%;
	}
	div.basepage .contents-page ._w80p {
			width: 72%;
			padding-right: 1%;
	}
	div.basepage .contents-page ._w30p {
			width: 35%;
			padding-left: 1%;
	}
	div.basepage .contents-page ._w70p {
			width: 60%;
	}
	div.basepage .contents-page h2 {
			font-size: 24px;
			padding-bottom: 10px;
			line-height: 1.2;
			margin-bottom: 25px;
	}
	div.basepage .contents-page h2 ~ h2 {
			margin-top: 60px;
	}
	div.basepage .contents-page h3 {
			font-size: 19px;
			margin-bottom: 15px;
			line-height: 1.2;
	}
	div.basepage .contents-page h3 ~ h3 {
			margin-top: 30px;
	}
	div.basepage .contents-page p + h3 {
			margin-top: 45px;
	}
	div.basepage .contents-page p + P {
			margin-top: 10px;
	}
	div.basepage .contents-page * + .cln_2 {
			margin-top: 60px;
	}
	div.basepage .contents-page .cln_2 .left {
			width: 49%;
			float: left;
			display: block;
	}
	div.basepage .contents-page .cln_2 .right {
			float: right;
			width: 48.5%;
	}
	div.basepage .side_area {
      width: 22.462%;  /*230px*/
			margin-bottom: 45px;
	}
	div.basepage .side_area li {
			transition: .5s ease;
			-webkit-transition: .5s ease;
			-moz-transition: .5s ease;
			-ms-transition: .5s ease;
			-o-transition: .5s ease;
			border-bottom: none;
			transition: background-position .2s ease;
			-webkit-transition: background-position .2s ease;
			-moz-transition: background-position .2s ease;
			-ms-transition: background-position .2s ease;
			-o-transition: background-position .2s ease;
			background-position: 15px center;
	}
	div.basepage .side_area li:hover {
			background-color: #D2E8F5;
			background-image: url(../images/arrow_blue.png) !important;
			background-position: 20px center;
	}
	div.basepage .side_area li.current {
			background-color: #D3E8F5;
			color: #00A0EB;
			background-image: url(../images/arrow_blue.png) !important;
			background-position: 15px center;
	}
	div.basepage .side_area li > * {
			min-height: 35px;
			background-size: 4px auto;
			background-position: 20px 13px;
			padding: 10px 10px 10px 30px;
			display: block;
	}
	div.basepage .side_area li.second {
			background-position: 30px center;
	}
	div.basepage .side_area li.second:hover,
	div.basepage .side_area li.current.second {
			background-image: url(../images/mark_hyphen_blue.png) !important;
			background-position: 35px center;
	}
	div.basepage .side_area li.second > * {
			padding: 10px 10px 10px 50px;
	}
	div.basepage .side_area li.parent_1 {
			padding: 0;
			position: relative;
			transition: .5s ease;
			-webkit-transition: .5s ease;
			-moz-transition: .5s ease;
			-ms-transition: .5s ease;
			-o-transition: .5s ease;
			border-bottom: none;
			overflow: hidden;
	}
	div.basepage .side_area li.parent_1:hover {
			opacity: .5;
	}
	div.basepage .side_area li.parent_1 a {
			text-decoration: none;
			padding: 8px 10px;
			color: #fff;
	}
	div.basepage .side_area li.parent_2 {
			padding: 0;
	}
	div.basepage .side_area li.parent_2:hover {
			background-image: none !important;
	}
	div.basepage .side_area li.parent_2 a {
			padding: 10px 10px 10px 15px;
			transition: .5s ease;
			-webkit-transition: .5s ease;
			-moz-transition: .5s ease;
			-ms-transition: .5s ease;
			-o-transition: .5s ease;
			border-bottom: none;
	}
	div.basepage .side_area li.parent_2 a:hover {
			text-decoration: none;
			color: #61c6f5;
			background: #EBEBEB;
	}
	div.basepage .side_area .banner {
			margin-top: 30px;
	}
	div.basepage .side_area .banner a {
			transition: .5s ease;
			-webkit-transition: .5s ease;
			-moz-transition: .5s ease;
			-ms-transition: .5s ease;
			-o-transition: .5s ease;
			border-bottom: none;
	}
	div.basepage .side_area .banner a:hover {
			opacity: .5;
	}
	div.basepage .side_area .banner img {
			width: 100%;
	}
	div.basepage .side_area li .icon {
		padding-right: 38px;
	}
	div.basepage .side_area li .icon > span {
		right: 5px;
	}
	div.basepage .side_area li .icon:hover > span img {
		margin-top: -28px;
	}
	.basepage.singlepage {
			margin: 30px auto 70px auto;
	}
	.basepage.singlepage h1 {
	color: #00a0ea;
	font-size: 42px;
	line-height: 1.2;
	margin-bottom: 30px;
	}
	.singlepage .info ul {
			border-bottom: 1px solid #898989;
	}
	.singlepage .info h2 {
			padding-bottom: 5px;
	}
	.singlepage .info + .info {
			margin-top: 60px;
	}
	.singlepage .info h2 + ul {
			border-top: none;
	}
	.singlepage .info ul li {
			padding: 18px 0 18px 50px;
			background-position: 18px 23px;
	}
	.singlepage .info ul li a:hover {
			text-decoration: underline;
	}
	/*footer*/
	footer hr {
			border-top: 1px solid #878787 !important;
			margin: 0 !important;
	}
	footer .fnav {
			padding-left: 4px;
			font-size: 0;
			max-width: 1024px;
			margin-left: auto;
			margin-right: auto;
	}
	footer .fnav ul {
			float: left;
	}
	footer .fnav ul li {
			font-size: 11px;
			display: inline-block;
			padding-right: 16px;
			line-height: 1;
	}
	footer .fnav ul li a:hover {
			text-decoration: underline;
	}
	footer .fnav ul li + li {
			border-left: 1px solid #231815;
			padding: 0 16px;
	}
	footer .fnav .ac_link {
			float: right;
			width: 108px;
			height: 30px;
			background: #878787;
			display: block;
			text-align: center;
			transition: .5s ease;
			-webkit-transition: .5s ease;
			-moz-transition: .5s ease;
			-ms-transition: .5s ease;
			-o-transition: .5s ease;
			border-bottom: none;
	}
	footer .fnav .ac_link:hover {
			background: #C3C3C3;
	}
	footer .fnav .ac_link img {
			padding-top: 8px;
	}
	footer .copy {
			max-width: 1024px;
			margin-left: auto;
			margin-right: auto;
			padding-left: 4px;
	}
	footer .copy #f_logo {
			margin-top: 20px;
			float: left;
			display: block;
	}
	footer .copy #copy {
			margin-top: 24px;
			float: right;
			font-size: 10px;
	}
	table.hyou th, table.hyou td:last-child {
			white-space: nowrap;
	}
	/*popup*/
	.popup .h1.title {
			height: 124px;
	}
	.popup .h1.title > * {
			background: none;
			padding: 0 3%;
	}
	.popup header {
			max-width: inherit !important;
			padding: 7px 0 !important;
	}
	.popup header p.header_title {
			max-width: 762px;
			margin: 0 auto !important;
			padding: 0 3%;
	}
	.popup .h1.title {
			height: 124px;
	}
	.popup .h1.title > * {
			background: none;
			max-width: 762px;
			padding: 0 3%;
			margin: 0 auto;
	}
	.popup .contents {
			margin: 0 auto;
			max-width: 762px;
			display: block;
			padding: 0 3%;
	}
	.popup h1 {
			height: 90px;
			background: url(../images/bg_h1_popup.jpg) no-repeat right;
	}
	.popup h1 span {
			margin: 0 auto;
			max-width: 762px;
			display: block;
			padding: 0 3%;
	}
	.popup section .cf {
			margin: 0 auto;
			padding: 0 3%;
			width: 100%;
			max-width: 764px;
			margin-bottom: 70px;
	}
	.popup .map h2 {
			font-size: 19px;
			width: 100%;
			padding: 0 0 10px 0;
	}
	.popup .map h2 + p {
			margin-bottom: 30px;
	}
	.popup .map h2 .small {
			font-size: 15px;
	}
	.popup .ac_link img {
			width: 44px;
	}
	.popup footer .fnav {
			max-width: 762px;
			padding: 0 3%;
	}
	.popup footer .copy #copy {
			float: none;
			padding: 0 3%;
			margin: 24px  auto 0 auto;
	}
	.popup footer .fnav .ac_link {
			display: none;
	}
	#login_attention {
		margin: 30px 30px 0;
		padding: 5px 15px 20px;
	}

	/* メンテナンス用 */
	#mainte {
		padding: 30px;
		margin-bottom: 250px;
		font-size: 16px;
		line-height: 1.6;
	}

/* Campaign banner */
.cambnr {
	width: 100%;
}
.cambnr img {
	transition: .5s;
}
.cambnr img:hover {
	opacity: .5;
}
.cambnr.climap img:hover {
  opacity: 1;
}

.btn-movie {
	padding-bottom: 30px;
}
.btn-movie a:hover {
	opacity: .7;
}
#admission > .btn-movie {
	padding: 15px 0;
}
#admission > .btn-movie a {
	max-width: 450px;
}
#admission > .btn-movie + .mark + .bb {
	margin-top: 0;
}
	footer {
    padding-bottom: 80px;
  }
	/* fixed_footer */
	#fixed_footer {
		width: auto;
		margin: 0 0 -80px;
	}
	#fixed_footer.active {
		margin-bottom: 0;
		transition: all 0.2s;
	}
	#fixed_footer ul {
		width: auto;
		border-spacing: 6px;
		margin-bottom: -6px;
	}
	#fixed_footer ul li {
		width: auto;
	}
	#fixed_footer ul li a img {
		width: 100%;
		max-width: 240px;
		height: auto;
		transition: .2s;
	}
	#fixed_footer ul li a:hover img {
		opacity: .8;
	}
	#fixed_footer ul li a img + img {
		display: none;
	}
  
  p.att_tax {
    padding: 7px 15px;
  }
  * + p.att_tax,
  * + .att_tax2 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .att_tax2 > li {
    display: inline-block;
  }
  .att_tax2.txt-left > li {
    display: block;
  }

}

/* 一部スマホ向けのスタイル：960px */
@media only screen and (min-width: 1024px) {
	/*共通*/
	.container, .pc_container {
		max-width: 1024px;
	}
	/*home*/
	#home .container {
		max-width: 986px;
	}

	#header header .right_area #header_nav {
		margin-top: 0px;
	}

}