@charset "UTF-8";


/* ウィンドウ幅が480px以上の場合に適用するCSS */
@media screen and ( min-width:480px )
{
	.pc_content{
	display:block !important;
}
	.pc_img{
	display:inline !important;
}
.sp_content{
	display:none !important;
}
.sp_img{
	display:none !important;
}

/*画像マウスオーバー（透過）*/
a.opa	{display: inline-block;
    line-height: 0;}
a.opa:hover	{background-color:#fff;}
a.opa img:hover	{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity:0.6;}
a.opa img	{
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity:1.0;}

.bgWhite	{background:#fff;}


.go_back {width:980px;margin:0 auto;text-align:right;padding: 10px 0;font-weight: bold;}
.go_back a {color:#f5c400;}


body {min-width:980px;}
.wrapper {padding-top:134px;position: relative;text-align:left;}

.header {background: rgba(0,0,0,0.8);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);/*IE8以下用*/
position:fixed;top:0;width:100%;border-bottom:1px solid #ffcc00;text-align:center;z-index: 999;}
.inheader {position:relative;width:980px;margin: 0 auto;padding:16px 0;}

.inheader_button {position:absolute;top:0;right:0px;}


.box02 {background:url(../img/bk02.jpg) 0 0 no-repeat;background-size:cover;padding:40px 0;text-align:center;padding-bottom:140px;}
.mt-170 {margin-top: -170px;}


.box03 {background:url(../img/bk03.jpg) 0 0 no-repeat;background-size:cover;padding:40px 0;text-align:center;}
.box03 ul {
    width: 980px;
    margin: 0 auto;
    line-height: 0;
}


.box04 {background:#000;padding:60px 0 20px 0;text-align:left;color:#fff;}
.box04 h2 {text-align:center;margin-bottom:30px;}
.box04_in {width:980px;margin:0 auto;}
.box04_in table {margin-bottom:20px;}
.box04_in table th {padding-bottom:7px;color:#ffcc00;font-size:114%;}

.footer {clear:both;font-size:85.5%;position: relative;padding-top: 35px;text-align:center;}
.footer a {color:#afafaf;}
.copy {color:#ffcc00;padding:16px 0 30px 0;text-align:center;}
.footer ul {display: table; margin: 0 auto 5px;}
.footer ul li {float:left;margin: 0 6px;border-right: 1px solid #ddd;padding: 0 10px 0 0;}
.footer ul li.first {margin-left: 0;}
.footer ul li:last-child {margin-right: 0;padding-right: 0;border-right: none;}
.footer p img {width:200px;}
.footer .fotter_2{width:440px;!important}

.button{width:658px;height:54px;margin-bottom: 40px;float:left;}
.button a {display:block;text-indent:-9999px;background:url(../img/button2.png) 0 0 no-repeat;width:658px;height:54px;}
.button a:hover{background-position:0 -54px;}

.button2_02 {width:300px;height:54px;margin-bottom: 40px;float:right !important;}
.button2_02 a {display:block;text-indent:-9999px;background:url(../img/button2_02.png) 0 0 no-repeat;width:300px;height:54px;}
.button2_02 a:hover{background-position:0 -54px;}

.button02 {width:658px;height:54px;float:left;
    margin-bottom: 40px;}
.button02 a {display:block;text-indent:-9999px;background:url(../img/button02.png) 0 0 no-repeat;width:658px;height:54px;}
.button02 a:hover{background-position:0 -54px;}

.button02_02 {width:300px;height:58px;margin-bottom: 40px;float:right !important;}
.button02_02 a {display:block;text-indent:-9999px;background:url(../img/button02_02.png) 0 0 no-repeat;width:300px;height:58px;}
.button02_02 a:hover{background-position:0 -58px;}

.company {background-color: #fff;}
.company table {text-align:left;width:980px;margin: 0 auto;background-color: #fff;}
.company table th,.company table td {padding:10px 0}

.company .contBlock {
   width:980px;margin: 0 auto;
    overflow: hidden;
    text-align: left;
    clear: both;
}
.company #contBlockL {
    width: 100px;
    float: left;
        margin: 0 25px;
}
.company #contBlockR {
    float:right;
}
.company .contBlock dl dt {
    float: left;
    font-weight: bold;
    color: #041c5c;
    padding: 0 0 10px;
    margin: 0 0 14px;
}
.company .contBlock dl dd {
    color: #434446;
    border-bottom: #e5e5e5 2px solid;
    padding: 0 0 10px 12em;
    margin: 0 0 14px;
	width:640px;
}
.company .contBlock a {
    color: #1c2b59;
}

.company h2 {padding:40px 0;text-align:center;}

.company .contBlock dl dd li {
    border-bottom: #e5e5e5 2px solid;
    padding: 0 0 10px;
    margin: 0 0 10px;
}




.privacy {background-color: #fff;}
#privacyIntro {
    margin: 0 !important;
    font-size:114%;font-weight:bold;
}
.privacy .contBlock {
   width:940px;margin: 0 auto;
    overflow: hidden;
    text-align: left;
    clear: both;
	padding-bottom: 30px;
}
.privacy .contBlock p {
    margin: 0 0 15px;
}
.privacy h2 {padding: 40px 0;text-align:center;}
.privacy .contBlock h3 {
    color: #434446;
    font-weight: bold;
    font-size: 156.8%;
    margin: 0 0 20px;
    padding: 0 0 0 10px;
    border-left: 5px solid #000;
    border-bottom: 1px solid #434446;
}
.privacy .contBlock dt {
    color: #434446;
    font-weight: bold;
    font-size: 15px;
    margin: 10px 0;
}




.box01 {background:url(../img/home_bk.jpg) 0 0 no-repeat;background-size:cover;padding-bottom:70px;text-align:center;}
.box01 ul  {width:980px;margin:0 auto;}
.box01 ul li {float:left;margin-left: 25px;margin-bottom:25px;}
.box01 ul li:first-child, .box01 ul li:nth-of-type(3n+1) {margin-left:0;}
.box01 h2 {margin-bottom: 35px;}
.box01 .button01 {margin-bottom: 35px;}

.box01_logo {position:absolute;top: 251px;left:50%;}
.box01_logo img {margin-left:-141px;}



.home_button01 {width:280px;height:50px;position:absolute;bottom:15px;left:15px; display: none;}
.home_button01 a {width:280px;height:50px;display:block;text-indent:-9999px;background:url(../img/button01.png) 0 0 no-repeat;}
.home_button01 a:hover {background-position:0 -50px;}

.home_button02 {width:280px;height:50px;margin:0 auto;}
.home_button02 a {width:280px;height:50px;display:block;text-indent:-9999px;background:url(../img/button02.png) 0 0 no-repeat;}
.home_button02 a:hover {background-position:0 -50px;}

.home_button03 {width:280px;height:50px;position:absolute;bottom:15px;left:15px;}
.home_button03 a {width:280px;height:50px;display:block;text-indent:-9999px;background:url(../img/button03.png) 0 0 no-repeat;}
.home_button03 a:hover {background-position:0 -50px;}

.home_button04 {width:280px;height:50px;margin:0 auto;}
.home_button04 a {width:280px;height:50px;display:block;text-indent:-9999px;background:url(../img/button04.png) 0 0 no-repeat;}
.home_button04 a:hover {background-position:0 -50px;}

.tenpo_head {background:#000;position:relative;width: 310px;height:85px;}
.tenpo_head .label {position:absolute;top:10px;left:7px;}
.tenpo_head h3 {text-align:center;padding-top: 7px;height: 85px;box-sizing: border-box;}
.tenpo_head h3 a {display:inline-block;width:100%;height:100%;}
.tenpo_head h3.single {padding-top: 26px;}
.tenpo_bottom {background:#ffcc00;line-height:1.5;padding:12px;}
.tenpo_bottom .campaign {margin-bottom:5px;}
.tenpo_bottom .relative {margin-bottom:14px;}

.pink_color .tenpo_head {background:#eb6ea2;}
.pink_color .home_button01 a {width:280px;height:50px;display:block;text-indent:-9999px;background:url(../img/button01_2.png) 0 0 no-repeat;}
.pink_color .home_button01 a:hover {background-position:0 -50px;}
.pink_color .tenpo_bottom{background: #f7c9dd;}

.jusho,.jusho_text {text-align:left;}
.jusho {font-size:114%;margin-bottom:4px;}
.jusho span {background:#ffcc00;position:relative;z-index:888;padding-right:7px;letter-spacing:4px;font-weight:bold;}
div .border {width:100%;height:1px;border-top:1px solid #000;position:absolute;top:13px;z-index:887;}

.map {text-align:center;}
.map img {}
.t_left{text-align:left;}
.tel{margin-bottom:5px;}
.tel.t_left {display: none;}
.t_center{text-align:center;}

}







/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and ( max-width:479px )
{
	.pc_content{
	display:none !important;
}
.pc_img{
	display:none !important;
}
.sp_content{
	display:block !important;
}
.sp_img{
	display:inline !important;
}

img {width:100%;}


.header {background: rgba(0,0,0,0.8);
width:100%;border-bottom:1px solid #ffcc00;}
.inheader {}

h1 {padding:10px 14px 6px 14px}

.box01 {padding: 0 10px;}
.box01 .button01 {width:90%;margin:0 auto;margin-bottom: 20px;}

.ttl01 {padding:28px;background:#ffcd00 url(../img/sp/ttl01_bk.gif) center 300px no-repeat;background-size:90% auto;}
.ttl01 .ttl01_ttl {margin:0 auto;margin-bottom:20px;width:74%;}

.ttl01_photo dl {line-height: 0;}

.ttl01_photo dl.photo01 {background:#000;}
.ttl01_photo dl.photo01 dt {float:left;width: 25%;}
.ttl01_photo dl.photo01 dd {float:left;width:75%;text-align:center;}
.ttl01_photo dl.photo01 dd img {width:80%;padding-top: 1.2em;}

.button { margin: 5px 0px;}

table.photo00 {background:#000;line-height:0;}
table.photo00 td {padding: 32px 0;vertical-align:middle;}
table.photo00 td img {width:90%;}

table.photo01 {background:#ffcd00;line-height:0;}
table.photo01 th {width: 25%;}
table.photo01 td {width: 75%;vertical-align:middle;}
table.photo01 td img {width:70%;}

table.photo02 {background:000;line-height:0;}
table.photo02 th {width: 25%;}
table.photo02 td {width: 75%;vertical-align:middle;}
table.photo02 td img {width:80%;}

table.photo03 {background:#ffcd00;line-height:0;}
table.photo03 th {width: 25%;}
table.photo03 td {width: 75%;vertical-align:middle;}
table.photo03 td img {width:80%;}


.ttl01_photo dl.photo02 {background:#ffcd00;}
.ttl01_photo dl.photo02 dt {float:right;width: 25%;}
.ttl01_photo dl.photo02 dd {float:left;width:75%;text-align:center;}
.ttl01_photo dl.photo02 dd img {width:80%;padding-top:2.4em;}

.ttl01_photo dl.photo03 {background:#000;}
.ttl01_photo dl.photo03 dt {float:left;width: 28%;}
.ttl01_photo dl.photo03 dd {float:left;width:72%;text-align:center;}
.ttl01_photo dl.photo03 dd img {width:80%;padding-top: 2.4em;}


.box02 {padding: 0 10px;}
.ttl02 {background:#fff url(../img/sp/ttl02_bk.jpg) 0 0 no-repeat;}
.ttl02 .ttl02_ttl {padding: 20px;text-align: center;}
.ttl02 .ttl02_ttl img {}

.ttl02 .ttl02_img01 {line-height: 0;}
.ttl02 .ttl02_text {}
.ttl02 .ttl02_img02 {line-height: 0;padding-bottom:40px;}
.ttl02 .ttl02_img02 img {width:90%;}

.box02 .button02 {margin:0 auto;background:#ffcd00;padding-bottom:40px;}
.box02 .button02 img {width:90%;}


.box03 {padding: 0 10px;}
.ttl03 {background:#fff;}
.ttl03 .ttl03_ttl {text-align: center;margin-bottom: 20px;}
.ttl03 .ttl03_ttl img {width:74%;}
.ttl03 .ttl03_list {padding:0 28px 28px 28px;}

.box04 {padding: 0 10px;}
.box04 .left {float:none !important;padding:20px;}
.box04 .right {float:none !important;padding: 0 20px;margin-bottom:10px}
    
.box04 h2 {text-align:center;}
.box04 h2 img {    width: 30%;}
.box04_in {background:#ffcd00;padding: 20px 0;}
.box04_in table {margin-bottom:10px;   border-top: 1px solid #000;
    width: 100%;}
.box04_in table th {padding-bottom:7px;color:#ffcc00;font-size:114%;padding-top:10px;}
.box04_in table .bb { border-bottom: 1px solid #000;}

.box04 table th {font-weight:bold;}
.box04 table th,.box04 table td {text-align:left;color:#000;}

.company {background-color: #fff;padding:0 14px;}
.company table {text-align:left;width:auto;margin: 0 auto;background-color: #fff;}
.company table th,.company table td {padding:10px 0}

.company .contBlock {
   width:auto;margin: 0 auto;
    overflow: hidden;
    text-align: left;
    clear: both;
}
.company #contBlockL {
	width:32%;margin:0 auto;
}
.company #contBlockR {
}
.company .contBlock dl dt {
    font-weight: bold;
    color: #041c5c;
    padding: 0 0 10px;
}
.company .contBlock dl dd {
    color: #434446;
    border-bottom: #e5e5e5 2px solid;
    margin: 0 0 14px;
	width:auto;
}
.company .contBlock a {
    color: #1c2b59;
}

.company h2 {padding:20px 0;width: 60%;margin: 0 auto;}

.company .contBlock dl dd li {
    padding: 0 0 10px;
}




.privacy {background-color: #fff;padding:0 14px;}
#privacyIntro {
    margin: 0 !important;
    font-size:100%;font-weight:bold;
}
.privacy .contBlock {
   width:auto;margin: 0 auto;
    overflow: hidden;
    text-align: left;
    clear: both;
	padding-bottom: 30px;
}
.privacy .contBlock p {
    margin: 0 0 15px;
}
.privacy h2 {padding:20px 0;}
.privacy .contBlock h3 {
    color: #434446;
    font-weight: bold;
    font-size:114%;
    margin: 0 0 20px;
    padding: 0 0 0 10px;
    border-left: 5px solid #000;
    border-bottom: 1px solid #434446;
}
.privacy .contBlock dt {
    color: #434446;
    font-weight: bold;
    font-size:100%;
    margin: 10px 0;
}

.notation_h2 {width: 70%;margin: 0 auto;}
.rule_h2 {width: 28%;margin: 0 auto;}


.footer {clear:both;font-size:92.6%;position: relative;text-align:left;padding:20px 14px 0 14px;}
.footer a {color:#fff;display: block;text-decoration:none !important;border-bottom:1px solid #ffcd00;}
.copy {color:#ffcc00;font-size:85.5%;padding:16px 0 30px 0;}
.footer ul {}
.footer ul li {margin-bottom:10px;}
.footer ul li a:before {content:"・";color:#ffcd00;}
.footer ul li.first {}
.footer ul li.current a {color:#bbb;}





.box01 h2 {margin-bottom:20px;line-height: 0;}
.home_buttons {width:90%;margin:0 auto;    line-height: 0;margin-bottom:20px;}
.home_buttons ul li {margin-bottom:10px;}

.tenpo {line-height:0;width:90%;margin:0 auto;}
.tenpo ul li p {padding:5px 0;}
.tenpo ul li p:first-child {padding-top:0;}
.tenpo ul li p.jusho_text {line-height:1.6;font-size:92.6%;}
.tenpo ul li p.home_button02 {width:95%;margin:0 auto;padding:10px 0 20px 0;}

.tenpo li { background:#ffcd00;}
.tenpo li.pink_color { background:#f7c9dd;}


}



.widthauto {width:auto;}
.p10 {padding:0 10px;}
