@charset "utf-8";


@font-face{
	font-family:"MotoyaAr04pMaruN";
	src:url("//fonts.bangumi.org/motoya/mr3_arpH.woff") format('woff');
}


@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}

@font-face {
	font-family: "Yu Mincho";
	src: local("Yu Mincho Medium");
	font-weight: 100;
}

@font-face {
	font-family: "Yu Mincho";
	src: local("Yu Mincho Medium");
	font-weight: 200;
}

@font-face {
	font-family: "Yu Mincho";
	src: local("Yu Mincho Medium");
	font-weight: 300;
}

@font-face {
	font-family: "Yu Mincho";
	src: local("Yu Mincho Medium");
	font-weight: 400;
}


html {
	font: normal normal normal 62.5%/1 "Lato", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, MS PGothic, sans-serif;
}


.mincho{
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
}
	
body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	background-color: rgba(255, 255, 255, 1);
	position: relative;
	color: #000;
	color: rgba(0, 0, 0, .8);
	text-rendering: optimizeLegibility;
	font-feature-settings : "palt" 1;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-kerning: normal;
			font-kerning: normal;
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
}

.win body{
	line-height:1.8rem;
	}
a {
	color:#0086d3;
	text-decoration: none;
	-webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}
a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
a,
input,
select,
textarea,
button,
*:before,
*:after {
	-webkit-transition:  opacity 0.4s ease;
	        transition:  opacity 0.4s ease;
	-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}

a:focus,
input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}

img {
	width: 100%;
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
		interpolation-mode: bicubic;
	-webkit-backface-visibility: hidden;
}

.pc_off{
	display:none;
	}
.sp_off{
	display:block;
	}
.onon{
	display:block !important;
}
	

.cl{
	clear:both;
	}
img.preload{
	display:none;
}
::-moz-selection
{
    background: #6dc9ed;
}
::selection
{
    background: #6dc9ed;
}

/* Safari */
::-moz-selection
{
    background: #6dc9ed;
}


.en {
	font-family: 'Josefin Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	font-weight:700;
}
.en_semi {
	font-family: 'Josefin Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	font-weight:600;
}


@media screen and ( max-width: 600px ) {

	.en, .en_semi {
		letter-spacing: .1rem;
	}

}


/* ==========================================================================
	header
========================================================================== */
#header{
	width:100%;
	position:relative;
	}
	
	

/*-------- menu　--------*/	
#menu{
	width:100%;
	position:relative;
	min-height:82px;
	box-sizing:border-box;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
    -webkit-box-shadow: 0px 1px 1px 1px rgba(212,212,212,0.6);
    -moz-box-shadow: 0px 1px 1px 1px rgba(212,212,212,0.6);
    box-shadow: 0px 1px 1px 1px rgba(212,212,212,0.6);
	z-index:1000;
	background:#fff;
	}

#menu h1{
	width:210px;
	}	
#menu h1 a{
	display:block;
	background:#24ade2;
	height:82px;
	position:relative;
	padding-top:23px;
	box-sizing:border-box;
	text-align:center;
	}
.h_2023 #menu h1 a{
	background:#fff;
}

#menu h1 a img{
	width:87px;
	}
#menu h1 a svg{
	width:87px;
	}
#menu h1 a .cls-1{
	fill:#00afaf;	
}

	
#menu ul{
	width:calc(100% - 290px);
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}
#menu ul li{
	height:82px;
	width:16.66%;
	border-left:1px solid #d6d6d6;
	box-sizing:border-box;
	position:relative;
	}
	
#menu ul li:frist-child{
	border-left:none;
	}
#menu ul li a{
	display:block;
	width:100%;
	height:82px;
	color:#000;
	font-size:16px;
	font-weight: bold;
	padding-top:33px;
	box-sizing:border-box;
	/*
	font-family: "ヒラギノ角ゴ Pro W3";
	*/
	}
.win #menu ul li a{
	font-size:14px;
	}
#menu ul li .fix_menu{
	display:none;
	width:0;
	height:0;
	
	}
#menu ul li a span{
	display:block;
	position:relative;
	font-weight: bold;
	margin:0 auto;
	letter-spacing:0.05em;
	box-sizing:border-box;
	}
#menu ul li a span:before{
	content:"";
	display:block;
	position:absolute;
	}
	
/*テレビ*/
#menu ul .menu_tv a span{
	width:102px;
	padding-left:50px;
	}
#menu ul .menu_tv a span:before{
	background:url(../image2018/tv-icon.png);
	background-size:cover;
	width:38px;
	height:26px;
	position:absolute;
	left:0;
	top:-5px;
	-webkit-transition: top 0.4s ease;
    -moz-transition: top 0.4s ease;
    -o-transition: top 0.4s ease;
    transition: top 0.4s ease;
	}
#menu ul .menu_tv a:hover span:before{
	top:-10px;
	}
	
/*ラジオ*/
#menu ul .menu_radio a span{
	width:95px;
	padding-left:45px;
	}
.win #menu ul .menu_radio a span{
	width:105px;
	}
#menu ul .menu_radio a span:before{
	background:url(../image2018/radio-icon.png);
	background-size:cover;
	width:35px;
	height:26px;
	position:absolute;
	left:0;
	top:-9px;
	-webkit-transition: top 0.4s ease;
    -moz-transition: top 0.4s ease;
    -o-transition: top 0.4s ease;
    transition: top 0.4s ease;
	}
#menu ul .menu_radio a:hover span:before{
	top:-14px;
	}
	
/*アナウンサー*/
#menu ul .menu_ana a span{
	width:135px;
	padding-left:34px;
	}
#menu ul .menu_ana a span:before{
	background:url(../image2018/ana-icon.png);
	background-size:cover;
	width:23px;
	height:30px;
	position:absolute;
	left:0;
	top:-7px;
	-webkit-transition: top 0.4s ease;
    -moz-transition: top 0.4s ease;
    -o-transition: top 0.4s ease;
    transition: top 0.4s ease;
	}
#menu ul .menu_ana a:hover span:before{
	top:-12px;
	}
	
/*イベント*/
#menu ul .menu_event a span{
	width:102px;
	padding-left:38px;
	}
.win ul .menu_event a span{
	width:110px;
	}
#menu ul .menu_event a span:before{
	background:url(../image2018/event-icon.png);
	background-size:cover;
	width:26px;
	height:30px;
	position:absolute;
	left:0;
	top:-7px;
	-webkit-transition: top 0.4s ease;
    -moz-transition: top 0.4s ease;
    -o-transition: top 0.4s ease;
    transition: top 0.4s ease;
	}
	
#menu ul .menu_event a:hover span:before{
	top:-12px;
	}
	
/*お役立ち*/
#menu ul .menu_useful a span{
	width:102px;
	padding-left:32px;
	}
#menu ul .menu_useful a span:before{
	background:url(../image2018/useful-icon.png);
	background-size:cover;
	width:21px;
	height:30px;
	position:absolute;
	left:0;
	top:-7px;
	-webkit-transition: top 0.4s ease;
    -moz-transition: top 0.4s ease;
    -o-transition: top 0.4s ease;
    transition: top 0.4s ease;
	}
#menu ul .menu_useful a:hover span:before{
	top:-12px;
	}

/*20230815追記分*/
/*天気*/
#menu ul .menu_tenki a span{
	width:88px;
	padding-left:45px;
	}
