@charset "utf-8";

/* wrapper
------------------------------------------ */
#wrapper {
}

/* header
------------------------------------------ */
#header_wrapper {
  background: url(https://www.tfm.co.jp/sky/img2014/header_bg.gif) repeat center;
  height: 75px;
}
#header_sky {
  background: url(https://www.tfm.co.jp/sky/img2014/header_bg.gif) repeat center;
  width: 959px;
  height: 75px;
  margin: 0 auto;
  position: relative;
}
#header_sky h1 {
  width: 135px;
  height: 55px;
  position: absolute;
  left: 0px;
  top: 11px;
}
#header_sky ul.nav {
  position: absolute;
  left: 144px;
}
#header_sky ul.nav:before,
#header_sky ul.nav:after {
  content: "";
  display: table;
}
#header_sky ul.nav:after {
  clear: both;
}
#header_sky ul.nav {
  zoom: 1;
}
#header_sky ul.nav li {
  float: left;
  height: 75px;
}
#header_sky ul.nav li.reset {
  padding-right: 0;
}
#header_sky ul.nav li a {
  display: block;
  height: 75px;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
#header_sky ul.nav li.register a {
  background-image: url(https://www.tfm.co.jp/sky/img2014/header_nav_register.png);
  width: 80px;
}
#header_sky ul.nav li.about a {
  background-image: url(https://www.tfm.co.jp/sky/img2014/header_nav_about.png);
  width: 92px;
}
#header_sky ul.nav li.proceed a {
  background-image: url(https://www.tfm.co.jp/sky/img2014/header_nav_proceed.png);
  width: 112px;
}
#header_sky ul.nav li.message a {
  background-image: url(https://www.tfm.co.jp/sky/img2014/header_nav_message.png);
  width: 92px;
}
#header_sky ul.nav li.friday a {
  background-image: url(https://www.tfm.co.jp/sky/img2014/header_nav_friday_parco.png);
  width: 92px;
}
#header_sky p.onair {
  position: absolute;
  left: 758px;
  top: 3px;
  display: block;
  width: 202px;
  height: 33px;
  background: url(https://www.tfm.co.jp/sky/img2014/header_onair.png) no-repeat scroll 0% 0% transparent;
  text-indent: -9999px;
}
/* social */

