@charset "UTF-8";


/*--------------------------------------------------------------------------------
PCSP両方に共通、終了表示
--------------------------------------------------------------------------------*/
body.bk_event dt.title:after,
body.bk_campaign dt.title:after {
content: "＜終了＞";
color:#fa0808;
}

@media screen and (max-width:767px) {
	/* ここにSP向けのCSS指定 */

#ec.index .innerColSec1 h1 img.pc {display:none;}
#ec.index .innerColSec1 h1 span.pcspan {font-size: 20px;font-weight: bold;}

	.wrapMaxCol{ width:100%; margin:0 auto;}
	.wrapMaxCol .innerColSec1{ width:100%; margin: auto;}

#contents .mainSection {width:100%;margin:0 auto 39px;}
#contents .mainvisual_guide {display: none;}
#contents .mainvisual_guide #pagination_guide {
	position:absolute;
	top:72px;
	width:100%;
	z-index:990;
}
#contents .mainvisual_guide #slide_guide {display: none;}
#contents .mainvisual_guide #slide_guide li{float:none;}
.infoSec01 { width: 100%; margin: 0 auto 30px;}
.infoSec01 h2 { float: none;}
.infoSec01 ul.nav li { display:block; float: left;}
.infoSec01.sec ul{margin-bottom:5px;}
.infoSec01.sec ul.nav li{margin-right:10px}
.infoSec01.sec ul.nav li.current {filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}

ul.infoList { clear:both; border: 1px solid #e2e2e2; padding: 29px 29px 0; margin-bottom: 10px; overflow: hidden;}
ul.infoList li { margin-bottom: 30px; overflow: hidden;}
ul.infoList li img,
ul.infoList li img .bnr,
ul.infoList li img .bnr2 {display:none !important;}

ul.infoList li dl.info { float: none; width: 100%;}
ul.infoList li dl.info dt.title { margin: 10px auto;}
ul.infoList li dl.info dd.detail {}
ul.infoList li dl.info dd.detail p { margin-bottom: 10px;}
ul.infoList li .ohter { background: #f5f3f3; padding:6px 8px; overflow: hidden; font-size: 80%;}
ul.infoList li .ohter dl { clear: both;}
ul.infoList li .ohter dl dt { float: none; line-height:1.8;}
ul.infoList li .ohter dl dd { float: none; line-height:1.8; margin-right: 2em;}

.mainSection #mainList {display:none;}

.backInfo {	text-align: right; font-size: 80%;}
.backInfo p { background: url("/common/images/ico_link_01.gif") no-repeat scroll right 3px transparent;  font-weight:bold; padding: 3px 21px 3px 0;}

.infoSec01 h2 img {margin-bottom: 10px;}

ul.infoList li {
border-bottom: dotted 2px #ccc;
}
ul.infoList li:last-child {
	border-bottom:none;
}
ul.infoList li {
    margin-bottom: 10px;
}
dd#sponsor div {
	margin-bottom: 20px;
}
dl.articleSec01 {
	margin:0px auto;
	width:90%;
}


}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (min-width:768px) {
/* ここにPC向けのCSS指定 */


/*--------------------------------------------------------------------------------
wrapMaxCol
--------------------------------------------------------------------------------*/
.wrapMaxCol{ width:960px; margin:0 auto; min-width:960px;}
.wrapMaxCol .innerColSec1{ width:960px; margin: auto;}

/*--------------------------------------------------------------------------------
innerColSec1
--------------------------------------------------------------------------------*/
#ec.index .innerColSec1 {margin-bottom: 19px;}
#ec.index .innerColSec1 h1 img.sp {display:none;}


/*--------------------------------------------------------------------------------
mainSection
--------------------------------------------------------------------------------*/
#contents .mainSection {
	width:960px;
	margin:0 auto 39px;
}
#contents .mainvisual_guide {
	width:1200px;
	height:257px;
	margin:0 -120px;
	overflow:hidden;
	position:relative;
	z-index:500;
}
#contents .mainvisual_guide #pagination_guide {
	position:absolute;
	top:72px;
	width:1200px;
	z-index:990;
}
#pagination_guide li {
	position:absolute;
	z-index:999;
	width:40px;
	cursor:pointer;
}
#pagination_guide li#mainPrev { left:0; }
#pagination_guide li#mainNext { right:0; }