#menu ul .menu_tenki a span:before{
	background:url(../image2023/tenki-icon.png);
	background-size:cover;
	 width: 38px;
    height: 27px;
    position: absolute;
    left: 0;
    top: -8px;
	-webkit-transition: top 0.4s ease;
    -moz-transition: top 0.4s ease;
    -o-transition: top 0.4s ease;
    transition: top 0.4s ease;
	}
#menu ul .menu_tenki a:hover span:before{
	top:-12px;
	}

/*//20230815追記分*/

/*スクープボタン追記分*/
.scoop_btn{
	width:80px;
	height:82px;
	padding-top:17px;
	background:#41aad5;
	color:#fff;
	text-align:center;
	box-sizing:border-box;
	font-size:13px;
	font-weight:bold;
	-webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
	}
.scoop_btn img{
	width:33px;
	margin-bottom:8px;
	}
	
/*検索窓*/
#serchbtn{
	width:80px;
	height:82px;
	padding-top:17px;
	background:#e4e4e4;
	text-align:center;
	box-sizing:border-box;
	font-size:12px;
	font-weight:bold;
	/*
	cursor: pointer;
	*/
	-webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
	}
#serchbtn img{
	width:22px;
	margin-bottom:8px;
	}
	/*
#serchbtn:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

*/
#search_area{
	display:none;
	z-index:9999;
	position:fixed;
	top:84px;
	left:0;
	right:0;
	margin:auto;
	background:#fff;
	width:100%;
	height:118px;
	padding-top:28px;
	box-sizing:border-box;
	}
#search_bg{
	display:none;
	z-index:500;
	position:fixed;
	top:84px;
	left:0;
	right:0;
	margin:auto;
	background:#fff;
	width:100%;
	height:118px;
	width:100%;
	height:calc(100% - 84px);
	background:#000;
	filter: alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;
	}
#search_area:after{
	position:asbolute;
	}

.search{
	position:relative;
	width:calc(100% - 30px);
	max-width:820px;
	margin:0 auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-sizing:border-box;
	overflow:hidden;
	height:60px;
	border:1px solid #b9b9b9;
	box-shadow:0px 0px 4px 0px rgba(212,212,212,0.6) inset;
	}
.search dt{
	width:calc(100% - 60px);
	height:60px;
	box-sizing:border-box;
	border:none;
	padding-left:10px;
}
.search dt input{
	width:100%;
	height:60px;
	font-size:14px;
	background:none;
	border:none;
	font-family:"Lato", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, MS PGothic, sans-serif;

}
.search dd{
	position: absolute;
	top:0;
	right:0;
	width:60px;
}
#searchBtn{
	display:block;
	width:60px;
	height:60px;
	color:#fff;
	text-align:center;
	border:none;
	background:url(../image2018/serch-icon2.png) #575757 center center no-repeat;
	background-size:cover;
	width: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  
}





/*-------- menu.fixed　--------*/

#menu.fixed{
margin-top:0 !important;	
}
#menu.fixed ul{
	width:calc(100% - 210px);
	}
#menu.fixed{
	position:fixed;
	background: #fff!important;
	/*
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	*/
	}
	

#menu.fixed ul li .fix_menu{
	display:block;
	position:absolute;
	width:70px;
	height:44px;
	right:0px;
	top:0;
	bottom:0;
	padding-top:2px;
	margin:auto;
	text-align:center;
	border-left:1px dotted #169ae6;
	font-size:11px;
	letter-spacing:0.18em;
	}
#menu.fixed ul .menu_radio .fix_menu{

	border-left:1px dotted #ffa60a;

}
#menu.fixed ul li .fix_menu img{
	width:21px;
	margin-bottom:5px;
	
	}

#menu.fixed ul .menu_tv,
#menu.fixed ul .menu_radio{
	padding-right:70px;
	width:20%;
	}

#menu.fixed ul .menu_event,
#menu.fixed ul .menu_ana,
#menu.fixed ul .menu_useful,
#menu.fixed ul .menu_tenki{
	width:15%;
	}
	
	
/*検索窓*/
#menu.fixed #serchbtn,
#menu.fixed .scoop_btn{
	display:none;
	}
/*-------- header_info　--------*/
#header_info{
	display:block;
	width:100%;
	z-index:100;
	background:#f4f4f4;
	padding:20px 0;
	box-sizing:border-box;
	position:relative;
	}

/*冬用背景*/
#header_info.winter:before{
	content:"";
	display:block;
	width:91px;
	height:106px;
	position:absolute;
	left:0;
	top:0;
	background:url(../image2018/winter_bg1.png);
	background-size:cover;
	}	
#header_info.winter:after{
	content:"";
	display:block;
	width:92px;
	height:106px;
	position:absolute;
	top:0;
	right:0;
	background:url(../image2018/winter_bg2.png);
	background-size:cover;
	z-index:-1;
	}	
	
/*春用背景*/
#header_info.spring:before{
	content:"";
	display:block;
	width:88px;
	height:110px;
	position:absolute;
	left:0;
	top:0;
	background:url(../image2018/spring_bg1.png);
	background-size:cover;
	}	
#header_info.spring:after{
	content:"";
	display:block;
	width:88px;
	height:110px;
	position:absolute;
	top:0;
	right:0;
	background:url(../image2018/spring_bg2.png);
	background-size:cover;
	z-index:-1;
	}
	
	
/*6月用背景*/
#header_info.june:before{
	content:"";
	display:block;
	width:102px;
	height:120px;
	position:absolute;
	left:0;
	top:0;
	background:url(../image2018/june_bg1.png);
	background-size:cover;
	}	
#header_info.june:after{
	content:"";
	display:block;
	width:102px;
	height:120px;
	position:absolute;
	top:0;
	right:0;
	background:url(../image2018/june_bg2.png);
	background-size:cover;
	z-index:-1;
	}
/*夏用背景*/
#header_info.summer:before{
	content:"";
	display:block;
	width:88px;
	height:110px;
	position:absolute;
	left:0;
	top:0;
	background:url(../image2018/summer_bg1.png);
	background-size:cover;
	}	
#header_info.summer:after{
	content:"";
	display:block;
	width:88px;
	height:110px;
	position:absolute;
	top:0;
	right:0;
	background:url(../image2018/summer_bg2.png);
	background-size:cover;
	z-index:-1;
	}
	
/*秋用背景*/
#header_info.autom:before{
	content:"";
	display:block;
	width:74px;
	height:118px;
	position:absolute;
	left:0;
	top:0;
	background:url(../image2018/autom_bg1.png);
	background-size:cover;
	}	
#header_info.autom:after{
	content:"";
	display:block;
	width:74px;
	height:118px;
	position:absolute;
	top:0;
	right:0;
	background:url(../image2018/autom_bg2.png);
	background-size:cover;
	z-index:-1;
	}

.header_info_inr{
	width:calc(100% - 30px);
	max-width:1170px;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
    align-items: center;
	position:relative;
	margin:0px auto;
	box-siing:border-box;
	}
.header_info_inr:before{
	content:"";
	display:block;
	position:absolute;
	left:0;
	bottom:-20px;
	width:68px;
	height:100px;	
	background:url(../image2018/arpo.png);
	background-size:cover;
	}
.tppg:before{
	background:url(../image2018/arpo_top.png);
	background-size:cover;
	}
.hspg:before{
	background:url(../image2018/arpo.png);
	background-size:cover;
	}
