@charset "UTF-8";

/* =========================================================
	1: L字原稿
========================================================= */
#linfo_banner {
	margin-bottom: 10px;
}
#linfo_banner div.inner {
	display: table;
	width: 100%;
	height: 40px;
	padding: 2px;
	border: 2px solid #FF0000;
	box-sizing: border-box;
	border-radius: 3px;
	background: #FFFFFF;
}
#linfo_banner .inner div.title,
#linfo_banner .inner div.info,
#linfo_banner .inner div.linkBtn {
	display: table-cell;
	vertical-align: middle;
}
#linfo_banner .inner div.title {
	width: 426px;
	padding: 5px 0;
	color: #FFFFFF;
	font-size: 18px;
	text-align: center;
	background-color: #FF0000;
    background: url(../images/title_bg1.png) no-repeat right center #FF0000;
}
#linfo_banner .inner div.title span.main {
}
#linfo_banner .inner div.title span.main:after{
    content: "　";
}
#linfo_banner .inner div.title span.sub {
}

#linfo_banner .inner div.info {
	font-size: 16px;
	overflow: hidden;
}
#linfo_banner .inner div.info.scroll1 {
	min-width: 400px;
}
#linfo_banner .inner div.info.scroll2,
#linfo_banner .inner div.info.scroll3{
	min-width: 400px;
	max-width: 500px;
}


#linfo_banner .inner div.info .bx-wrapper {
	padding: 0 10px;
}
#linfo_banner .inner div.linkBtn {
	width: 50px;
	height: 42px;
	float: right;
	text-align: center;
	background-color: #FF0000;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E97369), to(#FF0000));
    background-image: -webkit-linear-gradient(#E97369, #FF0000);
    background-image:    -moz-linear-gradient(#E97369, #FF0000);
    background-image:     -ms-linear-gradient(#E97369, #FF0000);
    background-image:      -o-linear-gradient(#E97369, #FF0000);
    background-image:         linear-gradient(#E97369, #FF0000);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E97369', endColorstr='#FF0000');
	border-radius: 1px;
}
#linfo_banner .inner div.linkBtn a {
	overflow: hidden;
	display: block;
	height: 42px;
	text-indent: -9999px;
	background: url(../images/linfo_arrow.png) no-repeat 50% 50%;
	cursor:pointer;
}

/* IE7 hack ----------------------------------*/
*:first-child+html #linfo_banner .inner div.title,
*:first-child+html #linfo_banner .inner div.info,
*:first-child+html #linfo_banner .inner div.linkBtn {
	display: block;
	height: 40px;
	layout-grid-line: 38px;
}
*:first-child+html #linfo_banner .inner div.title,
*:first-child+html #linfo_banner .inner div.info {
	float: left;
}
*:first-child+html #linfo_banner .inner div.title {
	padding: 0;
	height: 100%;
}
*:first-child+html #linfo_banner .inner div.title span {
	layout-grid-line: none;
}
*:first-child+html #linfo_banner ul.marquee {
	height: 36px;
	overflow: hidden;
}
*:first-child+html #linfo_banner .inner div.linkBtn a {
	height: 37px;
}

/* for mobile */
@media only screen and (max-width:930px) {
	#linfo_banner div.inner {
		box-sizing: border-box;
		border: 3px solid #FF0000;
        background: #ffffff;
	}
	#linfo_banner .inner div#sp_box {
		display: table-cell;
		width: 90%;
	}
    #linfo_banner .inner div.title,
	#linfo_banner .inner div.info {
		display: block;
		width: auto;
		min-width: 200px;
		max-width: 800px;
		text-align: left;
        position: relative;
	}
    #linfo_banner .inner div.title {
        background: #FF0000;
        max-width: 98%;
		font-size: 14px;
		padding: 3px 3px;
        margin-bottom: 5px;
	}
	#linfo_banner .inner div.info {
        font-size: 14px;
	}
    #linfo_banner .inner div.info.scroll1 {
        min-width: 100%;
        max-width: 100%;
	}
    #linfo_banner .inner div.info.scroll2,
    #linfo_banner .inner div.info.scroll3{
        min-width: 0px;
	    max-width: 90%;
    }
    #linfo_banner .inner div.info #slider23 > div{
        width: 90%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }
	#linfo_banner .inner div.linkBtn,
    #linfo_banner .inner div.linkBtn a{
		width: 80px;
		height: 50px;
		float: none;
	}
	#linfo_banner .inner div.linkBtn a {
	background: url(../images/linfo_arrow_sp.png) no-repeat 50% 50%;
	background-size: 52px 42px;
	}
    
    #linfo_banner .inner div.title >div {
        padding: 5px 0px;
	}
}

#linfo_banner ul.marquee {
	display: block;
	margin:0; padding:0;
	list-style: none;
	position: relative;
	overflow: hidden;
	height: 22px;
}
#linfo_banner ul.marquee li {
	margin:0;
	list-style:none;
	position: absolute;
	top: -999em; left: 0;
	display: block;
	white-space: nowrap;
}

