@charset "utf-8";
/**
 * site
 * common css style **************************************************************************
 */

/*
14px * 72% -> 10px
14px * 79% -> 11px
14px * 86% -> 12px
14px * 93% -> 13px
14px * 100% -> 14px
14px * 108% -> 15px
14px * 115% -> 16px
14px * 122% -> 17px
14px * 129% -> 18px
14px * 136% -> 19px
14px * 143% -> 20px
14px * 150% -> 21px
14px * 158% -> 22px
14px * 165% -> 23px
14px * 172% -> 24px
14px * 179% -> 25px
14px * 186% -> 26px

14px * 200% -> 28px
14px * 207% -> 29px
14px * 214% -> 30px
14px * 228% -> 32px
14px * 268% -> 38px
14px * 324% -> 46px
14px * 604% -> 88px

*/

/**
 * icon web font **************************************************************************
 */
@font-face{ 
	font-family: 'WebSymbolsRegular';
	src: url('../../fonts/websymbols-regular-webfont.eot');
	src: url('../../fonts/websymbols-regular-webfont.eot%3F') format('embedded-opentype'),
			url('../../fonts/websymbols-regular-webfont.woff') format('woff'),
			url('../../fonts/websymbols-regular-webfont.ttf') format('truetype'),
			url('../../fonts/websymbols-regular-webfont.svg') format('svg');
}
.icon { font-family: 'WebSymbolsRegular';}


/**
 * color css style **************************************************************************
 */
