@charset "utf-8";
body {background-image: none;font-size: 16px !important;}
.tb {background-color: cadetblue;}
.lrpd5 {padding-left: 5px; padding-right: 5px;}
.lrpd10 {padding-left: 10px; padding-right: 10px;}
.lrpd15 {padding-left: 15px; padding-right: 15px;}

.lrpd20 {padding-left: 0px; padding-right: 0px;}

.lrpd_n5 {padding-left: 0px; padding-right: 0px;}
.lrpd_n10 {padding-left: 0px; padding-right: 0px;}
.lrpd_n15 {padding-left: 0px; padding-right: 0px;}

.spmgt15 {margin-top: 0px;}
.spmgb {margin-bottom:130px; }
.spmgb2 {margin-bottom:60px; }

.nml_tac {text-align: center; width: 70%;}
.nml_tac2 {text-align: center;}

.sht_box_c {}
.br_non {display: block;}

.pcon{display: block !important;}
.spon{display: none !important;}

.pcbkon{background-image: url(images/lin_back01.png)!important;}
.spbkon{background-image: url(images/rogo_nukk_01.png)!important;}

.il_t_aln_r { text-align: right; }
.il_t_aln_l { text-align: left; }
.trbr,.trbrc { display: initial; text-align:initial; }

.flr_tno {float: right;}
.fll_tno {float: left;}

.rec_sc20 {
 margin-left: 2%;
}
.rec_scn2 {
 margin-left: 0px;
}

.d100P {
	width: auto;
background-size:auto;
}

.ovf_h {
overflow: hidden;
}


.irglr .bx-pager {
 display: block;
}
.tempo .sspcs .books {margin-left: 2%;}

.tempo {
 background-image: url(images/idx_tenpo_bk.png);
 background-repeat: no-repeat;
 background-position: top right;
}

.tempos img{
 padding: 30px 0px;
 max-width: 171px;
 width: 100%;
}


.ftcop p {
 padding: 10px 0px;
}
.ftcop {
 display: block;
 float: left;
 padding-left: 50px;
 color:#222222;
 font-size: 14px;
 text-align: left;
}

.copif th,.copif td {
 display: table-cell;
}

.gyo_mmg1 { margin-top: -125px; display: block; overflow: hidden;}
.gyo_mmg2 { margin-top: 145px;}
.gyo_mmg3 { margin-top: -45px; display: block; overflow: hidden;}
.gyo_mmg3a { margin-top: 0px; display: block; overflow: hidden;padding-top: 50px; border-top: solid 2px #235aa7;}
.gyo_mmg4 { margin-top: 70px;}

.tmplistmp .ot1_1 ,.tmplistmp .ot1_2 ,.tmplistmp .ot2 {
    display: table-cell;
}


.sp-thumbnail:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
.sp-bottom-thumbnails {
padding-top: 15px;
}


/*===========================================================================*/

@media ( max-Width : 1079px ) {
.pcon{display: none !important;}
.spon{display: block !important;}
.trbr { display: block; }
.trbrc { display: block; text-align: center; }

.spmgt15 {margin-top: 15px;}
	.spmgb {margin-bottom:40px; }
	.spmgb2 {margin-bottom:10px; }

.spbkon{background-image: url(images/lin_back01.png)!important;}
.pcbkon{background-image: url(images/rogo_nukk_01.png)!important;}
 
.lrpd20 {padding-left: 20px; padding-right: 20px;}
	
.lrpd_n5 {padding-left: 5px; padding-right: 5px;}
.lrpd_n10 {padding-left: 10px; padding-right: 10px;}
.lrpd_n15 {padding-left: 15px; padding-right: 15px;}

.flr_tno {float: none;}
.fll_tno {float: none;}

.rec_sc20 {
 margin-left: 0px;
}
.rec_scn2 {
 margin-left: 2%;
}

.nml_tac {text-align: center; width: 100%;}
.sht_box_c {
display: table;
margin-left: auto !important;
margin-right: auto !important;
}

	.d100P {
	max-width: 100%;
background-size:100%;
}


#list_area {
    padding: 15px 0;
}
.lists {display: none;}

 
#header,#g_wrapper { background-image:none;}
body {
background-image: url("images/res_bk.png") !important;
background-position: left top !important;
background-repeat: no-repeat !important;
font-size: 16px !important;
}

div#header div#head_area div.spon.obbt a:hover{
text-decoration: none;
color:#ffff00;
}