.header_info_inr h1{
	width:320px;
	font-size:28px;
	font-weight:bold;
	padding:20px 0 0 66px;
	box-sizing:border-box;
	margin-right:38px;
	line-height:45px;
    /*
	float:left;
	*/
    vertical-align:middle;
	}
.header_info_inr h1 span{
	display:inline-block;
	font-family: 'Josefin Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	font-weight:900;
	color:#23ade5;
	font-size:45px;
	padding:0 5px;
line-height:45px;
	}


.now_area{
	width:calc(100% - 39.3% - 320px);
    width: 27.35%;/*--220525追記--*/    
    max-width:calc((100% - 480px)/2);/*--220525追記--*/
    /*
	float:left;
	*/
    background:#fff;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(212,212,212,0.9);
    -moz-box-shadow: 0px 2px 0px 0px rgba(212,212,212,0.9);
    box-shadow: 0px 2px 0px 0px rgba(212,212,212,0.9);
	padding:10px 10px 10px 20px;
	box-sizing:border-box;
	}
.radio_onair{
    /*
	float:right;
    */
}	

.now_area .l_box{
	float:left;
    width:calc(100% - 80px);
	padding-top:4px;
	}
.now_area h2{
	width:35px;
	float:left;
	font-size:18px;
	color:#0091e4;
	font-weight:bold;
	height:18px;
	padding-top:3px;
	box-sizing:border-box;
	vertical-align:bottom;
	line-height:16px;
	}
.radio_onair h2{
	width:65px;
	color:#ffa60a;
	}	
	
.now_area .bg_txt{
	display:block;
	float:left;
	width:80px;
	padding:1px 5px 0;
	font-weight:bold;
	letter-spacing:0.03em;
	box-sizing:border-box;
	height:16px;
	font-size:13px;
	text-align:center;
	vertical-align:middle;
	}
.tv_onair .bg_txt{
	background:#d6edfb;
	color:#0091e4;
	}
.radio_onair .bg_txt{
	background:#fff1d8;
	color:#ffa60a;
	}

.now_area .time{
	display:block;
	float:left;
	width:93px;
	font-size:12px;
	color:#575757;
	padding-left:18px;
	vertical-align:middle;
	position:relative;
	box-sizing:border-box;
	height:18px;
	font-weight:bold;
	margin-left:12px;
filter: alpha(opacity=80);
-moz-opacity:.8;
opacity:.8;
	}
.win .now_area .time{	

	width:95px;
	font-size:10px;
}
.now_area .time:before{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:-1px;
	width:14px;
	height:14px;
	background:url(../image2018/time-icon.png);
	background-size:cover;
	}
.now_area .onair_tit{
	width:100%;
	padding-top:9px;
	margin-top:5px;
	border-top:1px solid #d6d6d6;
	font-size:12px;
	font-weight:bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing:border-box;
	}
.tv_onair .onair_tit{
	color:#0086d3;
	font-family:'MotoyaAr04pMaruN' !Important;
	}
	
.radio_onair .onair_tit{
	color:#ffa60a;
	}
	
	
	
.now_area .schedule{
	width:60px;
	height:60px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	box-sizing:border-box;
	text-align:center;
	float:right;
	display:block;
	padding-top:9px;
	}	
	
.tv_onair .schedule{
	background:#0091e4;
	}
.radio_onair .schedule{
	background:#ffa60a;
	}
.now_area .schedule img{
	width:21px;
	margin-bottom:7px;
	}
	
	
/*--220525追記--*/
.header_info_inr .sdgs{

    display: flex;
    align-items: center;
    justify-content: center; 
    width: 120px;
    height: 80px;
    background:#fff;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(212,212,212,0.9);
    -moz-box-shadow: 0px 2px 0px 0px rgba(212,212,212,0.9);
    box-shadow: 0px 2px 0px 0px rgba(212,212,212,0.9);
}
.header_info_inr .sdgs img{
    width: 58px;
}
@media screen and ( max-width: 1170px ) {


#menu h1{
	width:16%;
	}
#menu ul{
	width:calc(100% - 16% - 70px);
	}
#menu.fixed ul{
	width:calc(100% - 16%);
	}
#menu ul li a{
	font-size:14px;
	}
	
.win #menu ul li a{
	font-size:13px;
	}
.header_info_inr h1{
	margin-right:20px;
	}
#menu.fixed ul .menu_tv, #menu.fixed ul .menu_radio{
	padding-right: 0;
	width: 16%;
}
#menu.fixed ul li .fix_menu{
	display:none
	}
.now_area .bg_txt{
	display:block;
	float:left;
	width:75px;
	padding:1px 5px 0;
	height:16px;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
	}
/*テレビ*/
#menu ul .menu_tv a span{
	width:92px;
	padding-left:50px;
	}
	
/*ラジオ*/

#menu ul .menu_radio a span{
	width:90px;
	}
	

.win #menu ul .menu_radio a span{
	width:95px;
	}


/*アナウンサー*/
#menu ul .menu_ana a span{
	width:125px;
	padding-left:34px;
	}
		
/*イベント*/
#menu ul .menu_event a span{
	width:92px;
	padding-left:38px;
	}
.win #menu ul .menu_event a span{
	width:97px;
	padding-left:38px;
	}
	
/*お役立ち*/
#menu ul .menu_useful a span{
	width:92px;
	padding-left:32px;
	}
	
/*スクープボタン追記分*/
.scoop_btn{
	width:70px;
	height:82px;
	font-size:13px;
	}

#serchbtn{
	width:70px;
	height:82px;
	padding-top:17px;
	background:#e4e4e4;
	text-align:center;
	box-sizing:border-box;
	font-size:12px;
	font-weight:bold;
	}
#serchbtn img{
	width:22px;
	margin-bottom:8px;
	}

	
.now_area{
	width:calc(50% - 175px);
	}
	
.now_area .time{
	display:none;
	}
	}