#header_sky ul.social {
  position: absolute;
  right: 0;
  top: 44px;
}
#header_sky ul.social:before, #main .intro .sub ul.social:after {
  content: "";
  display: table;
}
#header_sky ul.social:after {
  clear: both;
}
#header_sky ul.social {
  zoom: 1;
}
#header_sky ul.social li {
  float: right;
  padding-left: 10px;
}
#header_sky ul.social li.gp {
  width: 40px !important;
}
#header_sky ul.social li.fb span {
  width: 110px !important;
}
#header_sky ul.social li.tw iframe.twitter-share-button {
  width: 75px !important;
}
#header_inner {
    display: none;
}
/*smart phone*/
@media screen and (max-width: 767px)
{

    #header_wrapper {
       display:none;
    }

    #header_inner h1 {
    margin: 0 auto;
    width: 86px;
    height: 35px;
    position: absolute;
    top: 3px;
    left: 7px;
}
    #header_inner {
    width: 100%;
    background: url(https://www.tfm.co.jp/sky/img2014/header_bg.gif) repeat center top;
    background-size: 20px 20px;
    position: relative;
    height: 43px;
    margin: 0 auto;
    display: block;
    }

    #content_foot_wrapper {
        display:none;
    }

    #footer_wrapper {
        display:none;
    }
}
/* =========================================================
content_foot_wrapper
========================================================= */
#content_foot_wrapper {
	margin: 0 auto;
	/*padding-top:43px;*/
	background-image: url(https://www.tfm.co.jp/sky/img2014/body_bg.gif);
	background-repeat: repeat;
	background-position: center top;
}
#content_foot {
	background-image: url(https://www.tfm.co.jp/sky/img2014/footer_illust.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#footer_illust_wrapper {
	margin: 0 auto;
	width: 959px;
	/*height: 181px;*/
	/*height:228px;*/
	background-image: url(https://www.tfm.co.jp/sky/img2014/body_bg.gif);
	background-repeat: repeat;
	background-position: center top;
}
#footer_illust {
	width: 959px;
	height:218px;
	background-image: url(https://www.tfm.co.jp/sky/img2014/footer_illust.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	position:relative;
}
p.footer_onair {
	background: url(https://www.tfm.co.jp/sky/img2014/footer_onair.png) no-repeat top;
	text-indent: -9999px;
	width:230px;
	height: 51px;
	margin: 0 auto;
	left:359px;
	top:22px;
	position:absolute;
}

/* footer
------------------------------------------ */
#footer_wrapper {
	background-image: url(https://www.tfm.co.jp/sky/img2014/footer_bg.gif);
	background-repeat: repeat;
	background-position: center;

}
#footer_sky {
	height: 315px;
	background-image: url(https://www.tfm.co.jp/sky/img2014/footer_bg.gif);
	background-repeat: repeat;
	background-position: center;
	width:959px;
	margin:0 auto;
	padding-top:25px;
}
#footer_sky a {
	color:#FFF;
	font-size:9px;
}
#footer_sky #footer_link {
	width:959px;
	margin:0 auto;
}
#footer_sky p.footer_tfm a {
	display:block;
	width: 218px;
	height: 38px;
	margin: 0 auto 11px;
}
#footer_sky p.copy {
  width: 346px;
  height: 11px;
  margin: 0 auto 40px;
}
#footer_sky #footer_wide {
	float: left;
	width: 243px;
	height: 154px;
	background-image: url(https://www.tfm.co.jp/sky/img2014/footer_link_border.png);
	margin-right: 18px;
	background-repeat: no-repeat;
	background-position: right;
}
#footer_sky #footer_wide h2 {
	background-image: url(https://www.tfm.co.jp/sky/img2014/footer_wide.png);
	width:225px;
	height:35px;
	text-indent: -9999px;
	margin-bottom:18px;
}
#footer_sky #footer_wide ul {
	width:225px;
}
#footer_sky #footer_wide ul li {
	width:112px;
	float:left;
	line-height:1;
	margin-bottom:3px;
}
#footer_sky #footer_radio {
	float:left;
	width:696px;
	height:154px;
	text-indent: -9999px;
}
#footer_sky #footer_radio h2 {
	background-image: url(https://www.tfm.co.jp/sky/img2014/footer_radio.png);
	width:622px;
	height:35px;
	margin-bottom:18px;
}
#footer_sky #footer_radio #footer_radio_listen,
#footer_sky #footer_radio #footer_radio_pc,
#footer_sky #footer_radio #footer_radio_sp {
	float:left;
}
#footer_sky #footer_radio #footer_radio_listen h3 {
	background-image: url(https://www.tfm.co.jp/sky/img2014/footer_radio_listen_ti.png);
	width:40px;
	height:13px;
	margin-bottom:5px;
}
#footer_sky #footer_radio #footer_radio_listen ul {
	margin-right:12px;
}
#footer_sky #footer_radio #footer_radio_listen ul li a {
	background-image: url(https://www.tfm.co.jp/sky/img2014/footer_radio_listen.png);
	width:233px;
	height:84px;
	display:block;
}
#footer_sky #footer_radio #footer_radio_pc h3  {
	background-image: url(https://www.tfm.co.jp/sky/img2014/footer_radio_pc_ti.png?2020051412);
	width:132px;
	height:13px;
	margin-bottom:5px;
}
#footer_sky #footer_radio #footer_radio_pc ul {
	margin-right:12px;
}
#footer_sky #footer_radio #footer_radio_pc ul li a {
	background-image: url(https://www.tfm.co.jp/sky/img2014/footer_radio_pc.png);
	width:206px;
	height:84px;
	display:block;
}
#footer_sky #footer_radio #footer_radio_sp h3 {
	background-image: url(https://www.tfm.co.jp/sky/img2014/footer_radio_sp_ti.png?2020051412);
	width:116px;
	height:13px;
	margin-bottom:5px;
}
#footer_sky #footer_radio #footer_radio_sp ul {
	width:233px;
}
#footer_sky #footer_radio #footer_radio_sp ul li {
	display:block;
	float:left;
}
#footer_sky #footer_radio #footer_radio_sp ul li#footer_radio_docomo a {
	background-image: url(https://www.tfm.co.jp/sky/img2014/footer_radio_sp_docomo.png);
	width:117px;
	height:84px;
	display:block;
}
#footer_sky #footer_radio #footer_radio_sp ul li#footer_radio_au a {
	background-image: url(https://www.tfm.co.jp/sky/img2014/footer_radio_sp_au.png);
	width:116px;
	height:84px;
	display:block;
}

#footer_inner_sp {
    display:none;
}

#content_foot_sp {
    display:none;
}

#content_foot_wrapper_sp {
    display: none;
}

/*pagetop*/
#top_pagetop a {
    background-image: url(https://www.tfm.co.jp/sky/img2014/pagetop.png);
    width: 64px;
    height: 46px;
    text-indent: -9999px;
    display: block;
    margin: 0 auto;
    margin-top: 45px;
}