#menubtn {
    background-image: url("images/sp_menu_bk.gif");          
    display: block;
    float: none;
    margin-left: 0;
    position: relative;
    width: 100%; 
    border-bottom: 1px solid #fff;
    color: #eee;
    font-size: 18px;
    font-weight: bold;
    padding: 8px 8px 8px 15px;
    text-align: center;
  margin-top: 14px;
cursor: pointer;
cursor: hand;
}
#menubtn span {
 background-position: left 48%;
  padding: 0 20px;
background-repeat: no-repeat;
}

div#head_area div.spon.obbt div#menubtn.active span{
    background-image: url("images/sp_menu_ttlbk_ov.gif");
}

div#head_area div.spon.obbt div#menubtn span{
    background-image: url("images/sp_menu_ttlbk_no.gif");
}

#gnavi {
display:none;
   position: absolute;
    clear: both;
    float: left;
    margin-left: 0;
    margin-top: 0;
    text-align: center;
    width: 100%;
   z-index:5;
}

#gnavi li {
    background-image: url("images/sp_menu_bk.gif");
    display: block;
    float: none;
    margin-left: 0;
    position: relative;
    width: 100%;
}

 #gnavi a {
    background-image: none;
    background-position: -50% 47%;
    background-repeat: no-repeat;
    border-bottom: 1px solid #014099;
    color: #eee;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 8px 8px 8px 15px;
    text-align: center;
}

	
.top_info ul:nth-child(even) li {
    border-left: none;
}




#contents {
	width:100%
}
#g_wrapper{min-width: 100%;}
#header {min-width:100%;}
#head_area {width:100%;}
#sgmain {width:100%;}
#foot_area { width:100%; }
 
.il_t_aln_r { text-align: center; }
.il_t_aln_l { text-align: center; }
 
 
.irglr .bx-pager {
 display: none;
}

.bx-wrapper img {
    display: block;
    height: auto;
    width: 100%;
}


.blie_bline {
    background-size: auto 80% !important;
    padding: 7% 0 !important;
}


/* .tempo .sspcs .sspn_8,  170118 agn */
#chall .sspn_6
 { width: 49.0%; }

.tempo .sspcs .books,
#chall .nosp ,
.place .nosp
 {margin-left: 0% !important;}

#chall2 .sspn_8
 { width: 49.0%; }



.tempo {
 background-image: url(images/idx_tenpo_bk.png);
 background-repeat: no-repeat;
 background-position: bottom right;
 font-size: 14px;
 background-size: 45% auto;
}

.tempos img{
 padding: 30px 5px;
}

#chall .clttl p,
#chall2 .clttl p {
background-position: 95% 50%;
}

.ftcop p {
 padding: 10px;
}

.ftcop {
 display: block;
 float: none;
 padding-left: 0px;
 color:#222222;
 font-size: 14px;
 text-align: center;
}

.copif th,.copif td {
 display: block;
 padding: 10px 20px;
}