@media screen and ( max-width: 900px ) {
.header_info_inr h1{
	width:245px;
	margin-right:5px;
	padding:15px 0 0 0;
	box-sizing:border-box;
	}
.now_area{
	width:calc(50% - 130px);
	}
.header_info_inr:before{
	display:none;
	}
	
.radio_onair h2 {
    font-size: 17px;
    width: 60px;
	}
#menu.fixed ul li .fix_menu{
	width:60px;
	height:44px;
	}
	/*

#menu.fixed ul .menu_tv,
#menu.fixed ul .menu_radio{
	padding-right:60px;
	}
	*/
    
    /*--220525追記--*/
    .now_area{
        max-width: calc((100% - 400px)/2);
    }
}
@media screen and ( max-width: 800px ) {

	#header{
		width:100%;
		position:relative;
		}
	#menu{
		width:100%;
		background:#24ade2;
		display:block;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-transition:margin 0.4s ease;
		-moz-transition: margin 0.4s ease;
		-o-transition: margin 0.4s ease;
		transition: margin 0.4s ease;
	}
	.h_2023	#menu{
		background:#00afaf;
	}
	.h_2023 #menu h1 a{
		background:none;
	}
	#menu h1 a svg{
		width: 74px;
		}
	#menu h1 a .cls-1{
		fill:#fff;
	}
	#menu.fixed{
		min-height:50px;
		-webkit-box-shadow: 0px 2px 0px 0px rgba(214,214,214,1);
		-moz-box-shadow:  0px 2px 0px 0px rgba(214,214,214,1);
		box-shadow:  0px 2px 0px 0px rgba(214,214,214,1);
		-webkit-transition:position 0.4s ease;
		-moz-transition: position 0.4s ease;
		-o-transition: position 0.4s ease;
		transition: position 0.4s ease;
		top:0;
		}
	#menu.mt{
	margin-top:180px;	
	}
	#menu.mt.fixed{
		margin-top: 0;
	}

	#menu h1{
		width:98px;
		float:left;
		}	
	#menu h1 a{
		display:block;
		height:74px;
		position:relative;
		padding-top:20px;
		margin-left:15px;
		box-sizing:border-box;
		text-align:center;

		}
	#menu h1 a img{
		width:100%;
		}
	#menu .sp_submenu{
		width:250px;
		float:right;
		padding-right:10px;
		box-sizing:border-box;

		}
	#menu .sp_submenu a{
		display:block;
		font-size:11px;
		font-weight: 700;
		float:left;
		width:50px;
		height:50px;
		padding-top:8px;
		box-sizing:border-box;
		border-radius: 5px;        /* CSS3草案 */  
		-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 5px;   /* Firefox用 */
		background:#fff;
		text-align:center;
		margin-top:10px;
		-webkit-box-shadow: 0px 2px 0px 0px rgba(93,93,93,1);
		-moz-box-shadow:  0px 2px 0px 0px rgba(93,93,93,1);
		box-shadow:  0px 2px 0px 0px rgba(93,93,93,1);
		}
	#menu .sp_submenu a img{
		width:14px;
		margin-bottom:3px;
		}
	#menu .sp_submenu .sp_tv_schedule{
		color:#0091e4;
		}
	#menu .sp_submenu .sp_radio_schedule{
		color:#ffa60a;
		margin-left:10px;
		}
		#menu .sp_submenu .sp_radio_schedule img{
			width: 25px;
			margin-bottom: 5px;
		}

		#menu .sp_submenu .sp_sdgs{

			margin-left: 10px;
			padding-top: 16px;
		}

		#menu .sp_submenu .sp_sdgs img{
			width: 29px;
		}

	#sp_onair_btn{
		position:relative;
		float:right;
		width:60px;
		height:60px;
		text-align:center;
		background:url(../image2018/nowonair_bg_sp.jpg);
		/*
		background-size:cover;
		*/
		padding-top:35px;
		box-sizing:border-box;
		border-radius: 0 0 8px 8px;        /* CSS3草案 */  
		-webkit-border-radius: 0 0 8px 8px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 0 0 8px 8px;   /* Firefox用 */
		border:none;
		-webkit-box-shadow: 0px 2px 0px 0px rgba(93,93,93,1);
		-moz-box-shadow:  0px 2px 0px 0px rgba(93,93,93,1);
		box-shadow:  0px 2px 0px 0px rgba(93,93,93,1);
		cursor:pointer;
		}

	#sp_onair_btn:before{
		content:"";
		position:absolute;
		display:block;
		width:16px;
		height:25px;
		left:0;
		right: 0;
		margin:auto;
		top: 6px;
		background:url(../image2018/arpo_sp_2022.png);
		background-size:cover;
		}
	#sp_onair_btn span{
		display:inline-block;
		width:64px;
		padding:3px 0;
		font-size:10px;
		color:#e35335;
		font-weight:bold;
		margin-bottom:5px;
		background:#fddcde;
		}
	#sp_onair_btn p{
		font-weight:bold;
		letter-spacing:0.15em;
		font-size:12px;
		}

	#menu ul,
	#menu.fixed ul{
		width:100%;
		background:#f4f4f4;
		}
	#menu ul li{
		height:68px;
		}
	#menu ul li a{
		height:68px;
		color:#000;
		font-size:11px;
		box-sizing:border-box;
		padding-top:39px;
		}
	#menu ul li a span{
		display:block;
		text-align:center;
		position:relative;
		font-weight: bold;
		margin:0 auto;
		letter-spacing:0.05em;
		box-sizing:border-box;
		}

	#menu ul li a span:before{
		content:"";
		display:block;
		position:absolute;
		}

	#menu ul .menu_tv,
	#menu ul .menu_radio,
	#menu ul .menu_ana,
	#menu ul .menu_event{
		width:25%;
		}
	#menu ul .menu_tv a span,
	#menu ul .menu_radio a span,
	#menu ul .menu_ana a span,
	#menu ul .menu_event a span,
	#menu ul .menu_useful a span{
		width:100%;
		text-align:center;
		padding-left:0;
		}



	#menu.fixed h1,
	#menu.fixed .cl,
	#menu.fixed .sp_submenu,
	#menu.fixed ul li .fix_menu{
		display:none;
		}

	#menu.fixed ul .menu_tv,
	#menu.fixed ul .menu_radio{
		padding-right:0;
		width:25% !important;
		}

	#menu.fixed ul .menu_tv,
	#menu.fixed ul .menu_radio
	#menu.fixed ul .menu_event,
	#menu.fixed ul .menu_ana{
		width:25% !important;
	}
	#menu.fixed ul .menu_event, #menu.fixed ul .menu_ana, #menu.fixed ul .menu_useful, #menu.fixed ul .menu_tenki{
		width: 25% !important;
	}

	/*テレビ*/
	#menu ul .menu_tv a span:before{
		width:26px;
		height:18px;
		position:absolute;
		left:0;
		right:0;
		margin:auto;
		top:-24px;
		}
	#menu ul .menu_tv a:hover span:before{
		top:-26px;
		}

	/*ラジオ*/
	#menu ul .menu_radio a span:before{
		width:24px;
		height:18px;
		left:0;
		right:0;
		margin:auto;
		top:-26px;
		}
	#menu ul .menu_radio a:hover span:before{
		top:-28px;
		}

	/*アナウンサー*/
	#menu ul .menu_ana a span:before{
		width:17px;
		height:23px;
		left:0;
		right:0;
		margin: auto;
		top:-28px;
		}
	#menu ul .menu_ana a:hover span:before{
		top:-30px;
		}

	/*イベント*/
	#menu ul .menu_event a span:before{
		width:20px;
		height:23px;
		position:absolute;
		left:0;
		right:0;
		margin: auto;
		top:-28px;
		}	
	#menu ul .menu_event a:hover span:before{
		top:-30px;
		}

	/*お役立ち*/
	#menu ul .menu_useful a span:before{
		width:15px;
		height:21px;
		position:absolute;
		left:0;
		right:0;
		margin: auto;
		top:-28px;
		}
	#menu ul .menu_useful a:hover span:before{
		top:-30px;
		}

	/*番組表*/
	#header_info{
		display:none;
		position:absolute;
		top:-180px;
		left:0;
		padding:0;
		background:#fff;	

		}

	#header_info.fixed{
		display:none !important;
		}
	.header_info_inr{
		width:100%;
	}

	.now_area{
		width:100%;
		float:none;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		padding:15px;
		box-sizing:border-box;
		}

		/*--220525追記--*/
		.now_area{
			max-width: 100%;
		}
		.header_info_inr .sdgs{display:none;}


	.now_area .l_box{
		float:left;
		width:calc(100% - 70px);
		padding-top:4px;
		}
	.now_area h2{
		width:30px;
		float:left;
		font-size:16px;
		color:#0091e4;
		font-weight:bold;
		height:18px;
		padding-top:3px;
		box-sizing:border-box;
		vertical-align:bottom;
		line-height:16px;
		}
	.radio_onair h2{
		width:60px;
		color:#ffa60a;
		}	

	.now_area .bg_txt{
		display:block;
		float:left;
		width:60px;
		padding:2px 5px 0;
		font-weight:bold;
		letter-spacing:0em;
		box-sizing:border-box;
		height:16px;
		font-size:10px;
		text-align:center;
		vertical-align:middle;
		}
	.Android .now_area .bg_txt,
	.iPhone .now_area .bg_txt{
		padding-top:4px;
	}
	.tv_onair .bg_txt{
		background:#d6edfb;
		color:#0091e4;
		}
	.radio_onair .bg_txt{
		background:#fff1d8;
		color:#ffa60a;
		}

	.now_area .time{
		display:block;
		float:left;
		width:95px;
		font-size:10px;
		color:#575757;
		padding-top:1px;
		padding-left:18px;
		vertical-align:middle;
		position:relative;
		box-sizing:border-box;
		height:18px;
		font-weight:bold;
		margin-left:20px;
	filter: alpha(opacity=80);
	-moz-opacity:.8;
	opacity:.8;
		}
	.win .now_area .time{
		width:100px;
		}

	.now_area .time:before{
		content:"";
		display:block;
		position:absolute;
		left:0;
		top:0px;
		width:12px;
		height:12px;
		}
	.now_area .onair_tit{
		width:100%;
		padding-top:9px;
		margin-top:5px;
		border-top:1px solid #d6d6d6;
		font-size:12px;
		font-weight:bold;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		box-sizing:border-box;
		}


	.now_area .schedule{
		width:58px;
		height:58px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		color:#fff;
		font-size:12px;
		font-weight:bold;
		box-sizing:border-box;
		text-align:center;
		float:right;
		display:block;
		padding-top:9px;
		}	

	.tv_onair{
		border-bottom:1px solid #d6d6d6;	
	}
	.tv_onair .schedule{
		background:#0091e4;
		}
	.radio_onair .schedule{
		background:#ffa60a;
		}
	.now_area .schedule img{
		width:21px;
		margin-bottom:7px;
		}


	/*-------- 派生用スマホタイトル　--------*/
	#hasei_tit{
		position:relative;
		background-color:#f4f4f4;
		font-size:20px;
		font-weight:bold;
		text-align:center;
		padding:18px 0;
		border-top:1px solid #d6d6d6;
		}
	/*冬用背景*/
	#hasei_tit.winter:before{
		content:"";
		display:block;
		width:45px;
		height:53px;
		position:absolute;
		left:0;
		top:0;
		background:url(../image2018/winter_bg1.png);
		background-size:cover;
		}	
	#hasei_tit.winter:after{
		content:"";
		display:block;
		width:46px;
		height:53px;
		position:absolute;
		top:0;
		right:0;
		background:url(../image2018/winter_bg2.png);
		background-size:cover;
		}	

	/*春用背景*/
	#hasei_tit.spring:before{
		content:"";
		display:block;
		width:44px;
		height:55px;
		position:absolute;
		left:0;
		top:0;
		background:url(../image2018/spring_bg1.png);
		background-size:cover;
		}	
	#hasei_tit.spring:after{
		content:"";
		display:block;
		width:44px;
		height:55px;
		position:absolute;
		top:0;
		right:0;
		background:url(../image2018/spring_bg2.png);
		background-size:cover;
		}
	/*6月用背景*/
	#header_info.june:before{
		content:"";
		display:block;
		width:51px;
		height:60px;
		position:absolute;
		left:0;
		top:0;
		background:url(../image2018/june_bg1.png);
		background-size:cover;
		}	
	#header_info.june:after{
		content:"";
		display:block;
		width:51px;
		height:60px;
		position:absolute;
		top:0;
		right:0;
		background:url(../image2018/june_bg2.png);
		background-size:cover;
		z-index:-1;
		}

	/*夏用背景*/
	#hasei_tit.summer:before{
		content:"";
		display:block;
		width:44px;
		height:55px;
		position:absolute;
		left:0;
		top:0;
		background:url(../image2018/summer_bg1.png);
		background-size:cover;
		}	
	#hasei_tit.summer:after{
		content:"";
		display:block;
		width:44px;
		height:55px;
		position:absolute;
		top:0;
		right:0;
		background:url(../image2018/summer_bg2.png);
		background-size:cover;
		}

	/*秋用背景*/
	#hasei_tit.autom:before{
		content:"";
		display:block;
		width:37px;
		height:59px;
		position:absolute;
		left:0;
		top:0;
		background:url(../image2018/autom_bg1.png);
		background-size:cover;
		}	
	#hasei_tit.autom:after{
		content:"";
		display:block;
		width:37px;
		height:59px;
		position:absolute;
		top:0;
		right:0;
		background:url(../image2018/autom_bg2.png);
		background-size:cover;

		}


	.scoop_btn_sp{
		display:block;
		width:85px;
		position:fixed;
		bottom:60px;
		right:15px;
		z-index:9999;
		}


	}
