@charset "UTF-8";

/*
last update 2015.09.026

*/

/* ***********************************************************************
        PC・スマホ共通
*********************************************************************** */

/********************ヘッダー********************/


/* ***********************************************************************
        767px以下(ipad含めず)
*********************************************************************** */
@media (max-width: 767px) {



/********************SPバナー********************/
#sp-banner {
	background-color: #e8f0fd;
}
#sp-banner #sp-banner-inner {
	padding: 5px 15px;
}
#sp-banner #sp-banner-inner img {
	width: 100%;
}


/********************トップページ用ヘッダー********************/

#header #header-logo {
	padding:7px 8px 12px;
}
#header #header-logo img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
#header #header-date {
	background: url(../images/sp/header-date.png) no-repeat center top;
    -moz-background-size:100% auto;
	background-size:100% auto;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	height: 0;
	overflow: hidden;
	padding-top:8.4375%;
}
#header #header-cast {
	background: url(../images/sp/header-cast.png) no-repeat center top;
    -moz-background-size:100% auto;
	background-size:100% auto;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	height: 0;
	overflow: hidden;
	padding-top:13.4375%;
}
#header #header-yokoku {
	background:url(../images/sp/header-yokoku.jpg) no-repeat 0 0;
	-moz-background-size:100% auto;
	background-size:100% auto;
	width:320px;
	height:74px;
	margin:0 auto 12px;
}
#header #header-yokoku h2 {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	height: 0;
	overflow: hidden;
}
#header #header-yokoku p {
	color:#FFF;
	font-size:16px;
	line-height:74px;
	text-align:center;
}
#header #header-yokoku p a {
	color:#FFF;
	text-decoration:underline;
}


/***************トップページ用ナビゲーション***************/

#header #yasuda-nav ul {
	margin:0 0 9px;
}

/*コーナー紹介*/
#header #yasuda-nav ul li#yasuda-nav-corner a {
	float:left;
	display: block;
	background: url(../images/sp/yasuda-nav-corner.png) no-repeat 0 0;
	-moz-background-size:100% auto;
	background-size:100% auto;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 35%;
	padding-top: 30%;
}

/*バックナンバー*/
#header #yasuda-nav ul li#yasuda-nav-backnumber a {
	float:left;
	display: block;
	background: url(../images/sp/yasuda-nav-backnumber.png) no-repeat 0 0;
	-moz-background-size:100% auto;
	background-size:100% auto;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 30%;
	padding-top: 30%;
}

/*お便り*/
#header #yasuda-nav ul li#yasuda-nav-mail a {
	float:left;
	display: block;
	background: url(../images/sp/yasuda-nav-mail.png) no-repeat 0 0;
	-moz-background-size:100% auto;
	background-size:100% auto;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 35%;
	padding-top: 30%;
}



/********************下層ページ用ヘッダー********************/
#header2 #header-logo {
	background: url(../images/sp/header.png) no-repeat 0 0;
    -moz-background-size:100% auto;
	background-size:100% auto;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	height: 0;
	overflow: hidden;
	padding-top:21.09375%;
	margin:0 0 10px;
}
#header2 #header-date {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	height: 0;
	overflow: hidden;
}

/***************下層ページ用ナビゲーション***************/

#header2 #yasuda-nav {
	margin:0 0 15px;
}

/*コーナー紹介*/
#header2 #yasuda-nav ul li#yasuda-nav-corner2 a {
	float:left;
	display: block;
	background: url(../images/sp/yasuda-nav-corner2.png) no-repeat 0 0;
	-moz-background-size:100% auto;
	background-size:100% auto;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 25%;
	padding-top: 25%;
}

/*バックナンバー*/
#header2 #yasuda-nav ul li#yasuda-nav-backnumber2 a {
	float:left;
	display: block;
	background: url(../images/sp/yasuda-nav-backnumber2.png) no-repeat 0 0;
	-moz-background-size:100% auto;
	background-size:100% auto;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 25%;
	padding-top: 25%;
}

/*お便り*/
#header2 #yasuda-nav ul li#yasuda-nav-mail2 a {
	float:left;
	display: block;
	background: url(../images/sp/yasuda-nav-mail2.png) no-repeat 0 0;
	-moz-background-size:100% auto;
	background-size:100% auto;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 25%;
	padding-top: 25%;
}

/*トップ*/
#header2 #yasuda-nav ul li#yasuda-nav-top2 a {
	float:left;
	display: block;
	background: url(../images/sp/yasuda-nav-top2.png) no-repeat 0 0;
	-moz-background-size:100% auto;
	background-size:100% auto;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 25%;
	padding-top: 25%;
}


}