.copif th { width: 100%; }
.tbl_co { background-color: #fff;}

.gyotai .gy_title { background-image: none;}
.gyo_mmg1,.gyo_mmg2,.gyo_mmg3,.gyo_mmg4 { margin-top: 10px;}


.mg_l100{margin-left:40px;}
.rt2box{padding: 35px 20px;}

.traimaps {
background-image: none;
text-align: center;
}

.place .sspn_6
 { width: 49.0%; }

.place img {
 width: 100%;
}
 
.nagare {
    background-image: none;
    padding: 0px 20px;
}


.vbox_b,.vbox_g {
 width: 48%;
 margin-right: 2%;
}

.senptmp .pd_l20 {
    margin-left: 2% !important;
    padding-left: 0 !important;
}

.tl1 {
min-height: 0px;
}

.quest {
background-size: 100% 100%;
}


.tmplistmp .ot1_1 ,.tmplistmp .ot1_2 {
    display: block;
    padding: 10px 20px;
}
.tmplistmp .ot2 {
    display: block;
    padding: 0px 0px;
}


	.otline {
    border-top: solid 1px #c2c2c2;
    border-left: solid 1px #c2c2c2;
    max-width: 650px;
}



.ot1_1 {	width: 100%; background-color: #c2c2c2;}
.ot1_2 {	width: 100%; background-color: #c2c2c2;}
.ot2 {	width: 100%;}

.ot2 .tline {
    border-bottom: none;
    border-right: none;
    vertical-align: middle;
}


.tmplistmp .gyotais,.tmplistmp .gtimes,
.tmplistmp .gtells,.tmplistmp .obbt
{
    display: block;
    padding-bottom: 0px;
    padding-top: 0px;
	width: auto;
}

.top_title_sh .ot1_1 ,
.top_title_sh .ot1_2 ,
.top_title_sh .gyotais ,
.top_title_sh .gtimes ,
.top_title_sh .gtells ,
.top_title_sh .gurls {
border-bottom:solid 1px #c2c2c2;
}
	
	
.gurls {
    margin-left: 81.42%;
    position: relative;
    text-align: center !important;
    width: 30%;
}

.ot2 .obbt {
    margin: 0 25%;
    position: absolute;
}


.ot2 table {
    border-top: 1px solid #c2c2c2;
    padding: 10px 0;
}

.tmplistmp .ot1_1 .tline{
		border-bottom: none;
	}


.ot2 .gtimes ,
	.ot2 .gtells {
		background-position: 25% 50%;
		background-repeat: no-repeat;
		background-size: auto 90%;
	}

	.ot2 .gtimes{background-image: url(images/tempo_time.png);}
	.ot2 .gtells{background-image: url(images/tempo_tell.png);}

#toifm th {
    display: block;
    padding: 15px 20px 0px;
    text-align: left;
    width: 100%;
}

.mw_wp_form_preview th {
    display: block;
    padding: 15px 20px 0px !important;
    text-align: left;
    width: 100%;
    border-bottom: 1px solid #cdcdcd;
}


#toifm th {
    background: rgba(0, 0, 0, 0) url("images/fom_maek.png") no-repeat scroll 90% 10px;
}

.mw_wp_form_preview td {
    background-color: #efefef;
    border-bottom: 1px solid #cdcdcd;
    vertical-align: middle !important;
}


#toifm td {
    display: block;
    padding: 5px 20px 10px;
    text-align: left;
    width: 100%;
}

.mw_wp_form_input .btn input,
.mw_wp_form_confirm .btn input,
#submitback input,
.mw_wp_form_input .btn input:hover,
.mw_wp_form_confirm .btn input:hover,
#submitback input:hover{
padding: 10px 10px 0;
	width: 100%;
max-width: 352px;
	background-size: 100% auto;
}


#toifm th p {
    text-align: left;
}




input[type="text"],input[type="email"],#toiawase {
    border: 2px solid #d3d3d3;
    font-size: 16px;
    margin: 0px;
    padding: 10px 5px;
    width: 100%;
}













}




@media ( max-Width : 519px ) {

.br_non {display: none;}

.tempos img {
    padding: 20px 10px;
}


.bname { font-size: 21px; }
.busyo { font-size: 14px; }
.contmp .ttl2 { font-size: 22px; }

#chall .clttl p,
#chall2 .clttl p {
    font-size: 16px;
    padding: 20px 20px 20px 0;
}

	.gyotai div.hang.spn_20 p.font22-125.font_b.lrpd_n10 {
font-size: 21px;
}

	.gyotai .gyo_p {font-size: 20px;}


.ot2 .gtimes ,
	.ot2 .gtells {
		background-position: 13% 50%;
		background-repeat: no-repeat;
		background-size: auto 90%;
	}

}