/* ==========================================================================
	footer
========================================================================== */
#footer{
	width:100%;
	position:relative;
	background:#f4f4f4;
	box-sizing:border-box;
	}
#footer .footer_inr{
	width:100%;
	padding:60px 5vw 0;
	box-sizing:border-box;
	}
	
	
/*-------- btm_bnr --------*/
#footer .btm_bnr{
	width:100%;
	max-width:900px;
	margin:0 auto;
	}
#footer .btm_bnr div{
	display:none !important;
	}
#footer .btm_bnr ul{
	width:100%;
	max-width:900px;
	margin:0 auto 40px;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}

#footer .btm_bnr ul li{
	width:11.1%;
	}
	
	
/*-------- btm_navi --------*/
#footer .btm_navi{
	width:100%;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			padding:30px 0 15px;
			border-top:1px solid #d6d6d6;
			border-bottom:1px solid #d6d6d6;
	}

#footer .btm_navi li a{
	display:block;
	position:relative;
	padding-left:20px;
	font-size:13px;
	color:#575757;
	font-weight:bold;
	box-sizing:border-box;
	margin-bottom: 15px;
	}
#footer .btm_navi li a:before{
	content:"";
	display:block;
	width:13px;
	height:13px;
	position:absolute;
	left:0;
	top:0;
	background:url(../image2018/btm_bnr_icon.png);
	background-size:cover;
	}

#footer .btm_navi .navi1 a{
	width:78px;
	}
#footer .btm_navi .navi2 a{
	width:174px;
	}
#footer .btm_navi .navi3 a{
	width:76px;
	}
#footer .btm_navi .navi4 a{
	width:104px;
	}
#footer .btm_navi .navi5 a{
	width:104px;
	}
#footer .btm_navi .navi6 a{
	width:130px;
	}
#footer .btm_navi .navi7 a{
	width:94px;
	}
#footer .btm_navi .navi8 a{
	width:125px;
	}
	
#footer .footer_main_navi .sp_off{
	display:block !important;
	}
	
	
/*-------- btm_sns --------*/
#footer .btm_sns{
	
	width:95%;
	
	/*
	width:85%;
	*/
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			margin:30px 0 40px;
	
	}
#footer .btm_sns li a{
	display:block;
	position:relative;
	padding-left:20px;
	width:135px;
	height:40px;
	background:#fff;
	font-weight:600;
	color:#000000;
	text-align:center;
	font-size:14px;
	color:#575757;
	padding-right:5px;
	font-weight:bold;
	padding-top:13px;
	font-family: 'Hind Siliguri', sans-serif;
	box-sizing:border-box;
	border-radius: 40px;        /* CSS3草案 */  
    -webkit-border-radius: 40px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 40px;   /* Firefox用 */
	-webkit-transition: background 0.4s ease,color 0.4s ease;
    -moz-transition: background 0.4s ease,color 0.4s ease;
    -o-transition: background 0.4s ease,color 0.4s ease;
    transition:  background 0.4s ease,color 0.4s ease;
	}