/*
	hamburger button
 */
.mainvisual{
	position: relative;
}
.mainvisual .btn_modal{
	position: absolute;
	top: 20px;
	right: 80px;
}
.mainvisual.blog {
	padding-bottom: 20px;
}
.mainvisual.blog .btn_modal{
	position: absolute;
	top: 0;
	right: 20px;
}
.modaal-outer-wrapper{
	background-color: rgba(255,255,255,0.8);
}
.modaal-inner-wrapper > .modaal-container{
	background: none;
	box-shadow: none;
	text-align: center;
}
.modaal-container #MENU h1{
	margin-bottom: 80px;
}
.modaal-container #MENU a{
	color: #755638;
	text-decoration: none;
	line-height: 2.5;
	font-size: 18px;
    font-weight: bold;
}
.modaal-container #MENU .icon_FB{
	margin: 70px auto 0;
}

.modaal-container .wrap_profile h1{
	margin-bottom: 40px;
}
.modaal-container .wrap_profile h2{
	margin-bottom: 20px;
}
.modaal-container .wrap_profile p{
	width: 520px;
	text-align: left;
	margin: 0 auto;
	color: #755638;
	line-height: 2;
	font-size: 12px;
}
.modaal-container .modaal-close{
	width: 80px;
	height: 80px;
}
.modaal-container .modaal-close:after,
.modaal-container .modaal-close:before{
	background: #36a479;
	width: 2px;
	height: 64px;
	top: 10px;
	left: 40px;
}
.namelink{
	position: absolute;
    z-index: 10;
    left: 194px;
    top: 160px;
}
.header_per2{
	position: absolute;
    z-index: 10;
    left: 346px;
    top: 160px;
}
.header_per3{
	position: absolute;
    z-index: 10;
    left: 556px;
    top: 160px;
}
.header_ttl{
	position: absolute;
    z-index: 20;
    left: 283px;
    top: 49px;
}

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


#content_foot_wrapper_sp {
    height: 100px;
    margin: 0 auto;
    display:block;
    background-image: url(https://www.tfm.co.jp/sky/img2014/body_bg.gif);
    background-repeat: repeat;
    background-position: center top;
}
    #content_foot_sp {
            background: url(https://www.tfm.co.jp/sky/smartphone/img2014/footer_illust.png) no-repeat 0 bottom;
    background-size: 100%;
    width: 100%;
    height: 100px;
    margin: 0 auto;
    display:block;
    }

    #content_foot p {
    background: url(https://www.tfm.co.jp/sky/smartphone/img2014/footer_onair.png) no-repeat;
    background-size: 133px 30px;
    text-indent: -9999px;
    width: 133px;
    height: 30px;
    margin: 0 auto;
    display:block;
}
    #footer_inner_sp {
    width: 320px;
    background: url(https://www.tfm.co.jp/sky/img2014/header_bg.gif) repeat center top;
    position: relative;
    height: 73px;
    margin: 0 auto;
    background-size: 20px 20px;
            display:block;
}
    p#tfm a {
    background: url(https://www.tfm.co.jp/sky/img2014/footer_tfm.png) no-repeat;
    background-size: 109px 19px;
    text-indent: -9999px;
    width: 109px;
    height: 19px;
    display: block;
    position: absolute;
    top: 19px;
    left: 106px;
    display:block;
}
    footer {
    width: 100%;
    background: url(https://www.tfm.co.jp/sky/img2014/header_bg.gif) repeat center top;
    background-size: 20px 20px;
    display:block;
}
    p#copyright {
    background: url(https://www.tfm.co.jp/sky/img2014/footer_copy.png) no-repeat;
    background-size: 173px 6px;
    text-indent: -9999px;
    width: 173px;
    height: 6px;
    display: block;
    position: absolute;
    top: 44px;
    left: 72px;
}

.mainvisual.blog {
	padding-bottom: 0;
}

}