#contents .mainvisual_guide #slide_guide {
	position: relative;
	left:0;
	top:0;
	height:257px;
	z-index:980;

	width:3600px;
    /* ビジュアル数により変更 */
}
#contents .mainvisual_guide #slide_guide li{
	float:left;
}
.mainSection #mainList {
	text-align:center;
}
.mainSection #mainList li {
	z-index:970;
	display:inline-block;
	/display:inline;
	/zoom:1;
	width:15px;
	height:15px;
	padding:0 5px;
	cursor:pointer;
}
/*--------------------------------------------------------------------------------
infoSec01
--------------------------------------------------------------------------------*/
.infoSec01 { width: 960px; margin: 0 auto 30px;}
.infoSec01 h2 { float: left; margin: 0 23px 20px 0;}
.infoSec01 ul.nav li { display:block; float: left; margin-right: 21px;}
.infoSec01 ul.nav li.current {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;}

/*--------------------------------------------------------------------------------
infoList
--------------------------------------------------------------------------------*/
ul.infoList { clear:both; border: 1px solid #e2e2e2; padding: 29px 29px 0; margin-bottom: 10px; overflow: hidden;}
ul.infoList li { margin-bottom: 30px; overflow: hidden;}
ul.infoList li img.bnr { border: 1px solid #e2e2e2; float: left;}
ul.infoList li img.bnr2 { border: 2px solid #e2e2e2; float: left;}
ul.infoList li dl.info { float: right; width: 770px;}
ul.infoList li dl.info dt.title { margin-bottom: 10px;}
ul.infoList li dl.info dd.detail {}
ul.infoList li dl.info dd.detail p { margin-bottom: 10px;}
ul.infoList li .ohter { background: #f5f3f3; padding:6px 8px; overflow: hidden; font-size: 80%;}
ul.infoList li .ohter dl { clear: both;}
ul.infoList li .ohter dl dt { float: left; line-height:1.8;}
ul.infoList li .ohter dl dd { float: left; line-height:1.8; margin-right: 2em;}

/*--------------------------------------------------------------------------------
infoList
--------------------------------------------------------------------------------*/
.backInfo {	text-align: right; font-size: 80%;}
.backInfo p { background: url("/common/images/ico_link_01.gif") no-repeat scroll right 3px transparent;  font-weight:bold; padding: 3px 21px 3px 0;}

/*--------------------------------------------------------------------------------
articleSec01
--------------------------------------------------------------------------------*/
.articleSec01{ margin:0 auto ; border:1px solid #e2e2e2; width:958px;}
.articleSec01 dt{border-bottom:1px solid #e2e2e2; background:#fafafa; padding:12px 20px;}
.articleSec01 dd{ padding:20px 0 20px 19px; overflow: hidden;}
.articleSec01 dd div{ width: 216px; float: left; margin-right: 18px; font-size: 80%;}
.articleSec01 dd img{ margin-bottom: 10px;}
.articleSec01 dd a{ font-weight: bold; font-size:110%;}
}

@media screen and (max-width: 767px){
#ec .articleSec01 {
    margin: 0 auto;
    border: 1px solid #e2e2e2;
    width: 100%;
}

#ec .articleSec01 dd div{
margin-bottom:20px;
}

#ec .articleSec01 dd div:last-child{
margin-bottom:0px;
}

#ec .articleSec01 dt {
    border-bottom: 1px solid #e2e2e2;
    background: #fafafa;
    padding: 12px 20px;
}

#ec .articleSec01 dd {
    padding: 29px 29px;
    overflow: hidden;
}

#ec .articleSec01 dd img {
	margin-bottom: 5px;
}

#ec .articleSec01 dd div p:last-child {
    font-size:85%;
}


}

/*--------------------------------------------------------------------------------
お知らせ
--------------------------------------------------------------------------------*/

#info_gray.relatedMod03 {
    padding: 10px;
    background: #f0f0f0;
    width: 940px;
    margin: 0px auto;
}

#info_gray.relatedMod03 p a::before {
    content: "【お知らせ】";
    color: #ff0000;
    font-weight: bold;
}

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

#info_gray.relatedMod03 {
    width:auto;

}

#info_gray p{
 margin-left:0px!important;
}

}