#footer .btm_sns li:first-child{
	width:200px;
	height:40px;
	background:#282828;
	color:#fff;
	text-align:center;
	font-weight:500;
	font-size:15px;
	letter-spacing:0.08em;
	padding-top:14px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	box-sizing:border-box;
	
	}
#footer .btm_sns li a:before{
	content:"";
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	left:5px;
	top:5px;
	}

#footer .btm_sns li a:hover{
	color:#fff;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;	
	}
	
#footer .btm_sns .sns1 a:before{
	background:url(../image2018/btm_sns_icon1.png);
	background-size:cover;
	}	
#footer .btm_sns .sns1 a:hover{
	background:#4c76be;
	}
	
#footer .btm_sns .sns2 a{
	width: 145px;
	padding-left: 25px;
}
	
#footer .btm_sns .sns2 a:before{
	/*
	background:url(../image2018/btm_sns_icon2.png);
	*/
	background:url(../image2018/btm_sns_icon7.png);
	background-size:cover;
	}	
#footer .btm_sns .sns2 a:hover{
	/*
	background:#00c7ff;
	*/
	background:#000;
	}	
	
#footer .btm_sns .sns3 a:before{
	background:url(../image2018/btm_sns_icon3.png);
	background-size:cover;
	}	
#footer .btm_sns .sns3 a:hover{
	background:#7c5641;
	}
	
	
#footer .btm_sns .sns4 a:before{
	background:url(../image2018/btm_sns_icon4.png);
	background-size:cover;
	}
#footer .btm_sns .sns4 a:hover{
	background:#fd3832;
	}
	
#footer .btm_sns .sns5-2 a{
	padding-left:25px;
	}
	
#footer .btm_sns .sns5 a:before{
	background:url(../image2018/btm_sns_icon5.png);
	background-size:cover;
	}
#footer .btm_sns .sns5 a:hover,
#footer .btm_sns .sns5-2 a:hover{
	background:#000000;
	}
#footer .btm_sns .sns5-2 a:before{
	background:url(../image2018/btm_sns_icon5-2.png);
	background-size:cover;
	}
	
#footer .btm_sns .sns6 a:before{
	background:url(../image2018/btm_sns_icon6.png);
	background-size:cover;
	}
#footer .btm_sns .sns6 a:hover{
	background:#4ecd00;
	}
#footer .btm_sns .sns7 a:before{
	background:url(../image2018/btm_sns_icon8.png);
	background-size:cover;
	}
#footer .btm_sns .sns7 a:hover{
	background:#000;
	}
	
	
	
	
/*-------- footer_main_navi --------*/
#footer .footer_main_navi{
	width:100%;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}
	
#footer .footer_main_navi ul{
	display:block;
	}
#footer .footer_main_navi ul li{
	margin-bottom:7px;
	
	}
#footer .footer_main_navi ul li a{
	color:#000;
	font-size:12px;
	line-height:1.5;
}
#footer .footer_main_navi .navi_tit,
#footer .footer_main_navi .navi_tit a{
	font-size:15px;
	font-weight:bold;
	margin-bottom:22px;
	color:#000;
	}
#footer .footer_main_navi .navi_tit2,
#footer .footer_main_navi .navi_tit2 a{
	
	font-size:15px;
	font-weight:bold;
	margin-top:42px;
	margin-bottom:22px;
	color:#000;
	}
#footer .footer_main_navi .tv_tit{
	color:#0091e4;
	}
#footer .footer_main_navi .radio_tit{
	color:#ffa200;
	}
	
#footer .footer_main_navi .navi_tit2{
	margin-bottom:18px;
	}
#footer .footer_main_navi .main_navi1{
	width:170px;
	width:20%;
	}
#footer .footer_main_navi .main_navi2{
	width:165px;
	width:20%;
	}
#footer .footer_main_navi .main_navi3{
	width:460px;
	width:46%;
	}
#footer .footer_main_navi .main_navi3:after{
	content:"";
	clear:both;
	}
	
#footer .footer_main_navi .main_navi3 .navi_tit{
	width:100%;
	margin-bottom:22px;
	font-size:15px;
	padding:0;
	height:15px;
	font-weight:bold;
	}
#footer .footer_main_navi .main_navi3 .l_navi{
	width:187px;
	box-sizing:border-box;
	float:left;
	}
#footer .footer_main_navi .main_navi3 .l_navi li{
	padding-left:10px;
	}
#footer .footer_main_navi .main_navi3 .l_navi li:before{
	content:"\02022";
	}
#footer .footer_main_navi .main_navi3 .l_navi li:first-child{
	margin-bottom:18px;
	padding-left:0px;
	}
#footer .footer_main_navi .main_navi3 .l_navi li:first-child:before{
	content:"";
	}
	
#footer .footer_main_navi .main_navi3 .r_navi{
	/*
	width:calc(100% - 187px);
	*/
	float:left;
	margin-left:45px;
	}
	
#footer .footer_main_navi .main_navi4{
	width:185px;
	width:14%;
	}




/*-------- btm_social --------*/
#footer .btm_social{
	width:575px;
	margin:83px 0 30px;
	}
#footer .btm_social:after{
	content:"";
	display:block;
	clear:both;
	}
#footer .btm_social h2{
	width:80px;
	float:left;
	}
#footer .btm_social ul{
	width:464px;
	float:left;
	margin-left:30px;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	/*
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	*/
			padding-top:6px;
	}
	
	
#footer .btm_social ul .sosial2{
	margin-left:10px;
}
	
	
/*-------- sp_serch --------*/


#footer .search{
	position:relative;
	width:100%;
	max-width:820px;
	margin:0 auto 30px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-sizing:border-box;
	overflow:hidden;
	background:#fff;
	height:60px;
	border:1px solid #b9b9b9;
	box-shadow:0px 0px 4px 0px rgba(212,212,212,0.6) inset;
	}
#footer .search dt{
	width:calc(100% - 60px);
	height:60px;
	box-sizing:border-box;
	border:none;
	padding-left:10px;
}
#footer .search dt input{
	width:100%;
	height:60px;
	font-size:14px;
	background:none;
	border:none;
	font-family:"Lato", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, MS PGothic, sans-serif;

}
#footer .search dd{
	position: absolute;
	top:0;
	right:0;
	width:60px;
}
#sp_searchBtn{
	display:block;
	width:60px;
	height:60px;
	color:#fff;
	text-align:center;
	border:none;
	background:url(../image2018/serch-icon2.png) #575757 center center no-repeat;
	background-size:cover;
	width: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  
}
#footer .gsc-search-button-v2,#footer .gsc-search-button-v2:hover,#footer .gsc-search-button-v2:focus{
display: block;
    width: 60px;
    height: 60px;
    color: #fff;
    text-align: center;
    border: none;
    background: url(../image2018/serch-icon2.png) #575757 center center no-repeat;
    background-size: cover;
    width: 100%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#footer .gsc-search-button-v2 svg{display:none;}
#footer .gsc-input-box{border:none;}