/* =========================================================
	2: モーダルウィンドウ
========================================================= */
#modal {
	display:none;
	position: fixed;
	z-index:1000;
}
#linfo_modal {
	position: absolute;
	padding: 15px 10px 15px 20px;
	border: 3px solid #EEEEEE;
	border-radius: 3px;
	background: #FFF;
	width: 600px;
	height: 438px;
	z-index: 1000;
}
#linfo_modal .colseBtn {
	position: absolute;
	top: 10px;
	right: 10px;
	overflow: hidden;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	background: url(../images/linfo_modal_close.png) no-repeat 50% 50%;
	cursor: pointer;
}
#linfo_modal p.date {
    margin 0px;
}
#linfo_modal .box {
	height: 400px;
	margin: 20px 0 0 0;
	padding: 0 10px 0 0;
	overflow-y: scroll;
}
#linfo_modal ul.nav {
	margin: 0 0 10px 0;
    padding: 0px;
}
#linfo_modal ul.nav li {
	margin: 0 2px 2px 0;
	display: block;
	float: left;
}
#linfo_modal ul.nav li a {
	width: 160px;
    height: 21px;
	display: block;
	float: left;
	padding: 10px 12px;
	font-weight: bold;
	text-decoration: none;
	white-space: normal;
	font-size: 16px;
	border: 1px solid #c6c6c6;
	border-radius: 2px;
	background: #d6d8dd;
	background-color: #d6d8dd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#d6d8dd));
    background-image: -webkit-linear-gradient(#eaeaea, #d6d8dd);
    background-image:    -moz-linear-gradient(#eaeaea, #d6d8dd);
    background-image:     -ms-linear-gradient(#eaeaea, #d6d8dd);
    background-image:      -o-linear-gradient(#eaeaea, #d6d8dd);
    background-image:         linear-gradient(#eaeaea, #d6d8dd);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eaeaea', endColorstr='#d6d8dd');
}
#linfo_modal ul.nav li.current a{
	border: 1px solid #FF0000;
	background: #FF0000;
	background-color: #FF0000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#E97369), to(#FF0000));
    background-image: -webkit-linear-gradient(#E97369, #FF0000);
	background-image:    -moz-linear-gradient(#E97369, #FF0000);
	background-image:     -ms-linear-gradient(#E97369, #FF0000);
	background-image:      -o-linear-gradient(#E97369, #FF0000);
	background-image:         linear-gradient(#E97369, #FF0000);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E97369', endColorstr='#FF0000');
	color: #FFFFFF;
}
#linfo_modal div.article {
	overflow: hidden;
	margin: 10px 0 0 0;
	padding: 15px 20px 10px 20px;
	border-top: 1px dotted #CCCCCC;
}
#linfo_modal div.article h3 {
	color: #333333;
	font-size: 24px;
    margin: 0 0 10px;;
}
#linfo_modal div.article p {
	font-size: 16px;
	line-height: 1.6;
    margin: 0px;
}
#linfo_modal div.article p.linfoTop {
	font-size: 13px;
	background: #FF0000;
	float: right;
	border-radius: 2px;
}
#linfo_modal div.article p.linfoTop a {
	padding: 5px;
	line-height: 1.3;
	color: #FFFFFF;
	text-decoration: none;
}

#modalBK{
	position: fixed;
	z-index:999;
	height:100%;
	width:100%;
	background:#000;
	opacity: 0.6;
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
}

body.modal-open{
	overflow: hidden;
	position: relative
}

/* =========================================================
	3: スマートフォン情報ページ
========================================================= */
/* @media only screen and (max-width:840px) { */
	/* 遷移先 */
	#linfo {
		padding: 15px;
		background: #FFF;
		border: 1px solid #EEEEEE;
		border-radius: 3px;
	}
	#linfo h2 {
		display: inline-block;
		padding: 0 10px 0 0;
		border: none;
		color: #333333;
		font-size: 20px;
	}
	#linfo p.date {
		display: inline-block; 
	}
	#linfo p.errorMsg {
		margin: 10px 0;
		color: #FF0000;
	}
	/* アコーディオン */
	#linfo dl{}
	#linfo dl dt{
		padding: 10px 10px 10px 15px;
		background: url(../images/icon_acc_down.png) no-repeat 97% 50%, -webkit-linear-gradient(#E97369, #FF0000);
        background: url(../images/icon_acc_down.png) no-repeat 97% 50%, linear-gradient(#E97369, #FF0000);
        background-size: 24px 24px, 100% 100%;
		color: #FFFFFF;
		font-size: 20px;
		cursor: pointer;
        height: 26px;
	}
	#linfo dl dt.active{
        background: url(../images/icon_acc_up.png) no-repeat 97% 50%, -webkit-linear-gradient(#E97369, #FF0000);
		background: url(../images/icon_acc_up.png) no-repeat 97% 50%, linear-gradient(#E97369, #FF0000);
        background-size: 24px 24px, 100% 100%;
	}
	#linfo dl dt:first-child {
		border-radius: 3px 3px 0 0;
	}
	#linfo dl dd {
		display: none;
		padding: 10px 20px 0;
		border: 1px solid #EEEEEE;
	}
	#linfo dl dd div.article {
		margin: 0 0 15px 0;
	}
	#linfo dl dd div.article h3 {
		color: #333333;
		font-size: 16px;
	}
	#linfo dl dd div.article p {
		font-size: 14px;
	}
/* } */

#linfo_modal .clearfix:after{
    clear: both;
    content: "";
    display: block;
}