/* ***********************************************************************
       768px以上(ipad含む)
*********************************************************************** */
@media (min-width: 768px) {


/********************SPバナー********************/
#sp-banner {
	background-color: #e8f0fd;
}
#sp-banner #sp-banner-inner {
	width: 400px;
	margin: 0 auto;
	padding: 10px 0;
}


/********************ヘッダー********************/
#header {
	background:url(../images/pc/header.png) no-repeat 0 0;
	width:980px;
	height:340px;
	margin:auto;
	position: relative;
}
#header-inner {
}
#header #header-logo {
	position:absolute;
	top:33px;
	left:182px;
}
#header #header-date,
#header #header-cast,
#header #header-yokoku h2 {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	height: 0;
	overflow: hidden;
}
#header #header-yokoku p {
	color:#FFF;
	font-size:14px;
	line-height:24px;
	text-align:center;
	width:129px;
	position:absolute;
	top:245px;
	left:34px;
}
#header #header-yokoku p a {
	color:#FFF;
	text-decoration:underline;
}
#header #header-yokoku p a span {
	display:block;
}

/***************トップページ用ナビゲーション***************/

#header #yasuda-nav ul {
}

/*コーナー紹介*/
#header #yasuda-nav ul li#yasuda-nav-corner a {
	display: block;
	background: url(../images/pc/yasuda-nav-corner.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 178px;
	height: 37px;
	position: absolute;
	top: 269px;
	left: 207px;
}
#header #yasuda-nav ul li#yasuda-nav-corner a:hover {
	background: url(../images/pc/yasuda-nav-corner.png) no-repeat 0 -37px;
}

/*バックナンバー*/
#header #yasuda-nav ul li#yasuda-nav-backnumber a {
	display: block;
	background: url(../images/pc/yasuda-nav-backnumber.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 179px;
	height: 37px;
	position: absolute;
	top: 269px;
	left: 413px;
}
#header #yasuda-nav ul li#yasuda-nav-backnumber a:hover {
	background: url(../images/pc/yasuda-nav-backnumber.png) no-repeat 0 -37px;
}

/*お便り*/
#header #yasuda-nav ul li#yasuda-nav-mail a {
	display: block;
	background: url(../images/pc/yasuda-nav-mail.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 160px;
	height: 37px;
	position: absolute;
	top: 269px;
	left: 614px;
}
#header #yasuda-nav ul li#yasuda-nav-mail a:hover {
	background: url(../images/pc/yasuda-nav-mail.png) no-repeat 0 -37px;
}


/********************下層ページ用ヘッダー********************/
#header2 {
	background:url(../images/pc/header2.png) no-repeat 0 0;
	width:980px;
	height:117px;
	margin:0 auto 50px;
	position: relative;
}
#header2 #header-logo,
#header2 #header-date {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	height: 0;
	overflow: hidden;
}



/***************下層ページ用ナビゲーション***************/

#header2 #yasuda-nav ul {
}

/*コーナー紹介*/
#header2 #yasuda-nav ul li#yasuda-nav-corner2 a {
	display: block;
	background: url(../images/pc/yasuda-nav-corner2.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 93px;
	height: 87px;
	position: absolute;
	top: 24px;
	right: 241px;
}
#header2 #yasuda-nav ul li#yasuda-nav-corner2 a:hover {
	background: url(../images/pc/yasuda-nav-corner2.png) no-repeat 0 -87px;
}

/*バックナンバー*/
#header2 #yasuda-nav ul li#yasuda-nav-backnumber2 a {
	display: block;
	background: url(../images/pc/yasuda-nav-backnumber2.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 90px;
	height: 87px;
	position: absolute;
	top: 24px;
	right: 141px;
}
#header2 #yasuda-nav ul li#yasuda-nav-backnumber2 a:hover {
	background: url(../images/pc/yasuda-nav-backnumber2.png) no-repeat 0 -87px;
}

/*お便り*/
#header2 #yasuda-nav ul li#yasuda-nav-mail2 a {
	display: block;
	background: url(../images/pc/yasuda-nav-mail2.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 87px;
	height: 87px;
	position: absolute;
	top: 24px;
	right: 141px;
}
#header2 #yasuda-nav ul li#yasuda-nav-mail2 a:hover {
	background: url(../images/pc/yasuda-nav-mail2.png) no-repeat 0 -87px;
}

/*トップ*/
#header2 #yasuda-nav ul li#yasuda-nav-top2 a {
	display: block;
	background: url(../images/pc/yasuda-nav-top2.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	width: 92px;
	height: 87px;
	position: absolute;
	top: 24px;
	right: 35px;
}
#header2 #yasuda-nav ul li#yasuda-nav-top2 a:hover {
	background: url(../images/pc/yasuda-nav-top2.png) no-repeat 0 -87px;
}




}