#footer table.gsc-search-box td{
	width: 100%;
    /* height: 60px; */
    font-size: 14px;
    background: none;
    border: none;
    font-family: "Lato", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, MS PGothic, sans-serif;
}
/*-------- copy --------*/
#footer .copy{
	width:100%;
	background:#24ade2;
	font-size:14px;
	text-align:center;
	padding:35px 0;
	color:rgba(255,255,255,.9);
	font-weight:bold;
	}
	
#pagetop{
	display:block;
	width:73px;
	position:absolute;
	right:5vw;
	bottom:70px;
	}
@media screen and ( max-width: 1300px ) {
	#footer .btm_sns{
	width:100%;
	max-width:1115px;
}
#footer .footer_main_navi .main_navi3{
	width:42%;
	}
#footer .footer_main_navi .main_navi3 .l_navi{
	width:160px;
	}
#footer .footer_main_navi .main_navi3 .r_navi{
	width:calc(100% - 160px);
	float:right;
	margin-left:0;
	padding-right:20px;
	box-sizing:border-box;
	}
#footer .footer_main_navi .main_navi4{
	width:18%;
	}
	}
@media screen and ( max-width: 1150px ) {
#footer .btm_sns li a{
	width:120px;
	padding-right:0;
	}
	#footer .btm_sns .sns2 a{
		width: 135px;
	}
#footer .btm_sns .sns5 a,
#footer .btm_sns .sns6 a,
#footer .btm_sns .sns7 a{
	width:100px;
	}

#footer .btm_sns li:first-child{
	width:100%;
	margin-bottom:20px;
	}
	
	}
@media screen and ( max-width: 900px ) {
#footer .btm_navi li a{
	padding-left:18px;
	font-size:12px;
	padding-left:15px;
	}
#footer .btm_navi li a:before{
	width:10px;
	top:2px;
	height:10px;
	}

#footer .btm_navi .navi1 a{
	width:66px;
	}
#footer .btm_navi .navi2 a{
	width:154px;
	}
#footer .btm_navi .navi3 a{
	width:66px;
	}
#footer .btm_navi .navi4 a{
	width:94px;
	}
#footer .btm_navi .navi5 a{
	width:94px;
	}
#footer .btm_navi .navi6 a{
	width:120px;
	}
#footer .btm_navi .navi7 a{
	width:84px;
	}
	
	}

@media screen and ( max-width: 800px ) {
#footer .footer_inr{
	padding:40px 0 0;
	}
	
	
/*-------- btm_bnr --------*/	
#footer .btm_bnr{
	width:100%;
	box-sizing:border-box;
    -ms-overflow-style:none;
	overflow-x:scroll;
	}
#footer .btm_bnr ul{
	width:900px;
	margin-bottom:30px;
	}
#footer .btm_bnr li{
	width:100px;
	}

#footer .btm_bnr::-webkit-scrollbar{
    display:none;
	overflow-x:scroll;
}
#footer .btm_bnr div{
  scrollbar-base-color: #f4f4f4;
  scrollbar-arrow-color: #f4f4f4;
  background-color:#f4f4f4 !Important;
	}

/*-------- sp_serch --------*/
#footer .search{
	position:relative;
	width:calc(100% - 30px);
	margin:0 auto;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-sizing:border-box;
	overflow:hidden;
	height:45px;
	border:none;
	box-shadow:none;
	}
#footer .search dt{
	width:calc(100% - 45px);
	height:45px;
	padding-left:10px;
	border-top:1px solid #b9b9b9;
	border-left:1px solid #b9b9b9;
	border-bottom:1px solid #b9b9b9;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	background:#fff;
}
#footer .search dt input{
	width:100%;
	height:45px;
	font-size:14px;
	background:none;
	border:none;
	font-family:"Lato", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, MS PGothic, sans-serif;

}
#footer .search dd{
	position: absolute;
	top:0;
	right:0;
	width:45px;
}
#sp_searchBtn{
	display:block;
	width:45px;
	height:45px;
	color:#fff;
	text-align:center;
	border:none;
	background:url(../image2018/sp_serch-icon.png) #e4e4e4 center center no-repeat;
	background-size:cover;
	width: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  
}
#footer .gsc-search-button-v2,#footer .gsc-search-button-v2:hover,#footer .gsc-search-button-v2:focus{

    display: block;
    width: 45px;
    height: 45px;
    color: #fff;
    text-align: center;
    border: none;
    background: url(../image2018/sp_serch-icon.png) #e4e4e4 center center no-repeat;
    background-size: cover;
    width: 100%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/*-------- btm_navi --------*/
#footer .btm_navi{
	width:100%;
	margin:30px auto;
	padding:0;
	border-bottom:none;
	}

#footer .btm_navi li{
	width:50%;
	border-bottom:1px solid #d6d6d6;
	box-sizing:border-box;
	}
#footer .btm_navi li a{
	padding:18px 0;
	margin-bottom: 0;
	text-align:center;
	font-size:12px;
	font-weight:nomal;
	width:100% !Important;
}
#footer .btm_navi li a:before{
	display:none;
	}
#footer .btm_navi .navi2,
#footer .btm_navi .navi4,
#footer .btm_navi .navi6,
#footer .btm_navi .navi7,
#footer .btm_navi .navi8{
	border-left:1px solid #d6d6d6;
	}
	/*
#footer .btm_navi .navi7{
	width:100%;
	}
*/	

/*-------- btm_sns --------*/
#footer .btm_sns{
	width:calc(100% - 30px);
	margin:0 auto 15px;
	
	}
	
#footer .btm_sns li{
	width:48%;
	margin-bottom:20px;
	}
#footer .btm_sns li a{
	padding-left:35px;
	width:100% !important;
	height:40px;
	padding-right:15px !important;
	padding-top:14px;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(215,215,215,1);
    -moz-box-shadow: 0px 1px 0px 0px rgba(215,215,215,1);
    box-shadow: 0px 1px 0px 0px rgba(215,215,215,1);
	}

#footer .btm_sns li:first-child{
	width:100%;
	height:45px;
	font-size:14px;
	padding-top:16px;
	}

	
/*-------- footer_main_navi --------*/
#footer .footer_main_navi ul{
	display:none;
	}
	

#footer .footer_main_navi .navi_tit,
#footer .footer_main_navi .navi_tit2{
	width:100%;
	font-size:14px;
	padding:20px 0;
	border-bottom:1px solid #d6d6d6;
	margin:0;
	text-align:center;
	position:relative;
	}

#footer .footer_main_navi .navi_tit:before,
#footer .footer_main_navi .navi_tit2:before{
	content:"+";
	display:block;
	position:absolute;
	top:16px;
	right:15px;
	color:#999999;
	font-size:17px;
	font-weight:nomal;
	text-align:center;
	}
#footer .footer_main_navi .active:before{
	content:"-";
	}
#footer .footer_main_navi .main_navi1{
	border-top:1px solid #d6d6d6;
	}
#footer .footer_main_navi .navi_tit a,
#footer .footer_main_navi .navi_tit2 a{
	font-size:14px;
	}
#footer .footer_main_navi .navi_tit2 a{
	margin:0;
	}
#footer .footer_main_navi .tv_tit a{
	color:#0091e4;
	}
	

#footer .footer_main_navi .main_navi1,
#footer .footer_main_navi .main_navi2,
#footer .footer_main_navi .main_navi3,
#footer .footer_main_navi .main_navi4{
	width:100%;
}
	