/*
	2018.11追加ページ改修時
*/
#top_slide{
	width: 850px;
	height: 400px;
    background-color: #FFFFFF;
	position: relative;
}
#slides{
	width: 600px;
	margin: 0 auto;
	padding-bottom: 30px;
}
.slider{
    margin: 0 auto 0;
    width: 100%;
}
.slider img{
    height: auto;
    width: 100%;
}
#slides .next,
#slides .prev {
	position: absolute;
    width: 50px;
    height: 50px;
	top: 135px;
	left: -65px;
}
.slick-arrow{
	content: '';
	background-repeat: no-repeat;
	background-size: 50px;
	font-size: 50px;
}
.slick-arrow.prev{
	background-image: url(../img/arrow_prev.gif);
}
.slick-arrow.next{
	background-image: url(../img/arrow_next.gif);
}
.slick-arrow:hover{
	opacity: 0.7;
	cursor: pointer;
}
#slides .next {
	left: 615px;
}
.pagination {
	margin:14px 0 0 0;
	position:absolute;
	bottom: 15px;
	left: 50%;
	z-index:102;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.pagination li {
	float:left;
	list-style:none;
}
.pagination li a {
	display:block;
	width:9px;
	height:0px;
	margin:0 5px 0 5px;
	padding:9px 0 0 0;
	background-image:url(https://www.tfm.co.jp/sky/img2014/feature_pagination.png);
	background-position:0 0;
	overflow:hidden;
	cursor:pointer;
}
.pagination li.current a {
	background-position:0 -9px;
}
/* pageswitch */
.pageswitch {
    text-align: center;
    width: 675px;
    margin: 20px auto;
	padding-bottom: 60px;
	clear:both;
}
.pageswitch strong {
    background-color: #fff;
    border: 1px solid #5784aa;
    color: #5784aa;
    font-weight: bold;
	border-radius: 5px;
	font-size: 12px;
}
.pageswitch a {
    text-decoration: none;
    background-color: #5784aa;
	color:#fff;
	border-radius: 5px;
	font-size: 12px;
}
 .pageswitch .prevLink,
 .pageswitch .nextLink {
  display: inline-block;
  text-align: center;
  line-height: 33px;
  font-size: 12px;
  width: 80px;
  background: #5784aa;
  border: 1px solid #5784aa;
  color: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 767px){
	.mainvisual .btn_modal{
		right: 10px;
		top: 10px;
	}
	.mainvisual.blog{
		position: initial;
	}
	.mainvisual.blog .btn_modal{
		right: 10px;
		top:10px;
	}
	.modaal-outer-wrapper .modaal-inner-wrapper,
	.modaal-outer-wrapper .modaal-inner-wrapper .modaal-content-container{
		padding: 0;
	}
	.modaal-container #MENU h1{
		width: 50%;
		max-width: 230px;
		margin: 0 auto 40px;
	}
	.modaal-container #MENU h1 img{
		width: 100%;
	}
	.modaal-container #MENU .icon_FB{
		width: 18vw;
		max-width: 67px;
		margin: 7vw auto 0;
	}
	.modaal-container #MENU .icon_FB img{
		width: 100%;
	}
	.modaal-container .wrap_profile h1{
		width: 40vw;
		margin: 0 auto 15px;
		max-width: 230px;
	}
	.modaal-container .wrap_profile h1 img{
		width: 100%;
	}
	.modaal-container .wrap_profile h2{
		width: 80vw;
		max-width: 316px;;
		margin: 0 auto 20px;
	}
	.modaal-container .wrap_profile h2 img{
		width: 90%;
	}
	.modaal-container .wrap_profile p{
		width: 100%;
		padding: 0 8vw;
		font-size: 12px;
		line-height: 1.8;
	}
	.modaal-container .modaal-close:after,
	.modaal-container .modaal-close:before{
		height: 12vw;
		top: 10px;
		left: 40px;
	}
	.modaal-inner-wrapper{
		vertical-align: initial !important;
		top: 16vw;
	}
	.namelink{
		left: 6.4vw;
		top: 24.5vw;
		width: 25.625vw;
	}
	.header_per2{
		left: 30.15625vw;
		top: 24.5vw;
		width: 30vw !important;
	}
	.header_per3{
		left: 62.96875vw;
		top: 24.5vw;
		width: 25.625vw !important;
	}
	#top_slide{
		width: 100%;
		height: auto;
	}
	#slides{
		width: 90%;
		margin-top: 0;
	}
	#slides .slick-arrow{
		width: 8vw;
		height: 8vw;
		background-size: 8vw;
		top: 20vw;
		z-index: 1;
	}
	#slides .slick-arrow.prev{
		left: -4vw;
	}
	#slides .slick-arrow.next{
		left: 85vw;
	}
	/* pageswitch */
	.pageswitch {
		width: 100%;
	}
}
@media screen and (max-width: 605px){
	/* pageswitch */
	.pageswitch strong {
		width: 27px !important;
		height: 27px !important;
		line-height: 27px !important;
	}
	.pageswitch a{
		width: 27px !important;
		font-size: 12px;
		height: 27px !important;
		line-height: 27px !important;
		margin-bottom: 10px;
	}
	.pageswitch .prevLink, .pageswitch .nextLink{
		width: 45px;
		font-size: 12px;
		line-height: 25px !important;
	}

}