.attention01 { color:#c30000;}
.text_processMessage { margin:30px 0 0;}
.text_processMessage ul li { color:#c30000; list-style:none;}
.color_red { color:red;}


/**
 * font css style **************************************************************************
 */
.font_10 { font-size: 72%;}
.font_12 { font-size: 86%;}
.font_16 { font-size: 115%;}
.font_b { font-weight: bold;}
.font_gray6 { color: #666666;}
.font_gray7 { color: #777777;}
.required { color: #FF464A;}


/**
 * link css style **************************************************************************
 */
a:link { color:#0a98d3; text-decoration:none;}
a:hover { color:#0a98d3; text-decoration:underline;}
a:active { color:#0a98d3; text-decoration:none;}
a:visited { color:#0a98d3; text-decoration:none;}

/**
 * hr css style **************************************************************************
 */
hr.hr_style01 { max-width: 350px; height: 2px; margin: 22px auto; border: none;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(236,240,241,1) 51%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(51%, rgba(236,240,241,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(236,240,241,1) 51%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(236,240,241,1) 51%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(236,240,241,1) 51%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(236,240,241,1) 51%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

hr.hr_style02 { width: 100%; height: 2px; margin: 22px auto; border: none;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(236,240,241,1) 51%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(51%, rgba(236,240,241,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(236,240,241,1) 51%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(236,240,241,1) 51%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(236,240,241,1) 51%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(236,240,241,1) 51%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

/**
 * body css style **************************************************************************
 */
html { width:100%;}
body { width:100%; font-size:14px; color: #444444;	font-family:"メイリオ","Meiryo","ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic",sans-serif,Helvetica;}
input,select,textarea{ font-family:"メイリオ","Meiryo","ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic",sans-serif,Helvetica; font-size:14px; vertical-align: top;}
select { max-width: 80%; overflow: hidden;}
option { max-width: 80%;}
textarea { width: 100%;}
img { max-width: 100%; height: auto; vertical-align: bottom;}
input[type="file"] { width: 100%;}

a.btn_style01,
input.btn_style01 { background: #46ade8; width: 100%; max-width: 500px; padding: 20px 0; border: none; border-bottom: 5px solid #2980b9; border-right: 5px solid #2980b9; font-size: 172%; color: #FFF; }
a.btn_style01:hover,
input.btn_style01:hover { background: #7ACEEA; border-bottom: 5px solid #5CA3CF; border-right: 5px solid #5CA3CF;}
input.btn_style01.mailing { background: #D636B4; border-bottom: 5px solid #841D6E; border-right: 5px solid #841D6E;}
input.btn_style01.mailing:hover { background: #E853C7; border-bottom: 5px solid #AA3890; border-right: 5px solid #AA3890;}
input.btn_style02 { background: #46ade8; width: 100%; max-width: 400px; padding: 20px 0; border: none; border-bottom: 5px solid #2980b9; border-right: 5px solid #2980b9; font-size: 172%; color: #FFF; }
input.btn_style02:hover { background: #7ACEEA; border-bottom: 5px solid #5CA3CF; border-right: 5px solid #5CA3CF;}

/* disabled用 */
.disabled_btn_wrap input.btn_style01:disabled { -webkit-filter: grayscale(1); filter: gray; filter: grayscale(1); cursor: default; pointer-events: none;}
.disabled_btn_wrap input.btn_style01:disabled:hover { background: #46ade8; border-bottom: 5px solid #2980b9; border-right: 5px solid #2980b9;}
.disabledSubmit_text { color: #E54C3A; font-weight: bold; font-size: 18px; margin-bottom: 20px; line-height: 1.4;}


@media screen and (max-width: 767px){
	a.btn_style01,
	input.btn_style01 { max-width: 300px;}
	input.btn_style02 { max-width: 300px;}
	br.only_sp { display: block; }
	
	.disabledSubmit_text { font-size: 14px;}
}

@media screen and (min-width: 768px){
	br.only_w768over { display: block; }
	br.only_sp { display: none; }
}
@media screen and (max-width: 767px){
	br.only_w768over { display: none; }
}
@media screen and (min-width: 980px){
	br.only_w980over { display: block; }
}
@media screen and (max-width: 979px){
	br.only_w980over { display: none; }
}


/**
 * bootstrap reset css style **************************************************************************
 */
.container { padding:0;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 0;}
.navbar-brand { padding: 0;}
a.navbar-brand {height: auto;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border: none;}
.navbar-inverse { background: none; border: none;margin-bottom: 0;}

.carousel-indicators { bottom: 30px;}
.carousel-indicators li { text-indent:0; letter-spacing: 0px; margin:1px 10px;}
.carousel-indicators .active  { margin:0px 9px; border: 1px solid #46ADE8; background: #46ADE8;}

.carousel-control img { margin-top:190px;} 
.carousel-control.left,
.carousel-control.left:hover,
.carousel-control.right,
.carousel-control.right:hover {background: none!important;} 
.carousel-control.left img { margin-right: 15px;}
.carousel-control.right img { margin-left: 15px;} 

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: 0px;
  margin-left: 0px;
}
.navbar-inverse .navbar-toggle { border: #FFF;}
.navbar-inverse .navbar-toggle .icon-bar { background-color: #089CD6;	}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  /*
  color: #0a98d3;
  background-color: transparent;
  */
	color: #004CAD;
	background-color: #ffffff;
}

/**
 * common css style **************************************************************************
 */

/* header */
header { position: relative; box-sizing: content-box; background-color: #004CAD;}
header h1 { margin: 0;padding: 40px 0;}

header .auditionapp { position: absolute; top :18px; right: 0; list-style: none;}

header ul#language { position: absolute; top :36px; right: 0; list-style: none;}
header ul#language li { float: left; }
header ul#language li:first-child { color: #2C3E50; padding-right:22px;}
header ul#language li a { padding: 0 20px; color: #919191;}
header ul#language li a.select { color: #2C3E50; font-weight: bold;}

.navbar-inverse .navbar-nav > li:not(:first-child) {margin-left: 30px;}
.navbar-inverse .navbar-nav > li > a { color: #ffffff;width: 150px;text-align: center;padding: 20px 0;border: 1px solid #ffffff;}
.navbar-inverse .navbar-nav > li > a.select { color: #2980B9;}
.navbar-inverse .navbar-nav > li > col-lg-7 { color: #2980B9;}
.navbar-nav { background: #FFF; background: none;}

@media screen and (max-width: 1199px){
	.navbar-inverse .navbar-nav > li:not(:first-child) {margin-left: 20px;}
	.navbar-brand img { width:270px;} 
}
@media screen and (min-width: 980px){
	.navbar-nav {position: absolute;top: 50%;transform: translatey(-50%);right: 0;}
	.navbar-nav > li > a {padding: 0 15px;}
}

@media screen and (max-width: 979px){navbar-brand
	header h1 { max-width: 75%; margin: 10px;}	
	header h1 a img { width: 100%;}
	header .auditionapp { text-align:right; top :5px;}
	header .auditionapp img { width: 80%;}
}

@media screen and (min-width: 768px) {
	.navbar-inverse .navbar-nav > li.app_link { display: none;}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
	header  h1 { margin-bottom: 0;}
	.navbar { margin-bottom: 0;}
	/*.navbar-nav { float: right; }*/
	
	.navbar-header {width: 100%;}
	.navbar-collapse.collapse {text-align: center;}
	.navbar-nav { float: none; display: inline-block!important;padding-bottom: 20px;}
}

@media screen and (max-width: 767px){
	header h1 { margin: 10px 0 10px 10px;padding: 0;}
	header .auditionapp { display: none;}
	header ul#language { display: none;}
	.navbar { margin-bottom: 0;}
	.navbar-nav { position: relative; margin-top: 0; margin-bottom: 0;}
	.navbar-inverse .navbar-nav > li > a {width: 100%;text-align: center;padding: 15px 0;border: none;}
	.navbar-inverse .navbar-nav > li > a { border-top: 1px solid #ECF0F1 }
	.navbar-inverse .navbar-nav > li .max_w767 { display: block;}
	.navbar-inverse .navbar-nav > li:not(:first-child) {margin-left: 0;}
}
@media screen and (max-width: 479px){
	.navbar-brand img {width: 180px;}
	.navbar-inverse .navbar-brand {margin-top: 5px;}
	.navbar-inverse .navbar-toggle {margin-bottom: 0;}
}

/* 20190806 header改修 */
header .navbar-wrapper >.container {max-width: 1280px;width: 100%;padding: 0 20px;}
header .navbar-wrapper .navbar >.container {width: 100%;padding: 0;}
header .navbar-wrapper .navbar-inverse .navbar-nav > li:not(:first-child) {margin-left: 20px;}
@media screen and (max-width: 1199px) {
	.navbar-brand img {width: 230px;}
	header .navbar-inverse .navbar-nav > li > a {width: 125px;font-size: 13px;}
}
@media screen and (max-width: 767px) {
	.navbar-brand img {width: auto;}
	header .navbar-inverse .navbar-nav > li > a {width: 100%;font-size: 14px;}
	header .navbar-wrapper .navbar-inverse .navbar-nav > li:not(:first-child) {margin-left: 0;}
}
@media screen and (max-width: 479px) {
	.navbar-brand img {width: 180px;}
}

/* banner */
#banner-area { margin: 50px auto 50px;}
#banner-area .col-lg-3 { text-align: center;}
#banner-area .col-lg-3 a { display: inline-block;}
#banner-area img {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(28,150,203,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(28,150,203,0.75);
	box-shadow: 0px 0px 5px 0px rgba(28,150,203,0.75);
}
@media screen and (min-width: 980px){
	#banner-area { width: 980px;}
	#banner-area .col-lg-3 { width: 25%; text-align: center; float: left; padding:0;}
}
@media screen and (min-width: 550px) and (max-width: 979px){
	#banner-area { margin-bottom: 20px; }
	#banner-area .col-lg-3 { width: 50%; float: left; margin-bottom: 30px; text-align: center;}
	#banner-area .col-lg-3:nth-of-type(odd) { text-align: right;}
	#banner-area .col-lg-3:nth-of-type(even) { text-align: left;}
}
@media screen and (max-width: 549px){
	#banner-area { margin-bottom: 40px; }
	#banner-area .col-lg-3 { margin-bottom: 10px}
	#banner-area .col-lg-3:last-child { margin-bottom: 0px}
}

/* footer */
footer { text-align: center; }
footer #submenu_area { margin: 50px 0 0; }
footer #submenu_area ul { list-style: none; line-height: 3em;}
footer #submenu_area ul li a img { vertical-align: top;}
footer #sns_area { margin: 20px auto 40px;}
footer #sns_area iframe { width:100px !important; margin-left: 10px; margin-bottom: 20px;}
footer #copyright { margin: 50px 0 20px; color :#1C96CB;}

@media screen and (min-width: 768px){
	footer #sns_area .col-lg-6 { width: 50%; float: left;}
	footer #sns_area .col-lg-6:nth-of-type(1) { text-align: right;}
	footer #sns_area .col-lg-6:nth-of-type(2) { text-align: left;}
}

@media screen and (max-width: 767px){
	footer #copyright { width: 210px; margin: 50px auto 20px; line-height: 1.4em;}
}

/* back-top */
#back-top {	position: fixed;	bottom: 20px;	right: 20px;}
#back-top img {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(255,255,255,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(255,255,255,1);
	box-shadow: 0px 0px 5px 0px rgba(255,255,255,1);
}

@media screen and (max-width: 979px){
	#back-top { text-align: right;	bottom: 10px;	right: 10px;}
	#back-top img { max-width: 40px;}
}

/* catch */
#catch_wrap { position: relative; margin:0 auto; padding-bottom: 5px;/* background:url(../../images/site/top/bg_catch.gif) repeat-y center;*/}
#catch { text-align: center;}
#catch img { vertical-align: bottom; }

/*
#catch .movie_area { margin-top: 30px;}
#catch .movie_area iframe { max-width: 100%;}

@media screen and (max-width: 549px){
	#catch .movie_area iframe { height: 315px;}
}
*/

/**
 * top **************************************************************************
 */
 
/* catch */
#top #catch { height: 460px;background-image: url(../../images/site/top/back.png);background-size: cover;background-repeat: no-repeat;}
@media screen and (max-width: 979px){
	#top #catch { display: none;}
}

#top .item .carousel-caption { position: relative; left: auto; right: auto; bottom: 0; padding: 0;}
#top .item .container { position: relative;}

@media screen and (min-width: 980px){
	#top .item .container .audition_box { width: 978px; height: 320px; margin:64px auto 0;}
}
#top .item .container .audition_box .date_box { float: left; width: 190px; height: 320px; background: #46ADE8;}
#top .item .container .audition_box .date_box p:nth-child(1) { margin-top: 52px; font-size:143%;}
#top .item .container .audition_box .date_box p:nth-child(2) { margin-top: 44px; font-weight: bold;}
#top .item .container .audition_box .date_box p:nth-child(2) span:nth-child(1) { font-size: 618%; margin-right:10px;}
#top .item .container .audition_box .date_box p:nth-child(2) span:nth-child(2) { font-size: 268%;}
#top .item .container .audition_box .date_box p:nth-child(3) { margin-top: 58px; font-size:143%;}
#top .item .container .audition_box .image_box { float: left;}
#top .item .container .audition_box .image_box.baa_box,
#top .item .container .audition_box .image_box.widthAdjust{float: none;display: block;margin: 0 auto;}

/* オーディションがない時用 */
#top .item.case_no_audition {display: none;}
#top .item.case_no_audition .container .audition_box .image_box {float: none;position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;width: 100%;}

/* audition */
#top #audition_area { margin-top: 50px; margin-bottom: 24px; text-align: center}
#top #audition_area h3 { font-size: 86% }
#top #audition_area .col-lg-4 a,
#top #audition_area .col-lg-6 a,
#top #audition_area .col-lg-12 a { margin-bottom: 10px;}
#top #audition_area .col-lg-4 a img,
#top #audition_area .col-lg-6 a img,
#top #audition_area .col-lg-12 a img { border:3px solid #EEEEEE;}
#top #audition_area .col-lg-4 h3,
#top #audition_area .col-lg-6 h3,
#top #audition_area .col-lg-12 h3 { padding: 0 10px; text-align: center;}

@media screen and (max-width: 979px){
	#top #audition_area .col-lg-4,
	#top #audition_area .col-lg-6,
	#top #audition_area .col-lg-12 { margin-bottom: 30px;}
	#top #audition_area .col-lg-4 h3,
	#top #audition_area .col-lg-6 h3,
	#top #audition_area .col-lg-12 h3 { padding-top: 5px;}
}
@media screen and (min-width: 768px){
	#top #audition_area .col-lg-4 a,
	#top #audition_area .col-lg-6 a,
	#top #audition_area .col-lg-12 a { display: inline-block;}
}
@media screen and (max-width: 767px){
	#top #audition_area h2 { width: 80%; margin: 0 auto; }
}

@media screen and (min-width: 980px){
	#top #audition_area { width:980px;}
	#top #audition_area .col-lg-4,
	#top #audition_area .col-lg-6,
	#top #audition_area .col-lg-12 { margin-bottom: 26px;}
	#top #audition_area .col-lg-4 a,
	#top #audition_area .col-lg-6 a,
	#top #audition_area .col-lg-12 a { width:320px; height:100px;}
	
	#top #audition_area .col-lg-4 { float: left; width: 320px; padding:0; text-align: center;}
	#top #audition_area .col-lg-4:nth-of-type(1) { margin-right: 10px;}
	#top #audition_area .col-lg-4:nth-of-type(2) { margin-right: 10px;}
	
	#top #audition_area .col-lg-6{ float: left; width: 50%;}
	#top #audition_area .col-lg-6:nth-of-type(odd) { padding-right: 6px; text-align: right;}
	#top #audition_area .col-lg-6:nth-of-type(even) { padding-left: 6px; text-align: left;}

	#top #audition_area .col-lg-6:nth-of-type(odd) h3 { width:320px; float: right; text-align: center;}
	#top #audition_area .col-lg-6:nth-of-type(even) h3{ width:320px; float: left; text-align: center;}

}

/* 20210326 スカウトキャラバンのバナー表示のために一時的に組んだバナーエリア スカウトキャラバンのバナー削除のタイミングで消してもOK */
#top #audition_area .auditionFlex_wrap {display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: wrap;-webkit-justify-content: center; justify-content: center; -ms-flex-pack: center;}
#top #audition_area .auditionFlex_wrap .item_wrap {margin: 0 5px 25px; width: calc((100% / 3) - 10px);}
#top #audition_area .auditionFlex_wrap .item_wrap a { width: 100%; height: 100px; margin-bottom: 10px; display: block;}
#top #audition_area .auditionFlex_wrap .item_wrap a img {border: 3px solid #EEEEEE;}
@media screen and (max-width: 979px) {
	#top #audition_area .auditionFlex_wrap {display: block;}
	#top #audition_area .auditionFlex_wrap .item_wrap {width: 90%; margin: 0 auto 25px;}
	#top #audition_area .auditionFlex_wrap .item_wrap a {height: auto;}
}

/* always audition & voice */
#top #always_area { background: #1675AF; padding: 35px;}
#top #voice_area { background: /*#fdf5e6;*/#FF5206; padding: 35px;}
#top #always_area .inner,
#top #voice_area .inner { width: 100%; text-align: center;}
#top #always_area .inner a img,
#top #voice_area .inner a img {box-shadow: 3px 3px 4px 1px #000000;-moz-box-shadow: 3px 3px 4px 1px #000000;-webkit-box-shadow: 3px 3px 4px 1px #000000;}
#top #always_area h3,
#top #voice_area h3 { color:#99837D; font-size: 200%;}

@media screen and (min-width: 768px){
	#top #always_area .inner a,
	#top #voice_area .inner a { display: inline-block;}
}

@media screen and (max-width: 767px){
	#top #always_area h3,
	#top #voice_area h3 { font-size: 143%;}
}


/* sub_always audition */
#top #sub_always_area { margin: 40px 0 40px;}
#top #sub_always_area h3{ display: inline;}
#top #sub_always_area .col-lg-6 a { display: table; width:100%; padding:10px; color: #535353; font-size: 122%; text-align:left;}
#top #sub_always_area .col-lg-6 a:hover { text-decoration: none; background: #EDF3F7;}
#top #sub_always_area .col-lg-6 a div { display: table-cell; vertical-align: middle;}
#top #sub_always_area .col-lg-6 a div.icon_box { width:25%;}
#top #sub_always_area .col-lg-6 a div.text_box { padding-left: 10px; text-align: left; }

@media screen and (max-width: 767px){
	#top #sub_always_area .col-lg-6 { width: 64%; margin: 0 auto;}
}

@media screen and (max-width: 480px){
	#top #sub_always_area .col-lg-6 { width: 100%; margin: 0 auto;}
}

@media screen and (min-width: 768px) and (max-width: 980px){
	#top #sub_always_area .col-lg-6 { width: 64%; margin: 0 auto;}
}
@media screen and (min-width: 980px){
	#top #sub_always_area .inner { width: 980px; margin: 0 auto;}
	#top #sub_always_area .col-lg-6 { float:left; width: 50%;}
	#top #sub_always_area .col-lg-6:nth-of-type(1) { text-align: right;}
	#top #sub_always_area .col-lg-6:nth-of-type(2) { text-align: left;}
}

/* news */
#top #news_area { margin: 40px 0 80px;}
#top #news_area .inner .head_box .col-lg-4 { text-align: center;}
#top #news_area .inner .head_box .col-lg-4 .rss_btn { display: inline-block; margin-top: 11px;}
#top #news_area .inner hr { margin-bottom: 34px;}
#top #news_area .inner ul { list-style: none; height: 350px; padding:20px 20px 20px; overflow: auto; }
#top #news_area .inner ul li { margin: 0 0 40px 0}
#top #news_area .inner .title { display: inline-block; margin-bottom: 20px; color: #2C3E50; font-size: 115%; font-weight: bold; line-height: 1.4em;}
#top #news_area .inner .title span { margin-right: 20px;}
#top #news_area .inner .title:hover { color:#46ADE8; text-decoration: none;}
#top #news_area .inner p { color: #7F7F7F; font-size: 86%; line-height: 1.5em;}

@media screen and (min-width: 768px){
	#top #news_area .inner .head_box .col-lg-4 { width: 33.3333%; float: left;}
}

@media screen and (min-width: 980px){
	#top #news_area .inner { width: 980px; margin: 35px auto 0;}
	#top #news_area .inner ul { width: 900px; margin: 0 auto;}
	#top #news_area .inner .head_box .col-lg-4 h3 img { max-width: none;}
	#top #news_area .inner .head_box .col-lg-4:nth-of-type(2) { padding:0;}
}
@media screen and (max-width: 979px){
	#top #news_area .inner ul { width: 90%; margin: 0 auto ;border:1px solid #ECF0F1;}
}
@media screen and (max-width: 767px){
	#top #news_area .inner .head_box .col-lg-4 h3 { width: 80%; margin: 0 auto 10px;}
}


/* app */
#top #app_area { background: #F4F2F0; padding: 35px 0 10px;}
#top #app_area .inner img.icon_app01 { margin: 65px 0 30px 0;}
#top #app_area .inner img.icon_app02 { margin: 65px 0 30px 0;}
#top #app_area .inner p { color:#9A837D; font-size: 115%; line-height: 1.6em;}


@media screen and (max-width: 767px){
	#top #app_area h3 { text-align: center; width: 80%; margin: 0 auto;}
	#top #app_area .inner .col-lg-4 { text-align: center;}
	#top #app_area .inner .col-lg-4 img.app_image { margin: 40px 0 0 50px;}
}

@media screen and (min-width: 768px){
	#top #app_area h3 { text-align: left;}
	#top #app_area .inner { position: relative; margin: 35px auto 0;}
	#top #app_area .inner .store_btn { position: absolute; width: 100%; bottom: 60px;}
	#top #app_area .inner .col-lg-4 { width: 33.3333%; float: left;}
}

@media screen and (min-width: 980px){
	#top #app_area h3 { text-align: left;}
	#top #app_area .inner { width: 900px;}
}

/* attention */
#top #attention_area .inner { margin: 46px auto; text-align: center;}
#top #attention_area .inner h3 { margin: 50px 10px 30px; color:#999999; font-size: 208%; line-height: 160%;}
#top #attention_area .inner .text_box { margin:0 5%; text-align: left; line-height: 1.6em;}
#top #attention_area .inner .text_box span { color: #E54C3A;}

@media screen and (min-width: 980px){
	#top #attention_area .inner { width: 980px; }
}

@media screen and (max-width: 767px){
	#top #attention_area .inner h3 { font-size: 143%;}
}



/**
 * common **************************************************************************
 */
.head_wrap .inner { padding: 50px 0; text-align: center; font-size: 228%;}

.cnt_wrap { background: #F5F3F3; line-height: 1.6em;}
.cnt_wrap > .inner { margin: 0 auto; /*padding: 50px 0;*/}
.cnt_wrap > .inner .box { width:100%; padding: 50px 0 0;}
.cnt_wrap > .inner .box:last-child { padding:50px 0 50px;} 
.cnt_wrap > .inner .box .inner { width: 90%; margin: 0 auto; color: #391E39;}
.cnt_wrap > .inner .box .subtitle { height: 55px; margin: 0 auto 30px; line-height: 55px; font-size: 143%; border: 3px solid #3A1E39; color:#3A1E39; text-align: center;}
.cnt_wrap.description { background: #FFF; line-height: 1.6em;}

.btn_area01 { margin: 50px auto;}
.btn_area01 .col-lg-12 { text-align: center;}
.btn_area02 { margin: 50px auto;}
.btn_area02 .col-lg-6 { text-align: center;}

.btn_area01 p,
.btn_area02 p { margin-bottom: 50px; text-align: center; line-height: 1.6em;}

@media screen and (max-width: 767px){
	.head_wrap .inner { font-size: 143%;}
	.btn_area02 .col-lg-6:nth-of-type(1) { margin-bottom: 20px;}
	.cnt_wrap > .inner .box .subtitle { height: auto; margin: 0 auto 30px; line-height:inherit; padding: 5px 0; text-align: center;}
}

@media screen and (min-width: 768px){
	.btn_area02 .col-lg-6 { width: 50%; float: left;}
}

@media screen and (max-width: 979px){
	.cnt_wrap > .inner .box .subtitle { width: 90%; margin: 0 auto 20px;}
	#entry .head_wrap .inner { padding : 15px 0;}
	#always .head_wrap .inner { padding : 15px 0;}
}

@media screen and (min-width: 980px){
	#entry .head_wrap .inner { width: 980px; margin: 0 auto;}
	#always .head_wrap .inner { width: 980px; margin: 0 auto;}
	.cnt_wrap > .inner { width: 980px;}

	.btn_area02 .col-lg-6:nth-of-type(1) { text-align: right;}
	.btn_area02 .col-lg-6:nth-of-type(2) { text-align: left;}
}

@media screen and (max-width: 480px){
	.head_wrap .inner.flow_pc{ display: none;}
	.head_wrap .inner.flow_smart{ display: block;}
}
@media screen and (min-width: 481px){
	.head_wrap .inner.flow_pc{ display: block;}
	.head_wrap .inner.flow_smart{ display: none;}

	#entry .head_wrap .inner .col-lg-3 { width: 25%; float: left;}
	#always .head_wrap .inner .col-lg-3 { width: 25%; float: left;}
	#always .head_wrap .inner .col-lg-4 { width: 33.33333333%; float: left;}
}

/* auditionID211の「DANCE REPUBLIC」の時に表示している動画のレイアウト調整*/
/* 動画自体はCMSから直接コード入力してます */
.cnt_wrap > .inner .box .inner .add_movie_area {margin: 60px auto;}
.cnt_wrap > .inner .box .inner .add_movie_area iframe {display: block;width: 610px;height: 350px;margin: 0 auto;}
@media screen and (max-width: 480px){
	.cnt_wrap > .inner .box .inner .add_movie_area iframe {height: 245px;}
}

/* form */

.cnt_wrap.form {}
.cnt_wrap.form .col-lg-3 { text-align: right; margin-bottom: 20px; font-weight: bold;}
.cnt_wrap.form .col-lg-9 { text-align: left; margin-bottom: 20px;}

.cnt_wrap.form .col-lg-4 { text-align: right; margin-bottom: 20px; font-weight: bold;}
.cnt_wrap.form .col-lg-8 { text-align: left; margin-bottom: 20px; word-wrap : break-word;}

.cnt_wrap.form .col-lg-5 { text-align: right; margin-bottom: 20px; font-weight: bold;}
.cnt_wrap.form .col-lg-7 { text-align: left; margin-bottom: 20px; word-wrap : break-word;}

.cnt_wrap.form .col-lg-7 input { margin-bottom: 10px; max-width: 100%;}
.cnt_wrap.form .col-lg-7 select { margin-bottom: 10px; max-width: 100%;}
.cnt_wrap.form .col-lg-7 label { font-weight: normal;}
.cnt_wrap.form .col-lg-7 textarea { max-width: 100%;}
.cnt_wrap.form .col-lg-7 .notes { font-size: 86%; color: #888;}

.cnt_wrap.form .col-lg-8 input { margin-bottom: 10px; max-width: 100%;}
.cnt_wrap.form .col-lg-8 select { margin-bottom: 10px; max-width: 100%;}
.cnt_wrap.form .col-lg-8 label { font-weight: normal;}
.cnt_wrap.form .col-lg-8 textarea { max-width: 100%;}
.cnt_wrap.form .col-lg-8 .notes { font-size: 86%; color: #888;}


.cnt_wrap.form table { width: 100%;}
.cnt_wrap.form table td { text-align: left; padding-bottom: 10px;}
.cnt_wrap.form table .free_td {padding-bottom: 0px;}


@media screen and (max-width: 480px){
	.cnt_wrap.form .col-lg-3 { text-align: left; margin-bottom: 5px;}
	.cnt_wrap.form .col-lg-9 { text-align: left;}
	.cnt_wrap.form .col-lg-4 { text-align: left; margin-bottom: 5px;}
	.cnt_wrap.form .col-lg-8 { text-align: left;}
	.cnt_wrap.form .col-lg-5 { text-align: left; margin-bottom: 5px;}
	.cnt_wrap.form .col-lg-7 { text-align: left;}
	.cnt_wrap.form table td {}
	.cnt_wrap.form table td select { max-width: 80%;}
}

@media screen and (min-width: 481px){
	.cnt_wrap.form .col-lg-3 { float: left; width: 25%;}
	.cnt_wrap.form .col-lg-9 { float: left; width: 75%;}
	.cnt_wrap.form .col-lg-4 { float: left; width: 33.33333333%;}
	.cnt_wrap.form .col-lg-8 { float: left; width: 66.66666667%;}	
	.cnt_wrap.form .col-lg-5 { float: left; width: 41.6667%;}
	.cnt_wrap.form .col-lg-7 { float: left; width: 58.3333%;}
}
@media screen and (max-width: 979px){
	.cnt_wrap.form table { font-size: 86%;}
}


/**
 * audition **************************************************************************
 */
#audition #catch { background:#02A2C6;}
#audition .box .inner .list_wrap.past { border-bottom: 2px solid #D8D2D7;}

#audition .box .col-lg-12 { margin-top: 15px; text-align: center;}
#audition .box .col-lg-6 { margin-top: 30px; text-align: center;}
#audition .box .col-lg-6 img { vertical-align: bottom; margin-bottom: 5px;}
#audition .box .col-lg-6 a { font-size: 115%; margin-bottom: 10px;} 
#audition .box .col-lg-6 .period { font-size: 100%;} 
#audition .box .col-lg-7 {/* margin-bottom: 10px; */ margin-top: 30px; margin-bottom: 5px; font-size: 115%;}
#audition .box .col-lg-5 {/* margin-bottom: 30px; */ margin-top: 30px; margin-bottom: 5px; font-size: 100%;}

/**
 * 20190319 ID233 対応
 */
.image_2col_wrap {margin-top: 10px;}
.image_2col_wrap .row >div:first-of-type { text-align: right;}
.image_2col_wrap .row >div:last-of-type { text-align: left;}
.image_2col_wrap img {max-height: 280px; width: auto; display: inline-block;}

@media screen and (min-width: 980px){
	#audition .foot_area .inner { width: 980px; margin: 0 auto; }
}

@media screen and (max-width: 767px){
	#audition .box .col-lg-7 { margin-top: 10px; margin-bottom: 0;}
	#audition .box .col-lg-5 { margin-top: 10px;}
	
	.image_2col_wrap img {max-height: none;height: auto;width: auto; max-width: 100%; margin-bottom: 10px;}
}

/**
 * about & voice **************************************************************************
 */
#about #catch { background:#1BBC9B;}
#voice #catch { background:#FFA07A;}

#about .head_wrap .inner { font-size: 143%;}
#about .head_wrap .col-lg-4 a { display: block; padding: 5px;}

#about .cnt_wrap.title_area,
#voice .cnt_wrap.title_area { max-height: 175px; background:url(../../images/site/audition/first_back_title.gif) repeat-x; background-size: contain;}
#about .cnt_wrap.title_area .inner,
#voice .cnt_wrap.title_area .inner { display: table;}
#about .cnt_wrap.title_area .icon_box,
#voice .cnt_wrap.title_area .icon_box { display: table-cell; max-width: 175px;}
#about .cnt_wrap.title_area .title_box,
#voice .cnt_wrap.title_area .title_box { display: table-cell; vertical-align: middle; padding-left: 20px;}

#about .cnt_wrap.cnt_area,
#voice .cnt_wrap.cnt_area { background-color: #FFF;}
#about .cnt_wrap.cnt_area .inner,
#voice .cnt_wrap.cnt_area .inner { display: table;}
#about .cnt_wrap.cnt_area .inner .line_box,
#voice .cnt_wrap.cnt_area .inner .line_box { display: table-cell; width: 175px; text-align: center;}
#about .cnt_wrap.cnt_area .inner .cnt_box,
#voice .cnt_wrap.cnt_area .inner .cnt_box { display: table-cell; vertical-align: top; padding-left: 20px;}
#about .cnt_wrap.cnt_area .inner .cnt_box h4,
#voice .cnt_wrap.cnt_area .inner .cnt_box h4 { display: inline-block; padding-bottom: 5px; font-size: 214%; border-bottom: 5px solid #EFEFEF;}
#about .cnt_wrap.cnt_area .inner .cnt_box ul,
#voice .cnt_wrap.cnt_area .inner .cnt_box ul { margin: 30px 0;}
#about .cnt_wrap.cnt_area .inner .cnt_box ul li,
#voice .cnt_wrap.cnt_area .inner .cnt_box ul li { list-style: none; min-height: 30px; padding: 4px 0 30px 36px;}

#about .cnt_wrap.cnt_area .inner .cnt_box .advice_box { display: table;}
#about .cnt_wrap.cnt_area .inner .cnt_box .image_box { display: table-cell;}
#about .cnt_wrap.cnt_area .inner .cnt_box .text_box { display: table-cell; padding-left: 10px; vertical-align: middle;}

/* step01 */
#about .cnt_wrap.cnt_area.step01 .inner .cnt_box { background: url(../../images/site/audition/first_back_step01.png) no-repeat top right;}
#about .cnt_wrap.cnt_area.step01 .inner .cnt_box ul li {  background: url(../../images/site/audition/first_list_step01.png) no-repeat;}
#about .cnt_wrap.cnt_area.step01 .inner .cnt_box h4.advice { color: #46ADE8;}


/* step02 */
#about .cnt_wrap.cnt_area.step02 .inner .cnt_box { background: url(../../images/site/audition/first_back_step02.png) no-repeat top right;}
#about .cnt_wrap.cnt_area.step02 .inner .cnt_box ul li {  background: url(../../images/site/audition/first_list_step02.png) no-repeat;}
#about .cnt_wrap.cnt_area.step02 .inner .cnt_box h4.advice { color: #72CB8B;}

/* step03 */
#about .cnt_wrap.cnt_area.step03 .inner .cnt_box { background: url(../../images/site/audition/first_back_step03.png) no-repeat top right;}
#about .cnt_wrap.cnt_area.step03 .inner .cnt_box ul li {  background: url(../../images/site/audition/first_list_step03.png) no-repeat;}
#about .cnt_wrap.cnt_area.step03 .inner .cnt_box h4.advice { color: #F86A88;}

/* voice */ 
#voice .cnt_wrap.cnt_area.voice .inner .cnt_box { padding: 30px 0 0 0;}
#voice .cnt_wrap.cnt_area.voice .inner .cnt_box h4 { margin: 30px 0 20px;}
#voice .cnt_wrap.cnt_area.voice .inner .cnt_box ul li { padding: 0 30px 30px 60px;}
#voice .cnt_wrap.cnt_area.voice .inner .cnt_box ul li .voice_q { margin-bottom: 15px; color: #DDA508; font-size: 158%; line-height: 1.2em;}
#voice .cnt_wrap.cnt_area.voice .inner .cnt_box ul li .voice_a {}

#voice .cnt_wrap.cnt_area#pagelink h3 { font-size: 158%;}
#voice .cnt_wrap.cnt_area#pagelink a{ display: block;}

#voice .cnt_wrap.cnt_area#pagelink a img{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(183,146,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(183,146,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(183,146,0,0.75);
}


/** 
step01 修正版 1105追加  ************************************************************
**/


#about .cnt_wrap.cnt_area.step01 .inner .tab_box { display: table-cell; vertical-align: top; width:715px; padding-left:20px; padding-bottom:120px;}


/**  動画部分 **/
#about .cnt_wrap.cnt_area.step01 .inner .tab_box .movie_change { float:right;}
#about .cnt_wrap.cnt_area.step01 .inner .tab_box .movie_change .inner { float:left; margin-left:20px;}


#about .cnt_wrap.cnt_area.step01 .inner .tab_box .iframeBox{
position:relative;
width:100%;
border:3px solid #00AEEF;
margin-top:40px;
margin-bottom:40px;
}

#about .cnt_wrap.cnt_area.step01 .inner .tab_box .iframeBox iframe{
position:absolute;
top:0;
left:0;
width:100% !important;
height:100% !important
}

/**  tab部分 **/

#about .cnt_wrap.cnt_area.step01 .inner .tab_box #myTabContent { border:3px solid #DDDDDD; border-top:none; height:440px;}

#about .cnt_wrap.cnt_area.step01 .inner .tab_box .nav-tabs {
    border-bottom: 3px solid #DDD;
}

#about .cnt_wrap.cnt_area.step01 .inner .tab_box .nav-tabs > li {
    float: left;
    margin-bottom: -3px;
}

#about .cnt_wrap.cnt_area.step01 .inner .tab_box .nav-tabs > li.active > a { 
color: #555;
background-color: #FFF;
border-width: 3px;
border-style: solid;
border-color: #DDD #DDD /*transparent*/ #FFFFFF;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
cursor: default;
/*margin-left:11px;*/
border-bottom:none;
}


/**  選択されていないtab **/
#about .cnt_wrap.cnt_area.step01 .inner .tab_box .nav-tabs > li > a {
    border-radius: 8px 8px 0px 0px;
    border: 1px solid #00AEEF;
    margin-right: 2px;
    line-height: 1.42857;
	background-color:#00AEEF;
	color:#FFF;
}


#about .cnt_wrap.cnt_area.step01 .inner .tab_box .tab-pane {height:100%; }
#about .cnt_wrap.cnt_area.step01 .inner .tab_box .tab-pane p { padding:0 20px 0 20px;  margin-top:20px; font-size:16px; }

#about .cnt_wrap.cnt_area.step01 .inner .tab_box .point { padding:20px 20px 0 20px; margin-bottom:10px; margin-left:10px;}
#about .cnt_wrap.cnt_area.step01 .inner .tab_box .point .inner { float:left; margin-right:10px; }
#about .cnt_wrap.cnt_area.step01 .inner .tab_box .point h3 { font-weight:bold; font-size:20px; line-height:3; }

/** タブ01 **/
#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_01 { width: 100%; max-width:670px; margin:0 auto;}
#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_01 img { width: 100%; max-width:520px; display: block; margin:0 auto;}
#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_01 p { margin-left:52px; max-width:520px;}

/** タブ02 **/
#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_02 { width: 100%; max-width:630px; margin:0 auto;}
#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_02 .inner { float:left;}
#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_02 .inner p { text-align:center; padding:0; max-width:193px;}
#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_02 img { width: 100%; max-width:196px; margin-right:20px; }

#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_02 .inner_2 {width: 100%; max-width:630px; text-align:center; margin-top:20px;}

/** タブ03 **/
#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_03 { width: 100%; max-width:630px; margin:0 auto;}
#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_03 .inner { float:left;}
#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_03 .inner p { padding:0; max-width:193px;}
#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_03 img { width: 100%; max-width:196px; margin-right:20px;}

/** タブ04 **/
#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_04 { width: 100%; max-width:630px; margin:0 auto;}
#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_04 .inner { float:left;}
#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_04 .inner p { padding:0; max-width:193px;}
#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_04 img { width: 100%; max-width:196px; margin-right:20px;}

/** タブ05 **/
#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_05 { width: 100%; max-width:630px; margin:0 auto;}
#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_05 .inner { float:left;}
#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_05 .inner p { padding:0; max-width:193px;}
#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_05 img { width: 100%; max-width:196px; margin-right:20px;}


@media screen and (max-width: 980px){
	
#about .cnt_wrap.cnt_area.step01 .inner .tab_box { padding:0 10px 40px 10px;}
	
}

@media screen and (max-width: 760px){
	
#about .cnt_wrap.cnt_area.step01 .inner .tab_box { padding:0 20px; }	

#about .cnt_wrap.cnt_area.step01 .inner .tab_box .fade {
	opacity: 100;
    transition: opacity 0.15s linear 0s;
}
#about .cnt_wrap.cnt_area.step01 .inner .tab-content > .tab-pane { display: block; border:3px solid #DDDDDD; margin-bottom:20px;}

/*タブ部分の非表示 */
#about .cnt_wrap.cnt_area.step01 .inner .tab_box .nav-tabs { display:none;}

/*タブ選択時の線非表示 */
#about .cnt_wrap.cnt_area.step01 .inner .tab_box #myTabContent { border:none; height:100%; }



	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .iframeBox { margin-bottom:20px; }
	
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .point { padding:5px; margin-top:10px; margin-bottom:0; margin-left:0;}
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .point .inner { float:none; margin:0 auto;}
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .point h3 { font-weight:bold; font-size:18px; line-height:3; text-align:center;}
	
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .tab-pane p { padding:10px;  margin-top:10px; font-size:16px; }
	
	/** タブ01 **/
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_01 { width: 100%; max-width:670px; margin:0 auto;}
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_01 img { width: 90%; max-width:520px; display: block; margin:0 auto;}
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_01 p { margin-left:0; max-width:520px; margin:0 auto;}
	
	/** タブ02 **/
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_02 { width: 100%; max-width:630px; margin:0 auto;}
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_02 .inner { float:none; margin:0 auto;}
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_02 .inner p { text-align:center; padding:0; max-width:193px; margin:0 auto; margin-top:5px; margin-bottom:20px;}
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_02 img { width: 100%; max-width:350px; margin-right:0; }
	
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_02 .inner_2 {width: 100%; max-width:193px; text-align:left; margin:0 auto; margin-top:10px; margin-bottom:20px;}
	
	
	/** タブ03 **/
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_03 { width: 100%; max-width:630px; margin:0 auto;}
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_03 .inner { float:none; margin:0 auto;}
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_03 .inner p { text-align:left; padding:0; max-width:210px; margin:0 auto; margin-top:5px; margin-bottom:20px;}
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_03 img { width: 100%; max-width:350px; margin-right:0; }
	
	/** タブ04 **/
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_04 { width: 100%; max-width:630px; margin:0 auto;}
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_04 .inner { float:none; margin:0 auto;}
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_04 .inner p { text-align:left; padding:0; max-width:210px; margin:0 auto; margin-top:5px; margin-bottom:20px;}
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_04 img { width: 100%; max-width:350px; margin-right:0; }
	
    /** タブ05 **/
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_05 { width: 100%; max-width:630px; margin:0 auto;}
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_05 .inner { float:none; margin:0 auto; margin-bottom:30px;}
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_05 .inner p { padding:0; max-width:210px; margin:0 auto;  margin-bottom:0; }
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_05 img { width: 100%; max-width:350px; margin-right:0; margin-bottom:5px;}




}

@media screen and (max-width: 520px){
	
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .iframeBox { margin-bottom:20px; }
	
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .point { padding:5px; margin-top:10px; margin-bottom:0; margin-left:0;}
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .point .inner { float:none; margin:0 auto;}
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .point h3 { font-weight:bold; font-size:18px; line-height:3; text-align:center;}
	
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .tab-pane p { padding:10px;  margin-top:10px; font-size:16px; }
	
	/** タブ01 **/
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_01 { width: 100%; max-width:670px; margin:0 auto;}
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_01 img { width: 90%; max-width:520px; display: block; margin:0 auto;}
	
	/** タブ02 **/
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_02 { width: 100%; max-width:630px; margin:0 auto;}
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_02 .inner { float:none; margin:0 auto;}
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_02 .inner p { text-align:center; padding:0; max-width:193px; margin:0 auto; margin-top:5px; margin-bottom:20px;}
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_02 img { width: 100%; max-width:350px; margin-right:0; }
	
	/** タブ03 **/
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_03 { width: 100%; max-width:630px; margin:0 auto;}
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_03 .inner { float:none; margin:0 auto;}
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_03 .inner p { text-align:left; padding:0; max-width:210px; margin:0 auto; margin-top:5px; margin-bottom:20px;}
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_03 img { width: 100%; max-width:350px; margin-right:0; }
	
	/** タブ04 **/
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_04 { width: 100%; max-width:630px; margin:0 auto;}
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_04 .inner { float:none; margin:0 auto;}
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_04 .inner p { text-align:left; padding:0; max-width:210px; margin:0 auto; margin-top:5px; margin-bottom:20px;}
	#about .cnt_wrap.cnt_area.step01 .inner .tab_box .resizeimage_04 img { width: 100%; max-width:350px; margin-right:0; }
	

}




/**  リンク時の枠線無し **/
#about .cnt_wrap.cnt_area.step01 .inner .tab_box a{
outline: none;
}
#about .cnt_wrap.cnt_area.step01 .inner .tab_box a:focus{
outline: none;
}




@media screen and (min-width: 980px){
	#about .head_wrap > .inner { width: 980px; margin:0 auto;}
	#about .head_wrap .col-lg-4 { width: 33.33333333%; float: left;}
	#about .head_wrap .inner img { margin-top: 15px;}
}
@media screen and (max-width: 979px){
	#about .head_wrap .col-lg-4 { margin-bottom: 30px;}
	#about .head_wrap .col-lg-4:last-child { margin-bottom: 0;}
	#about .head_wrap .inner img { display: none;}

	#about .cnt_wrap.title_area .inner,
	#voice .cnt_wrap.title_area .inner { width: 100%;}
	#about .cnt_wrap.cnt_area .inner .line_box,
	#voice .cnt_wrap.cnt_area .inner .line_box { display: none;}
	#about .cnt_wrap.cnt_area .inner .cnt_box,
	#voice .cnt_wrap.cnt_area .inner .cnt_box { padding:40px 20px 20px;}
}
@media screen and (min-width: 768px){
	#about .cnt_wrap.cnt_area .inner .cnt_box .image_box { min-width: 120px;}
}

@media screen and (max-width: 767px){
	#about .cnt_wrap.cnt_area .inner .cnt_box h4,
	#voice .cnt_wrap.cnt_area .inner .cnt_box h4 { font-size: 158%;}
	#about .cnt_wrap.cnt_area.voice .inner .cnt_box ul li,
	#voice .cnt_wrap.cnt_area.voice .inner .cnt_box ul li { padding: 0 20px 30px 20px;}

	#about .cnt_wrap.cnt_area .inner .cnt_box .image_box { width: 60px;}
}

@media screen and (min-width: 470px) and (max-width: 767px) {
	#about .cnt_wrap.title_area .icon_box img,
	#voice .cnt_wrap.title_area .icon_box img { max-width: 75%}
	#about .cnt_wrap.title_area .title_box img,
	#voice .cnt_wrap.title_area .title_box img{ max-width: 75%}
}

/**
 * collaboration & review **************************************************************************
 */
#collaboration #catch,
#review #catch { position: relative; background: #FFF; padding: 50px 0;}
#collaboration #catch .sns_box,
#review #catch .sns_box { margin: 20px 0 0;}
#collaboration #catch .sns_box .btn_facebook,
#review #catch .sns_box .btn_facebook { display: inline-block; background: #7588b3; width: 100%; max-width: 340px; border: 4px solid #FFF; font-size: 100%;}
#collaboration #catch .sns_box .btn_twitter,
#review #catch .sns_box .btn_twitter { display: inline-block; background: #42bfeb; width: 100%; max-width: 340px; border: 4px solid #FFF; font-size: 100%;}
#collaboration #catch .sns_box .btn_facebook:hover,
#review #catch .sns_box .btn_facebook:hover { background: #9AA9CC;}
#collaboration #catch .sns_box .btn_twitter:hover,
#review #catch .sns_box .btn_twitter:hover { background: #74DAED;}

#collaboration #catch .sns_box .col-lg-6 a,
#review #catch .sns_box .col-lg-6 a { display: table; width:100%; padding:10px; color: #FFF; font-size: 129%; text-align:left;}
#collaboration #catch .sns_box .col-lg-6 a:hover,
#review #catch .sns_box .col-lg-6 col-lg-7 { text-decoration: none;}
#collaboration #catch .sns_box .col-lg-6 a div,
#review #catch .sns_box .col-lg-6 a div { display: table-cell; vertical-align: middle;}
#collaboration #catch .sns_box .col-lg-6 a div.icon_box,
#review #catch .sns_box .col-lg-6 a div.icon_box { width:25%;}
#collaboration #catch .sns_box .col-lg-6 a div.text_box,
#review #catch .sns_box .col-lg-6 a div.text_box { padding-left: 10px; text-align: left; }

#collaboration #catch .sns_link .col-lg-12,
#review #catch .sns_link .col-lg-12 { margin-top: 20px; margin-bottom: 0;}
#collaboration #catch .sns_link .col-lg-12 a,
#review #catch .sns_link .col-lg-12 a { display: inline-block !important; max-width: 100%; background: #FFF;}
#collaboration #catch .sns_link .col-lg-12 a img,
#review #catch .sns_link .col-lg-12 a img { height: auto;}
#collaboration #catch .sns_link .col-lg-12 a img:hover,
#review #catch .sns_link .col-lg-12 a img:hover { filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;}

#collaboration .box,
#review .box { word-wrap : break-word; line-height: 2.4em;}
#collaboration #catch #link_area,
#review #catch #link_area { width: 80%; max-width: 400px; margin: 0 auto; padding: 20px 0 0;}

/*id == 65 only */
#collaboration #catch #link_area.id_65 .inner,
#review #catch #link_area.id_65 .inner { display:block; text-align: center; font-size: 200%; cursor:pointer; background: #010101; border: 1px solid #FFFFFF;}
#collaboration #catch #link_area.id_65 .inner:hover,
#review #catch #link_area.id_65 .inner:hover { background: #010101; border: 1px solid #FFE618;} 
#collaboration #catch #link_area.id_65 .inner a,
#review #catch #link_area.id_65 .inner a { display: block; color: #FFFFFF; padding: 5px 0;}
#collaboration #catch #link_area.id_65 .inner a:hover,
#review #catch #link_area.id_65 .inner a:hover { text-decoration: none; color: #FFE618;}

/*id == 80 only */
#collaboration #catch #link_area.id_80 .inner,
#review #catch #link_area.id_80 .inner { display:block; text-align: center; font-size: 200%; cursor:pointer; border: 1px solid #8A2BE2;}
#collaboration #catch #link_area.id_80 .inner:hover,
#review #catch #link_area.id_80 .inner:hover { background: #8A2BE2; text-decoration: none;} 
#collaboration #catch #link_area.id_80 .inner a,
#review #catch #link_area.id_80 .inner a { display: block; color:#FFFFFF; padding: 5px 0;}
#collaboration #catch #link_area.id_80 .inner a:hover,
#review #catch #link_area.id_80 .inner a:hover { text-decoration: none; }

/*id == 97 only */
#collaboration #catch #link_area.id_97 .inner,
#review #catch #link_area.id_80 .inner { display:block; text-align: center; font-size: 200%; cursor:pointer; border: 1px solid #F48A00;}
#collaboration #catch #link_area.id_97 .inner:hover,
#review #catch #link_area.id_80 .inner:hover { background: #F48A00; text-decoration: none;}  
#collaboration #catch #link_area.id_97 .inner a,
#review #catch #link_area.id_80 .inner a { display: block; color:#F48A00; padding: 5px 0;}
#collaboration #catch #link_area.id_97 .inner a:hover,
#review #catch #link_area.id_80 .inner a:hover { text-decoration: none; color:#FFFFFF;}

#collaboration .foot_area,
#review .foot_area { margin: 50px 0; text-align: center;}

@media screen and (min-width: 768px) and (max-width: 979px){
	#collaboration #catch .sns_box .btn_facebook,
	#review #catch .sns_box .btn_facebook { font-size: 86%;}
	#collaboration #catch .sns_box .btn_twitter,
	#review #catch .sns_box .btn_twitter { font-size: 86%;}
}

@media screen and (max-width: 767px){
	#collaboration #catch .sns_box .col-lg-6 a div.icon_box,
	#review #catch .sns_box .col-lg-6 a div.icon_box { width:20%;}
	#collaboration #catch .sns_box .btn_facebook,
	#review #catch .sns_box .btn_facebook { max-width: 230px; font-size: 72%;}
	#collaboration #catch .sns_box .btn_twitter,
	#review #catch .sns_box .btn_twitter { max-width: 230px; font-size: 72%;}
}

@media screen and (max-width: 979px){
	#collaboration #catch,
	#review #catch { padding: 0;}
	#collaboration #catch #link_area,
	#review #catch #link_area { padding: 20px 0;}
	#collaboration #catch .sns_box .col-lg-6,
	#review #catch .sns_box .col-lg-6 { padding-bottom: 20px;}

	#collaboration #catch .sns_link .col-lg-12,
	#review #catch .sns_link .col-lg-12 { margin-top: 0; margin-bottom: 20px;}
}

@media screen and (min-width: 480px){
	#collaboration #catch .sns_box .col-lg-6,
	#review #catch .sns_box .col-lg-6 { width: 50%; float: left;}
	#collaboration #catch .sns_box .col-lg-6:nth-of-type(1),
	#review #catch .sns_box .col-lg-6:nth-of-type(1){ text-align: right;}
	#collaboration #catch .sns_box .col-lg-6:nth-of-type(2),
	#review #catch .sns_box .col-lg-6:nth-of-type(2){ text-align: left;}
}

@media screen and (min-width: 980px){
	#collaboration .foot_area .inner,
	#review .foot_area .inner { width:900px;}
}

#collaboration iframe,
#review iframe { max-width: 100%;}
#collaboration object,
#review object { max-width: 100%;}
#collaboration object embed,
#review object embed { max-width: 100%;}

/*id == 159 only */
.btn_area01 .button_box_159 {width:100%;max-width:980px;margin:0 auto;}
.btn_area01 .button_box_159 .row {width:90%;margin: 0 auto;}
.btn_area01 .button_box_159 input {border-radius:0;}

@media screen and (max-width: 979px){
	.btn_area01 .button_box_159 input {font-size: 100%;padding: 20px 0;}
	.btn_area01 .button_box_159 .row {width:100%;}
}
@media screen and (max-width: 767px){
	.btn_area01 .button_box_159 .button_left {margin-bottom: 10px;}
	.btn_area01 .button_box_159 input {width:100%;max-width:300px;}
	.btn_area01 .button_box_159 .row .col-xs-12 {padding-left:0;padding-right:0;}
}


/**
 * year_end_info **************************************************************************
 */
 .year_end_info { line-height:1.6em; border:1px solid #E54C3A; padding:30px; margin: 24px 60px 26px;}
 #top #audition_area .year_end_info h3 { font-size:208%;color: #E54C3A;}
 #top #audition_area .year_end_info p { margin-top:20px; text-align:left; display:inline-block;}
 #top #audition_area .year_end_info p .sp_only { display:none;}
 
 @media screen and (max-width: 979px){
	 .year_end_info {margin: 24px auto 26px;width: 100%;}
}
@media screen and (max-width: 767px){
	 #top #audition_area .year_end_info h3 { font-size: 143%;}
	 .year_end_info {margin: 24px 5% 26px; width:auto;}
}
@media screen and (max-width: 520px){
	.year_end_info { padding:5%;}
	 #top #audition_area .year_end_info p .sp_only { display:block;}
}



/**
 * always **************************************************************************
 */
#always #catch { background: #3598DB;}
#always #catch.mailing { background: #000;}

#always .cnt_wrap { padding: 40px 0 40px; text-align: center;}
#always .cnt_wrap .inner .box a { display: inline-block;}

@media screen and (max-width: 979px){
	#always #catch { padding: 0;}
	#always .cnt_wrap.description { padding: 0 0 15px;}
}
@media screen and (min-width: 980px){
	#always .cnt_wrap.description { padding: 0 0 50px;}
}
#always .cnt_wrap.form { padding: 0;}

#always .cnt_wrap.box01 { background: #F6F6F6;}
#always .cnt_wrap.box01 .inner > p { margin:0 0 30px;}
#always .cnt_wrap.box01 h3 { margin-bottom: 10px; font-size: 129%; color:#009ADF; }

/*-- area01 --*/
#always .cnt_wrap.box01 .area01 { margin:0 0 20px 0; overflow:auto; border:1px solid #BBBBBB;  padding:20px; text-align: left;}
#always .cnt_wrap.box01 .area01 h4{ font-size: 115%; font-weight: bold; line-height: 2em;}
#always .cnt_wrap.box01 .area01 ul { margin-left:5px; list-style:none;}

@media screen and (min-width: 980px){
	#always .cnt_wrap.box02 .inner { width: 980px; margin: 0 auto;}
}

/* mailing */
#always .box .inner ul.check { list-style: none; line-height: 1.2em;} 
#always .box .inner ul.check li { margin-bottom: 15px;} 
#always .box .inner ul.check li .photo_attention { color: #777777; font-size: 86%; margin-left: 30px;}

#always .box h4.subtitle { width: 100%; height: auto; display:block; border: none; margin:30px auto 10px; color:#009ADF; font-size: 115%; line-height: 1.6em;}
#always .box .mailing .col-lg-2 { font-weight: bold;}
#always .box .mailing .col-lg-10 { margin-bottom: 15px;}


#always .box .mailing strong { display:block; margin-bottom:30px; color:#009ADF; font-size: 129%;}
#always .box .mailing ul li{ margin-bottom:20px; list-style: none;}

#always .box .mailing .address { border: 1px solid #3A1E39; padding: 20px; margin: 0 auto;}

@media screen and (min-width: 768px){
	#always .box .mailing .col-lg-2 { width: 16.66666667%; float: left;}
	#always .box .mailing .col-lg-10 { width: 83.33333333%; float: left; text-align: left;}
}

/**
 * entry **************************************************************************
 */
#entry #catch { position: relative; background: #FFF; height: auto; padding: 65px 0;}

@media screen and (max-width: 979px){
	#entry #catch { padding: 0;}
	#entry .cnt_wrap.description { padding: 0 0 15px;}
}
@media screen and (min-width: 980px){
	#entry .cnt_wrap.description { padding: 0 0 50px;}
}
#entry .cnt_wrap { padding: 0 0 40px; text-align: center;}
#entry .cnt_wrap.form { padding: 0;}
#entry .cnt_wrap .inner {}

#entry .cnt_wrap .inner .box p { margin:0 0 20px;}
#entry .cnt_wrap .inner .box a { display: inline-block;}

#entry .cnt_wrap.box01 { background: #F6F6F6;}
#entry .cnt_wrap.box01 .inner {}
#entry .cnt_wrap.box01 .inner > p { margin:30px 0 30px;}
#entry .cnt_wrap.box01 h3 { margin-bottom: 10px; font-size: 129%; color:#009ADF; }

/*-- area01 --*/
#entry .cnt_wrap.box01 .area01 { margin:0 0 20px 0; overflow:auto; border:1px solid #BBBBBB;  padding:20px; text-align: left;}
#entry .cnt_wrap.box01 .area01 h4{ font-size: 115%; font-weight: bold; line-height: 2em;}
#entry .cnt_wrap.box01 .area01 ul { margin-left:5px; list-style:none;}

#entry .cnt_wrap > .inner .box h3.subtitle { margin-bottom: 50px;} 
#entry .cnt_wrap > .inner .box h4.subtitle { width: 100%; border: none; border-bottom: 1px solid #3A1E39; height: auto; margin: 30px auto 10px; font-size: 115%; color:#3A1E39; text-align: center; line-height: 40px;}

@media screen and (max-width: 767px){
	#entry .cnt_wrap.form label.language_name { font-size: 72%; }
}

/**
 * 個人情報お取り扱い 個別対応
 */
#entry .cnt_wrap.box01 .area01 ul.kirachareAdd li.flexBox {display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex;}
#entry .cnt_wrap.box01 .area01 ul.kirachareAdd li.flexBox >span:first-of-type {flex-basis: 1em;width: 1em;}
#entry .cnt_wrap.box01 .area01 ul.kirachareAdd li.flexBox >span:last-of-type {flex: 1;}

/**
 * link **************************************************************************
 */
#link #catch { background:#8E46AC;}
#link .col-lg-6 { text-align: center; margin: 30px 0 0; line-height: 1.4em;}
#link .cnt_wrap .inner { padding-bottom: 30px;}


/**
 * faq **************************************************************************
 */
#faq #catch { background: #F1C40F;}

#faq .box { padding: 25px 0 50px;}
#faq .box .question { background:url(../../images/site/faq/icon_q.png) no-repeat; margin:20px 0 10px; min-height:66px; padding:25px 0 0 20px;}
#faq .box .answer .inner { background:url(../../images/site/faq/icon_a.png) no-repeat; padding:25px 0 0 20px;}
#faq .misc_pager { margin-top: 30px; font-size: 80%;}


/**
 * sitemap **************************************************************************
 */
 
#sitemap #catch { background:#DEB887;} 
#sitemap .cnt_wrap { background: #FFF; margin: 50px 0 0; text-align: center; font-size:115%; line-height: 1.6em;}


/**
 * contact **************************************************************************
 */

#contact #catch { background:#FF9899;} 
#contact .cnt_wrap { padding: 40px 0 40px; text-align: center; font-size:115%; line-height: 1.6em;}
#contact .cnt_wrap.description { background: #FFF;}
#contact .cnt_wrap.box01 { background: #F6F6F6;}
#contact .cnt_wrap.box01 .subtitle { font-size: 158%; font-weight:normal;}
#contact .cnt_wrap.box01 .area01 { width:100%; font-size: 86%;}
#contact .cnt_wrap.box01 .area01 p{ padding:10px 0 0 20px; line-height:1.4em; text-align:left;}
#contact .cnt_wrap.box01 ul { text-align: left; list-style: none; line-height:1.8em; margin:36px 0 0 20px; }
#contact .cnt_wrap.box01 ul li { background:url(../../images/site/audition/icon02.gif) no-repeat 0 10px; padding-left: 15px; }

#contact .cnt_wrap.box02 { background: #F6F6F6;}
#contact .cnt_wrap.box02 .inner > p { margin:0 0 30px;}

#contact .cnt_wrap.box02 a { margin-bottom: 10px; font-size: 129%; color:#009ADF; text-decoration: underline;}


/*-- area01 --*/
#contact .cnt_wrap.box02 .area01 { height:320px; margin:0 0 20px 0; overflow:auto; border:1px solid #BBBBBB;  padding:20px; text-align: left;}
#contact .cnt_wrap.box02 .area01 h4{ font-size: 115%; font-weight: bold; line-height: 2em;}
#contact .cnt_wrap.box02 .area01 h5{ font-size: 100%; font-weight: bold; line-height: 2em;}
#contact .cnt_wrap.box02 .area01 dt{ margin: 10px 0 5px;}
#contact .cnt_wrap.box02 .area01 dd{ padding-left: 20px;}
#contact .cnt_wrap.box02 .area01 ul { margin-left:5px; list-style:none;}
#contact .cnt_wrap.box02 .area01 ul li p{ margin-left:30px; padding:0 0 10px; font-size:12px;}


@media screen and (min-width: 980px){
	#contact .cnt_wrap.box02 .inner { width: 980px; margin: 0 auto;}
	#contact .cnt_wrap .col-lg-5 { float: left; width: 41.6667%;}
	#contact .cnt_wrap .col-lg-7 { float: left; width: 58.3333%;}
}
@media screen and (max-width: 979px){
	#contact .cnt_wrap.box01 .area01 p{ text-align: center;}
}

@media screen and (min-width: 480px){
	#contact .cnt_wrap.box01 .area01 img { max-width: 330px;}
}

@media screen and (max-width: 767px){
	#contact .cnt_wrap .inner p  { width: 90%; margin: 0 auto;}
	#contact .cnt_wrap.box02 .inner > p { margin: 0 auto 30px;}
}

/**
 * auditionapp **************************************************************************
 */
#auditionapp #catch { background:#2DCC72;}
#auditionapp .disp_table { display: table; width: 100%;}
#auditionapp .disp_table > div { display: table-cell; vertical-align: middle;}
#auditionapp .disp_table > div.col-lg-3 { vertical-align: bottom; float: none;}

#auditionapp ul.point { list-style: none; text-align: center; line-height: 2em; font-size: 129%;}

#auditionapp .btn_area > .inner { width:760px; margin: 0 auto; /*padding: 50px 0;*/}
#auditionapp .btn_area > .inner .box { width:100%; padding: 50px 0 0;}
#auditionapp .btn_area > .inner .box .inner { width: 90%; margin: 0 auto; color: #391E39; line-height: 1.6em;}
#auditionapp .btn_area > .inner .box .inner a { display: inline-block;}


/**
 * info **************************************************************************
 */
#info #catch { background:#B0DFE5;}
#info .cnt_wrap .inner { padding-bottom: 30px;}


/*---------------------------------------------------------------------------
	modal
---------------------------------------------------------------------------*/
#showoverlay { margin:25px;}
#modalbox { text-align:right;}
#modalbox,#modalbox img { width:525px;}
#modalbox img.closeBtn{ width:48px;	margin-bottom:10px;}
#modalbox { display:none; position:absolute; z-index:1000; padding:20px;}
#overlay { opacity:0; filter: alpha(opacity=0); position:absolute; top:0; left:0; z-index:900; width:100%; height:100%; background:#000;}
#close { line-height:1; font-size:14px; position: absolute; top:10px; right:10px; color:red; text-decoration:none;}


/*---------------------------------------------------------------------------
	scoutPolicy_wrap 20190809追加
---------------------------------------------------------------------------*/
#scoutPolicy_wrap {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);z-index: 9999;}
#scoutPolicy_wrap .scoutPolicyInner_wrap {position: fixed;top: 40%;left: 50%;transform: translate(-50%,-50%);width: 600px;max-width: 95%;padding: 40px;background-color: #ffffff;opacity: 0;}
#scoutPolicy_wrap .scoutPolicyInner_wrap.active {opacity: 1;top:50%;transition-duration:700ms;}
#scoutPolicy_wrap .scoutPolicyTitle {font-size: 28px;font-weight: bold;text-align: center;margin-bottom: 30px;}
#scoutPolicy_wrap .scoutPolicyBody {font-size: 16px;line-height: 1.4;}
#scoutPolicy_wrap .scoutPolicyBody .btn_wrap {margin: 20px 0;text-align: center;}
#scoutPolicy_wrap .scoutPolicyBody .btn_wrap a,
#scoutPolicy_wrap button#btn_close {display: inline-block;}
#scoutPolicy_wrap .scoutPolicyBody .btn_wrap a.btn_style01 { background: #46ade8; width: 100%; max-width: 200px; padding: 15px 0; border: none; border-bottom: 5px solid #2980b9; border-right: 5px solid #2980b9; font-size: 121%; color: #FFF; }
#scoutPolicy_wrap .scoutPolicyBody .btn_wrap a.btn_style01:hover { background: #7ACEEA; border-bottom: 5px solid #5CA3CF; border-right: 5px solid #5CA3CF;text-decoration: none;}
#scoutPolicy_wrap .close_btn_wrap {margin: 20px 0 0;text-align: center;}
#scoutPolicy_wrap button {display: block;background: none;border: none;box-shadow: none;padding: 0;margin: 0;}
#scoutPolicy_wrap button#btn_close{border: 1px solid #444;padding: 10px 15px;}
#scoutPolicy_wrap button#btn_close:hover {opacity: 0.6;}

@media screen and (max-width: 767px) {
	#scoutPolicy_wrap .scoutPolicyInner_wrap {padding: 20px;}
	#scoutPolicy_wrap .scoutPolicyTitle {font-size: 16px;}
	#scoutPolicy_wrap .scoutPolicyBody {font-size: 11px;}
	#scoutPolicy_wrap .scoutPolicyBody .btn_wrap a.btn_style01 {    font-size: 105%;max-width: 160px;padding: 10px 0;}
	#scoutPolicy_wrap button#btn_close {padding: 5px 10px;}
}