#footer .footer_main_navi .main_navi3 .navi_tit{
	width:100%;
	margin-bottom:0;
	font-size:14px;
	padding:20px 0;
	height:auto;
	}
	
#footer .footer_main_navi ul li{
	width:100%;
	margin-bottom:0;
	font-size:12px;
	float:none;
	border-bottom:1px solid #d6d6d6;
	
	}
#footer .footer_main_navi ul li a{
	display:block;
	width:100%;
	color:#000;
	font-size:12px;
	padding:15px 0 17px;
	height:auto;
	text-align:center;
	line-height:1.5;
}
	
#footer .footer_main_navi .main_navi3 .l_navi{
	width:100%;
	margin-bottom:0;
	height:auto;
	float:none;
	}
#footer .footer_main_navi .main_navi3 .l_navi li{
	width:100%;
	margin-bottom:0;
	font-size:12px;
	height:auto;
	float:none;
	}
#footer .footer_main_navi .main_navi3 .l_navi li:before{
	display:none;
	}
#footer .footer_main_navi .main_navi3 .l_navi li:first-child{
	margin-bottom:0;
	padding-left:0px;
	}
#footer .footer_main_navi .main_navi3 .r_navi{
	/*
	width:calc(100% - 187px);
	*/
	width:100%;
	float:none;
	margin-left:0;
	padding:0;
	}
	
	

/*-------- btm_social --------*/
#footer .btm_social{
	width:262px;
	margin:40px auto 120px;
	}
#footer .btm_social:after{
	content:"";
	display:block;
	clear:both;
	}
#footer .btm_social h2{
	width:80px;
	float:none;
	margin:0 auto;
	}
#footer .btm_social ul{
	width:100%;
	float:none;
	margin-left:0;
	
	
    width: 160px;
    float: none;
    margin: 0 auto;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	/*
	-webkit-justify-content: space-between;
    justify-content: space-between;
	*/
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			padding-top:20px;
	}
#footer .btm_social ul li{
	margin-bottom:17px;
	}
#footer .btm_social ul .sosial4{
	margin-left:40px;
	}
#footer .btm_social ul .sosial6{
	margin-right:40px;
	}
	
/*-------- copy --------*/
#footer .copy{
	font-size:10px;
	padding:15px 0;
	}
	
/*-------- pagetop --------*/
#pagetop{
	display:block;
	right:25px;
	bottom:30px;
	}
	}
/* ==========================================================================
	hasei
========================================================================== */
	
#hasei_main{
	width:100%;
	position:relative;
	background:#f6f6f6;
	margin:140px auto 0;
	}
#hasei_main .hasei_image{
	width:calc(100% - 30px);
	max-width:1100px;
	height:360px;
	margin:0 auto;
	position:absolute;
	top:-100px;
	left:0;
	right:0;
	border-radius: 80px;        /* CSS3草案 */  
    -webkit-border-radius: 80px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 80px;   /* Firefox用 */
	}

#hasei_main .hasei_image h1{
	position:absolute;
	left:70px;
	top:0;
	}
	
	
.con_tit{
	margin:0 auto;
	}
	
.con_tit:after{
	display:block;
	margin:10px auto 0;
	font-size:13px;
	letter-spacing:0.12em;
	text-align:center;
	color:#ec6d56;
	font-family: 'Alegreya Sans SC', sans-serif;
	font-weight:400;
	}

.link_btn{
	position:relative;
	margin:0 auto;
	display:block;
	width:24vw;
	height:50px;
	color:#fff;
	letter-spacing:0.025em;
	text-align:center;
	box-sizing:border-box;
	font-size:16px; 
	font-weight:bold;
	padding-top:16px;
	border-radius: 50px;        /* CSS3草案 */  
    -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50px;   /* Firefox用 */
	background:#0086d3;
	/*
	-webkit-transition: background 0.4s ease,color 0.4s ease,border 0.4s ease;
    -moz-transition: background 0.4s ease,color 0.4s ease,border 0.4s ease;
    -o-transition: background 0.4s ease,color 0.4s ease,border 0.4s ease;
    transition: background 0.4s ease,color 0.4s ease,border 0.4s ease;
	*/
	}
	
@media all and (-ms-high-contrast: none){
 .link_btn:not(:target) {
	padding-top:18px;
  }
  .link_btn2:not(:target) {
	padding-top:18px;
  }
}
.link_btn:before{
	content:"";
	display:block;
	position:absolute;
	width:15px;
	height:15px;
	right:20px;
	top:17px;
	background:url(../image2018/link_ar.png);
	background-size:cover;
    transition: right 0.4s ease;
	}	
	
.link_btn:hover:before{
	right:15px;
	}

@media screen and ( max-width: 800px ) {
	
.pc_off{
	display:block;
	}
.sp_off{
	display:none !important;
	}
	
	
#hasei_main{
margin:0 auto 0;
	}
#hasei_main .hasei_image{
	width:100%;
	height:230px;
	margin:0 auto 60px;
	position:relative;
	top:0;
	left:0;
	right:0;
	border-radius: 0px;        /* CSS3草案 */  
    -webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 0px;   /* Firefox用 */
	}

#hasei_main .hasei_image h1{
	left:10px;
	}
	
	
	

.con_tit:after{
	font-size:10px;
	margin:15px auto 0;
	}
	
	
.link_btn{
	width:100%;
	height:45px;
	font-size:17px; 
	font-weight:bold;
	padding-top:13px;
	border-radius: 45px;        /* CSS3草案 */  
    -webkit-border-radius: 45px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 45px;   /* Firefox用 */
    -webkit-box-shadow: 0px 1px 0px 0px rgba(1,87,137,1);
    -moz-box-shadow: 0px 1px 0px 0px rgba(1,87,137,1);
    box-shadow: 0px 1px 0px 0px rgba(1,87,137,1);
	}
.link_btn:before{
	top:14px;
	}	

.Android .link_btn,
.iPhone .link_btn{
	padding-top:15px;
	}
	
}


/* ==========================================================================
	parts
========================================================================== */
.con_tit{
	font-size:32px;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.15em;
	}
.con_stit{
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	color:#23ade2;
	text-align:center;
	width:100%;
	margin:10px auto 40px;
	letter-spacing:0.08em;
	}
	
.oc,.oc2{
pointer-events: none;
	}
	
@media screen and ( max-width: 800px ) {
.con_tit{
	font-size:26px;
	}
.con_stit{
	font-size:10px;
	margin:10px auto 28px;
}
	
.oc,.oc2{
		pointer-events: all;
	}
#footer .footer_main_navi .main_navi3 .l_navi li {
	padding-left:0;
	}

	}





/* ==========================================================================
	ads
========================================================================== */
#gpt_ad_wrap{
	text-align: center;
	margin-bottom: 40px;
}
#gpt_ad_wrap .gpt_ad_sp{
	margin: 0 auto;
}

#gpt_ad_wrap{

	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
    justify-content: center;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
}

#gpt_ad_wrap .gpt_ad_pc{
	margin: 0 10px;
}

.gpt_ad_sptop{
  text-align: center;
  padding-top: 14px;
  
}


@media screen and ( min-width: 601px ) {
	#gpt_ad_wrap .gpt_ad_sp{
		display: none;
	}
  .gpt_ad_sptop{
    display: none;
  }
}

@media screen and ( max-width: 600px ) {
	#gpt_ad_wrap{
		margin-bottom: 30px;
	}
	#gpt_ad_wrap .gpt_ad_pc{
		display: none;
	}
}