@charset'UTF-8'

/* Common Style */
#main-contents a:link {
	color: #405392;
	text-decoration: underline;
}
#main-contents a:hover {
	color: #3399cc;
	text-decoration: underline;
}
#main-contents a:visited {
	color: #405392;
	text-decoration: underline;
}


/* ## PC Style  ###################################################################################################### */

/* ******************************************
XXXXXXXXXXXXXXX
****************************************** */
#icn-list {
	clear: both;
	float: left;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
}
#icn-list ul {
	padding: 0;
	clear: both;
	float: left;
	width: 100%;
	text-align: center;
}
#icn-list ul li {
	display: inline-block;
	padding: 10px 0 0 0;
	list-style: none;
}
#icn-list ul li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/* ******************************************
XXXXXXXXXXXXXXX
****************************************** */
#icn-module {
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0 0 3em 0;
}
#icn-module ul {
	width: 100%;
	text-align: left;
	letter-spacing: -0.40em;
}
#icn-module ul li {
	width: 100%;
	list-style: none;
}
#icn-module ul li .icn-list {
	width: 100%;
	border: 1px solid #cacaca;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 35px 19px 30px;
	margin-bottom: 1.5em;
	clear: both;
	box-sizing: border-box;
}
#icn-module ul li .icn-box {
	width: 9%;
	padding: 0 1% 0 0;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
}
#icn-module ul li .icn-box img {
	width: 100%;
	height: auto;
	max-width: 80px;
}
#icn-module ul li .txt-box {
	width: 90%;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
}
#icn-module ul li .txt-box .ttl {
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	font-size: 161.6%;
	line-height: 1.3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0 0 8px 0;
}
#icn-module ul li .txt-box .txt {
	font-size: 100%;
	line-height: 1.6;
	padding: 0 0 10px 0;
}
#icn-module ul li .txt-box .img {
	display: inline-block;
	padding: 0 15px 0 0;
}
#icn-module .icn-page-top {
	display: none;
	font-size: 93%;
	width: 665px;
	clear: both;
	text-align: right;
	padding: 10px 35px 10px 0;
	background-image: url(/products/image/icnlink.png);
	background-repeat: no-repeat;
	background-position: 99% 50%;
}


/* *********************************************
NO.011 ブルーライトカット
************************************************/
#smp-film-011 p.blc-img {
	padding: 10px 0 0 0;
}
#smp-film-011 p.blc-img.pc img {
	width: 100%;
	max-width: 500px;
	height: auto;
}
#smp-film-011 p.blc-img.sp {
	display:  none;
}


/* *****************************
NO.030 XXXXXXXXXXXXXXX
********************************/
#smp-film-030 ul.hv-list {
	float: left;
	clear: both;
	width: 565px;
	padding: 5px 0 5px 0;
}
#smp-film-030 ul.hv-list li.l-list {
	width: 275px;
	float: left;
	clear: none;
	padding: 0 15px 0 0;
}
#smp-film-030 ul.hv-list li.r-list {
	width: 275px;
	float: left;
	clear: none;
}
#smp-film-030 ul.hv-list li div.hv-ttl {
	padding: 0 0 8px 0;
	width: 275px;
	font-size: 131%;
	color: #e00080;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: 0;
}
#smp-film-030 ul.hv-list li p.hv-txt {
	padding: 0 0 13px 0;
	width: 275px;
	line-height: 1.6;
	min-height: 60px;
	letter-spacing: 0;
}
#smp-film-030 ul.hv-list li div.hv-img {
	padding: 0;
}
#smp-film-030 ul.hv-list li div.hv-img img {
	vertical-align: top;
}
#smp-film-030 ul.hv-list li div.hv-img span {
	padding: 8px 0 0 0;
	font-size: 85%;
	line-height: 1.2;
	display: block;
	width: 255px;
}


/* *********************************************
NO.031 XXXXXXXXXXXXXXX
************************************************/
#smp-film-031 ul.txt-list {
	float: left;
	clear: both;
	width: 565px;
	padding: 5px 0 5px 0;
}
#smp-film-031 ul.txt-list li.l-list {
	width: 275px;
	float: left;
	clear: none;
	padding: 0 35px 0 0;
	letter-spacing: normal;
	letter-spacing: normal;
}
#smp-film-031 ul.txt-list li.r-list {
	width: 255px;
	float: left;
	clear: none;
}
#smp-film-031 ul.txt-list li p.list-txt {
	padding: 0 0 13px 0;
	width: 275px;
	line-height: 1.6;
	min-height: 60px;
}
#smp-film-031 ul.txt-list li div.img {
	padding: 0;
}
#smp-film-031 ul.txt-list li div.img img {
	vertical-align: top;
}


/* *********************************************
NO.033 XXXXXXXXXXXXXXX
************************************************/

#smp-film-033 ul.txt-list {
	float: left;
	clear: both;
	width: 565px;
	padding: 10px 0 0 0;
	letter-spacing:  normal;
}
#smp-film-033 ul.txt-list li.l-list {
	width: 290px;
	float: left;
	clear: none;
	padding: 0;
}
#smp-film-033 ul.txt-list li.r-list {
	width: 250px;
	float: left;
	clear: none;
}
#smp-film-033 ul.txt-list li div.list-ttl {
	padding: 0 0 6px 0;
	width: 250px;
	font-size: 131%;
	color: #e00080;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: normal !important;
}
#smp-film-033 ul.txt-list li p.list-txt {
	padding: 5px 0 0 0;
	width: 250px;
	line-height: 1.6;
	min-height: 60px;
	font-size: 85%;
	letter-spacing: normal !important;
}
#smp-film-033 ul.txt-list li div.img {
	padding: 0;
}
#smp-film-033 ul.txt-list li div.img img {
	vertical-align: top;
}


/* *********************************************
NO.035 XXXXXXXXXXXXXXX
************************************************/
#smp-film-035 ul.txt-list {
	float: left;
	clear: both;
	width: 565px;
	padding: 5px 0 5px 0;
	letter-spacing: 0;
}
#smp-film-035 ul.txt-list li.l-list {
	width: 210px;
	float: left;
	clear: none;
	padding: 0 35px 0 0;
}
#smp-film-035 ul.txt-list li.r-list {
	width: 320px;
	float: left;
	clear: none;
}
#smp-film-035 ul.txt-list li p.list-txt {
	padding: 0 0 13px 0;
	width: 210px;
	line-height: 1.6;
	min-height: 60px;
}
#smp-film-035 ul.txt-list li div.img {
	padding: 0;
}
#smp-film-035 ul.txt-list li div.img img {
	vertical-align: top;
}


/* *********************************************
NO.043 XXXXXXXXXXXXXXX
************************************************/
#smp-film-043 ul.txt-list {
	float: left;
	clear: both;
	width: 565px;
	padding: 10px 0 0 0;
	position: relative;
}
#smp-film-043 ul.txt-list li.l-list {
	width: 251px;
	float: left;
	clear: none;
	padding: 0 18px 0 0;
	margin: 0 0 0 0;
	z-index: 0;
}
#smp-film-043 ul.txt-list li.r-list {
	width: 251px;
	float: left;
	clear: none;
	margin: 0 0 0 0;
	z-index: 0;
}
#smp-film-043 ul.txt-list li.arrow {
	padding: 70px 0 0 240px;
	margin: 0 0 0 0;
	width: 41px;
	float: left;
	clear: none;
	z-index: 100;
	position: absolute;
}
#smp-film-043 ul.txt-list li div.list-ttl {
	padding: 0 0 6px 0;
	width: 250px;
	font-size: 131%;
	color: #e00080;
	font-weight: bold;
	line-height: 1.2;
}
#smp-film-043 ul.txt-list li p.list-txt {
	padding: 5px 0 0 0;
	width: 250px;
	line-height: 1.6;
	min-height: 60px;
	font-size: 85%;
}
#smp-film-043 ul.txt-list li div.img {
	padding: 0;
}
#smp-film-043 ul.txt-list li div.img img {
	vertical-align: top;
}
#smp-film-043 .info-txt {
	font-size: 85%;
	color: #666;
	clear: both;
}


/* *********************************************
NO.044 XXXXXXXXXXXXXXX
************************************************/
#smp-film-044 ul.txt-list {
	float: left;
	clear: both;
	width: 565px;
	padding: 10px 0 0 0;
	position: relative;
}
#smp-film-044 ul.txt-list li.l-list {
	width: 251px;
	float: left;
	clear: none;
	padding: 0 18px 0 0;
	margin: 0 0 0 0;
	z-index: 0;
}
#smp-film-044 ul.txt-list li.r-list {
	width: 251px;
	float: left;
	clear: none;
	margin: 0 0 0 0;
	z-index: 0;
}
#smp-film-044 ul.txt-list li.arrow {
	padding: 70px 0 0 240px;
	margin: 0 0 0 0;
	width: 41px;
	float: left;
	clear: none;
	z-index: 100;
	position: absolute;
}
#smp-film-044 ul.txt-list li div.list-ttl {
	padding: 0 0 6px 0;
	width: 250px;
	font-size: 131%;
	color: #e00080;
	font-weight: bold;
	line-height: 1.2;
}
#smp-film-044 ul.txt-list li p.list-txt {
	padding: 5px 0 0 0;
	width: 250px;
	line-height: 1.6;
	min-height: 60px;
	font-size: 85%;
}
#smp-film-044 ul.txt-list li div.img {
	padding: 0;
}
#smp-film-044 ul.txt-list li div.img img {
	vertical-align: top;
}
#smp-film-044 .info-txt {
	font-size: 85%;
	color: #666;
	clear: both;
}


/* *********************************************
NO.059 XXXXXXXXXXXXXXX
************************************************/
#smp-film-059 ul.txt-list {
	float: left;
	clear: both;
	width: 565px;
	padding: 10px 0 0 0;
	position: relative;
}
#smp-film-059 ul.txt-list li.l-list {
	width: 251px;
	float: left;
	clear: none;
	padding: 0 18px 0 0;
	margin: 0 0 0 0;
	z-index: 0;
}
#smp-film-059 ul.txt-list li.r-list {
	width: 251px;
	float: left;
	clear: none;
	margin: 0 0 0 0;
	z-index: 0;
}
#smp-film-059 ul.txt-list li.arrow {
	padding: 70px 0 0 240px;
	margin: 0 0 0 0;
	width: 41px;
	float: left;
	clear: none;
	z-index: 100;
	position: absolute;
}
#smp-film-059 ul.txt-list li div.list-ttl {
	padding: 0 0 6px 0;
	width: 250px;
	font-size: 131%;
	color: #e00080;
	font-weight: bold;
	line-height: 1.2;
}
#smp-film-059 ul.txt-list li p.list-txt {
	padding: 5px 0 0 0;
	width: 250px;
	line-height: 1.6;
	min-height: 60px;
	font-size: 85%;
}
#smp-film-059 ul.txt-list li div.img {
	padding: 0;
}
#smp-film-059 ul.txt-list li div.img img {
	vertical-align: top;
}
#smp-film-059 .info-txt {
	font-size: 85%;
	color: #666;
	clear: both;
}


/* *********************************************
NO.001 XXXXXXXXXXXXXXX
************************************************/
#tab-film-001 ul.txt-list {
	float: left;
	clear: both;
	width: 565px;
	padding: 5px 0 5px 0;
	letter-spacing: 0;
}
#tab-film-001 ul.txt-list li.l-list {
	width: 210px;
	float: left;
	clear: none;
	padding: 0 35px 0 0;
}
#tab-film-001 ul.txt-list li.r-list {
	width: 320px;
	float: left;
	clear: none;
}
#tab-film-001 ul.txt-list li p.list-txt {
	padding: 0 0 13px 0;
	width: 210px;
	line-height: 1.6;
	min-height: 60px;
}
#tab-film-001 ul.txt-list li div.img {
	padding: 10px 0 0 0;
}
#tab-film-001 ul.txt-list li div.img img {
	vertical-align: top;
}


/* *********************************************
NO.005 XXXXXXXXXXXXXXX
************************************************/
#tab-film-005 ul.txt-list {
	float: left;
	clear: both;
	width: 565px;
	padding: 10px 0 0 0;
}
#tab-film-005 ul.txt-list li.l-list {
	width: 270px;
	float: left;
	clear: none;
	padding: 0;
}
#tab-film-005 ul.txt-list li.r-list {
	width: 250px;
	float: left;
	clear: none;
}
#tab-film-005 ul.txt-list li div.list-ttl {
	padding: 0 0 6px 0;
	width: 250px;
	font-size: 131%;
	color: #e00080;
	font-weight: bold;
	line-height: 1.2;
}
#tab-film-005 ul.txt-list li p.list-txt {
	padding: 5px 0 0 0;
	width: 250px;
	line-height: 1.6;
	min-height: 60px;
	font-size: 85%;
}
#tab-film-005 ul.txt-list li div.img {
	padding: 0;
}
#tab-film-005 ul.txt-list li div.img img {
	vertical-align: top;
}


/* *****************************
NO.027 XXXXXXXXXXXXXXX
********************************/
#tab-film-027 ul.hv-list {
	float: left;
	clear: both;
	width: 565px;
	padding: 5px 0 5px 0;
}
#tab-film-027 ul.hv-list li.l-list {
	width: 275px;
	float: left;
	clear: none;
	padding: 0 15px 0 0;
	letter-spacing: 0;
}
#tab-film-027 ul.hv-list li.r-list {
	width: 275px;
	float: left;
	clear: none;
	letter-spacing: 0;
}
#tab-film-027 ul.hv-list li div.hv-ttl {
	padding: 0 0 8px 0;
	width: 275px;
	font-size: 131%;
	color: #e00080;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: normal;
}
#tab-film-027 ul.hv-list li p.hv-txt {
	padding: 0 0 13px 0;
	width: 275px;
	line-height: 1.6;
	min-height: 60px;
	letter-spacing: normal;
}
#tab-film-027 ul.hv-list li div.hv-img {
	padding: 0;
}
#tab-film-027 ul.hv-list li div.hv-img img {
	vertical-align: top;
}
#tab-film-027 ul.hv-list li div.hv-img span {
	padding: 8px 0 0 0;
	font-size: 85%;
	line-height: 1.2;
	display: block;
	width: 255px;
}


/* *********************************************
NO.032 XXXXXXXXXXXXXXX
************************************************/
#tab-film-032 ul.txt-list {
	float: left;
	clear: both;
	width: 565px;
	padding: 5px 0 5px 0;
}
#tab-film-032 ul.txt-list li.l-list {
	width: 240px;
	float: left;
	clear: none;
	padding: 0 20px 0 0;
}
#tab-film-032 ul.txt-list li.r-list {
	width: 180px;
	float: left;
	clear: none;
}
#tab-film-032 ul.txt-list li p.list-txt {
	padding: 0 0 13px 0;
	width: 245px;
	line-height: 1.6;
	min-height: 60px;
}
#tab-film-032 ul.txt-list li div.img {
	padding: 0;
}
#tab-film-032 ul.txt-list li div.img img {
	vertical-align: top;
}


/* *********************************************
NO.033 XXXXXXXXXXXXXXX
************************************************/
#tab-film-033 ul.txt-list {
	float: left;
	clear: both;
	width: 565px;
	padding: 10px 0 0 0;
	position: relative;
}
#tab-film-033 ul.txt-list li.l-list {
	width: 251px;
	float: left;
	clear: none;
	padding: 0 18px 0 0;
	margin: 0 0 0 0;
	z-index: 0;
}
#tab-film-033 ul.txt-list li.r-list {
	width: 251px;
	float: left;
	clear: none;
	margin: 0 0 0 0;
	z-index: 0;
}
#tab-film-033 ul.txt-list li.arrow {
	padding: 70px 0 0 240px;
	margin: 0 0 0 0;
	width: 41px;
	float: left;
	clear: none;
	z-index: 100;
	position: absolute;
}
#tab-film-033 ul.txt-list li div.list-ttl {
	padding: 0 0 6px 0;
	width: 250px;
	font-size: 131%;
	color: #e00080;
	font-weight: bold;
	line-height: 1.2;
}
#tab-film-033 ul.txt-list li p.list-txt {
	padding: 5px 0 0 0;
	width: 250px;
	line-height: 1.6;
	min-height: 60px;
	font-size: 85%;
	letter-spacing: normal;
}
#tab-film-033 ul.txt-list li div.img {
	padding: 0;
}
#tab-film-033 ul.txt-list li div.img img {
	vertical-align: top;
}
#tab-film-033 .info-txt {
	font-size: 85%;
	color: #666;
	clear: both;
}


/* *********************************************
NO.35 XXXXXXXXXXXXXXX
************************************************/
#tab-film-035 ul.txt-list {
	float: left;
	clear: both;
	width: 565px;
	padding: 10px 0 10px 0;
	position: relative;
}
#tab-film-035 ul.txt-list li.l-list {
	width: 217px;
	float: left;
	clear: none;
	padding: 0 18px 0 0;
	margin: 0 0 0 0;
	z-index: 0;
}
#tab-film-035 ul.txt-list li.r-list {
	width: 272px;
	float: left;
	clear: none;
	margin: 0 0 0 0;
	z-index: 0;
}
#tab-film-035 ul.txt-list li.arrow {
	padding: 70px 0 0 240px;
	margin: 0 0 0 0;
	width: 41px;
	float: left;
	clear: none;
	z-index: 100;
	position: absolute;
}
#tab-film-035 ul.txt-list li div.list-ttl {
	padding: 0 0 6px 0;
	width: 250px;
	font-size: 131%;
	color: #e00080;
	font-weight: bold;
	line-height: 1.2;
}
#tab-film-035 ul.txt-list li p.list-txt {
	padding: 5px 0 0 0;
	width: 250px;
	line-height: 1.6;
	min-height: 60px;
	font-size: 85%;
}
#tab-film-035 ul.txt-list li div.img {
	padding: 0;
}
#tab-film-035 div.img img {
	vertical-align: top;
	width: 100%;
	max-width: 910px;
	height: auto;
}
#tab-film-035 div.img-sp img {
	display: none;
}
#tab-film-035 .info-txt {
	font-size: 85%;
	color: #666;
	clear: both;
}


/* *********************************************
NO.36 XXXXXXXXXXXXXXX
************************************************/
#icn-module ul li#tab-film-036 .txt-box {
	letter-spacing: -0.40em;
}
#icn-module ul li#tab-film-036 .txt-box .ttl {
	letter-spacing: normal;
}
#tab-film-036 .txt-box .txt-p {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 0 0;
	width: 260px;
}
#tab-film-036 .txt-box .img-box {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	width: 288px;
}
#tab-film-036 .txt-box .info-txt {
	font-size: 85%;
	color: #666;
	clear: both;
}


/* *********************************************
NO.41 XXXXXXXXXXXXXXX
************************************************/
#tab-film-041 div.img img {
	width: 100%;
	max-width: 910px;
	height: auto;
}
#tab-film-041 div.img-sp img {
	display: none;
}


/* *********************************************
NO.43 XXXXXXXXXXXXXXX
************************************************/
#tab-film-043 div.img img {
	width: 100%;
	max-width: 910px;
	height: auto;
}
#tab-film-043 div.img-sp img {
	display: none;
}


/* *********************************************
NO.44 XXXXXXXXXXXXXXX
************************************************/
#tab-film-044 div.img img {
	width: 100%;
	max-width: 910px;
	height: auto;
}
#tab-film-044 div.img-sp img {
	display: none;
}


/* *********************************************
NO.46 XXXXXXXXXXXXXXX
************************************************/
#tab-film-046 ul.txt-list {
	float: left;
	clear: both;
	width: 565px;
	padding: 10px 0 0 0;
	position: relative;
}
#tab-film-046 ul.txt-list li.l-list {
	width: 251px;
	float: left;
	clear: none;
	padding: 0 18px 0 0;
	margin: 0 0 0 0;
	z-index: 0;
}
#tab-film-046 ul.txt-list li.r-list {
	width: 251px;
	float: left;
	clear: none;
	margin: 0 0 0 0;
	z-index: 0;
}
#tab-film-046 ul.txt-list li.arrow {
	padding: 70px 0 0 240px;
	margin: 0 0 0 0;
	width: 41px;
	float: left;
	clear: none;
	z-index: 100;
	position: absolute;
}
#tab-film-046 ul.txt-list li div.list-ttl {
	padding: 0 0 6px 0;
	width: 250px;
	font-size: 131%;
	color: #e00080;
	font-weight: bold;
	line-height: 1.2;
}
#tab-film-046 ul.txt-list li p.list-txt {
	padding: 5px 0 0 0;
	width: 250px;
	line-height: 1.6;
	min-height: 60px;
	font-size: 85%;
}
#tab-film-046 ul.txt-list li div.img {
	padding: 0;
}
#tab-film-046 ul.txt-list li div.img img {
	vertical-align: top;
}
#tab-film-046 .info-txt {
	font-size: 85%;
	color: #666;
	clear: both;
}


/* *********************************************
NO.049 XXXXXXXXXXXXXXX
************************************************/
#tab-film-049 ul.txt-list {
	width: 100%;
	padding: 10px 0 0 0;
	display: table;
}

#tab-film-049 ul.txt-list li {
	width: 25%;
	padding: 0 10px;
	display: table-cell;
}

#tab-film-049 ul.txt-list li img {
	width: 100%;
	max-width: 217px;
	height: auto;
	text-align: center;
	margin: 0 auto 10px auto;
}





/* SmartPhone Style  ###################################################################################################### */
@media screen and (max-width:499px) {

	/* ******************************************
	XXXXXXXXXXXXXXX
	****************************************** */
	#icn-list {
		clear: both;
		float: left;
		width: 100%;
		text-align: center;
		padding: 20px 0 0;
		margin: 0;
	}
	#icn-list ul {
		width: 100%;
	}
	#icn-list ul li {
		display: inline-block;
		width: 17%;
	}
	#icn-list ul li img {
		width: 100%;
		height: auto;
		display: inline-block;
	}
	#icn-list ul li a:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
	}


	/* ******************************************
	XXXXXXXXXXXXXXX
	****************************************** */
	#icn-module {
		clear: both;
		width: 100%;
		text-align: center;
		padding: 0;
		margin: 0 0 3em 0;
	}
	#icn-module ul {
		width: 100%;
		text-align: center;
	}
	#icn-module ul li {
		width: 100%;
		float: left;
		clear: both;
	}
	#icn-module ul li .icn-list {
		width: 96%;
		border: 1px solid #b5b5b5;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		padding: 7% 0 5% 0;
		box-sizing: border-box;
		clear: both;
		margin: 0 auto 1.5em;
	}
	#icn-module ul li .icn-box {
		width: 20%;
		padding: 0;
		margin: 0 auto;
		text-align: center;
		float: none;
	}
	#icn-module ul li .icn-box img {
		width: 100%;
		height: auto;
		padding: 0;
		float: none;
	}
	#icn-module ul li .txt-box {
		width: 88%;
		margin: auto;
		clear: both;
		text-align: center;
		float: none;
	}
	#icn-module ul li .txt-box .ttl {
		width: 100%;
		font-size: 146.5%;
		line-height: 1.2;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #dddddd;
		font-weight: bold;
		margin: 0 0 10px 0;
		padding: 0 0 8px 0;
	}
	#icn-module ul li .txt-box .txt {
		font-size: 93%;
		line-height: 1.6;
		padding: 0 0 3% 0;
		text-align: left;
	}
	#icn-module ul li .txt-box .img {
		display: inline-block;
		padding: 0;
		width: 40%;
	}
	#icn-module ul li .txt-box .img img {
		width: 100%;
		height: auto;
	}
	#icn-module .icn-page-top {
		font-size: 83%;
		width: 92%;
		clear: both;
		text-align: right;
		padding: 10px 8% 10px 0;
		background-image: url(/products/image/icnlink.png);
		background-repeat: no-repeat;
		background-position: 99% 50%;
	}

	/* *****************************
	NO.19 XXXXXXXXXXXXXXX
	********************************/
	#icn-module ul li#smp-film-019 .txt-box .img {
		display: inline-block;
		padding: 0;
		width: 25%;
	}

	/* *****************************
	NO.26 XXXXXXXXXXXXXXX
	********************************/
	#icn-module ul li#tab-film-026 .txt-box .img {
		display: inline-block;
		padding: 0;
		width: 25%;
	}
	#icn-module ul li#tab-film-026 .txt-box .img img {
		width: 100%;
		max-width: 80px;
		height: auto;
	}


	/* *****************************
	NO.30 a??a??a??a?aa??a?‰a§?e?? a°?c”¨CSS
	********************************/
	#smp-film-030 ul.hv-list {
		clear: both;
		width: 100%;
		padding: 2% 0 5% 0;
	}
	#smp-film-030 ul.hv-list li.l-list {
		width: 100%;
		clear: none;
		float: none;
		padding: 0 0 12% 0;
	}
	#smp-film-030 ul.hv-list li.r-list {
		width: 100%;
		clear: none;
		float: none;
	}
	#smp-film-030 ul.hv-list li div.hv-ttl {
		padding: 0 0 1% 0;
		width: 100%;
		font-size: 131%;
		color: #e00080;
		font-weight: bold;
		line-height: 1.4;
		text-align: center;
	}
	#smp-film-030 ul.hv-list li p.hv-txt {
		padding: 0 0 4% 0;
		width: 100%;
		line-height: 1.5;
	}
	#icn-module ul.hv-list li div.hv-img {
		width: 100%;
		height: auto;
		padding: 0;
		vertical-align: top;
		float: none;
		text-align: center;
	}
	#smp-film-030 ul.hv-list li div.hv-img img {
		width: 65%;
		height: auto;
		vertical-align: top;
	}
	#smp-film-030 ul.hv-list li.r-list div.hv-img img {
		width: 70%;
		height: auto;
		vertical-align: top;
		padding: 0 0 0 10%;
	}
	#smp-film-030 ul.hv-list li div.hv-img span {
		padding: 4% 0 0 0;
		margin: 0 auto;
		width: 100%;
		line-height: 1.2;
		display: block;
		font-size: 85%;
		text-align: center;
	}


	/* *********************************************
	NO.011 ブルーライトカット
	************************************************/
	#smp-film-011 p.blc-img {
		padding: 10px 0 0 0;
	}
	#smp-film-011 p.blc-img.pc {
		display:  none;
	}
	#smp-film-011 p.blc-img.sp {
		display:  block;
	}
	#smp-film-011 p.blc-img.sp img {
		width: 100%;
		max-width: 250px;
		height: auto;
	}


	/* *********************************************
	NO.31 XXXXXXXXXXXXXXX
	************************************************/
	#smp-film-031 ul.txt-list {
		clear: both;
		width: 100%;
		padding: 2% 0 5% 0;
	}
	#smp-film-031 ul.txt-list li.l-list {
		width: 100%;
		clear: none;
		float: none;
		padding: 0 0 2% 0;
	}
	#smp-film-031 ul.txt-list li.r-list {
		width: 100%;
		clear: none;
		float: none;
	}
	#smp-film-031 ul.txt-list li p.list-txt {
		padding: 0 0 2% 0;
		width: 100%;
		line-height: 1.5;
	}
	#smp-film-031 ul.txt-list li div.img {
		padding: 0;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	#smp-film-031 ul.txt-list li div.img img {
		vertical-align: top;
		width: 60%;
		height: auto;
		padding: 0;
	}


	/* *********************************************
	NO.34 XXXXXXXXXXXXXXX
	************************************************/
	#smp-film-033 ul.txt-list {
		clear: both;
		width: 100%;
		padding: 2% 0 5% 0;
	}
	#smp-film-033 ul.txt-list li.l-list {
		width: 100%;
		clear: none;
		float: none;
		padding: 0 0 4% 0;
	}
	#smp-film-033 ul.txt-list li.r-list {
		width: 100%;
		clear: none;
		float: none;
	}
	#smp-film-033 ul.txt-list li div.list-ttl {
		padding: 0 0 2% 0;
		width: 100%;
		font-size: 131%;
		color: #e00080;
		font-weight: bold;
		line-height: 1.2;
		text-align: center;
	}
	#smp-film-033 ul.txt-list li p.list-txt {
		padding: 2% 0 0 0;
		width: 100%;
		line-height: 1.6;
		font-size: 85%;
	}
	#smp-film-033 ul.txt-list li div.list-img {
		padding: 0;
		width: 100%;
		text-align: center;
	}
	#smp-film-033 ul.txt-list li div.list-img img {
		vertical-align: top;
		width: 80%;
		height: auto;
	}


	/* *********************************************
	NO.35 a?±a?!a?´a?? a°?c”¨CSS
	************************************************/
	#smp-film-035 ul.txt-list {
		float: left;
		clear: both;
		width: 565px;
		padding: 5px 0 5px 0;
	}
	#smp-film-035 ul.txt-list li.l-list {
		width: 210px;
		float: left;
		clear: none;
		padding: 0 35px 0 0;
	}
	#smp-film-035 ul.txt-list li.r-list {
		width: 320px;
		float: left;
		clear: none;
	}
	#smp-film-035 ul.txt-list li p.list-txt {
		padding: 0 0 13px 0;
		width: 210px;
		line-height: 1.6;
		min-height: 60px;
	}
	#smp-film-035 ul.txt-list li div.img {
		padding: 0;
	}
	#smp-film-035 ul.txt-list li div.img img {
		vertical-align: top;
	}


	/* *********************************************
	NO.43 XXXXXXXXXXXXXXX
	************************************************/
	#smp-film-043 ul.txt-list {
		clear: both;
		width: 100%;
		padding: 1.5% 0 1.5% 0;
		letter-spacing: -.40em;
		position: relative;
	}
	#smp-film-043 ul.txt-list li.l-list {
		width: 45%;
		float: none;
		clear: none;
		padding: 0 18px 0 0;
		margin: 0 0 0 0;
		z-index: 0;
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
	}
	#smp-film-043 ul.txt-list li.r-list {
		width: 45%;
		float: none;
		clear: none;
		margin: 0 0 0 0;
		z-index: 0;
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
	}
	#smp-film-043 ul.txt-list li.arrow {
		display: none;
	}
	#smp-film-043 ul.txt-list li.l-list img {
		width: 100%;
		height: auto;
		max-width: 251px;
	}
	#smp-film-043 ul.txt-list li.r-list img {
		width: 100%;
		height: auto;
		max-width: 251px;
	}
	#smp-film-043 ul.txt-list li.arrow img {
		width: 100%;
		height: auto;
		max-width: 41px;
	}
	#smp-film-043 ul.txt-list li p.list-txt {
		padding: 5px 0 0 0;
		width: 100%;
		line-height: 1.6;
		min-height: 60px;
		font-size: 85%;
	}
	#smp-film-043 ul.txt-list li div.img {
		padding: 0;
	}
	#smp-film-043 ul.txt-list li div.img img {
		vertical-align: top;
	}


	/* *********************************************
	NO.44 e≪?e??a??a??a?￡a?≪a??
	************************************************/
	#smp-film-044 ul.txt-list {
		clear: both;
		width: 100%;
		padding: 1.5% 0 1.5% 0;
		letter-spacing: -.40em;
		position: relative;
	}
	#smp-film-044 ul.txt-list li.l-list {
		width: 45%;
		float: none;
		clear: none;
		padding: 0 18px 0 0;
		margin: 0 0 0 0;
		z-index: 0;
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
	}
	#smp-film-044 ul.txt-list li.r-list {
		width: 45%;
		float: none;
		clear: none;
		margin: 0 0 0 0;
		z-index: 0;
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
	}
	#smp-film-044 ul.txt-list li.arrow {
		display: none;
	}
	#smp-film-044 ul.txt-list li.l-list img {
		width: 100%;
		height: auto;
		max-width: 251px;
	}
	#smp-film-044 ul.txt-list li.r-list img {
		width: 100%;
		height: auto;
		max-width: 251px;
	}
	#smp-film-044 ul.txt-list li.arrow img {
		width: 100%;
		height: auto;
		max-width: 41px;
	}
	#smp-film-044 ul.txt-list li p.list-txt {
		padding: 5px 0 0 0;
		width: 100%;

		line-height: 1.6;
		min-height: 60px;
		font-size: 85%;
	}
	#smp-film-044 ul.txt-list li div.img {
		padding: 0;
	}
	#smp-film-044 ul.txt-list li div.img img {
		vertical-align: top;
	}


	/* *********************************************
	NO.01 a?±a?!a?´a?? a°?c”¨CSS
	************************************************/
	#tab-film-001 ul.txt-list {
		clear: both;
		width: 100%;
		padding: 2% 0 5% 0;
	}
	#tab-film-001 ul.txt-list li.l-list {
		width: 100%;
		clear: none;
		float: none;
		padding: 0 0 2% 0;
	}
	#tab-film-001 ul.txt-list li.r-list {
		width: 100%;
		clear: none;
		float: none;
	}
	#tab-film-001 ul.txt-list li p.list-txt {
		padding: 0 0 2% 0;
		width: 100%;
		line-height: 1.5;
	}
	#tab-film-001 ul.txt-list li div.img {
		padding: 0;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	#tab-film-001 ul.txt-list li div.img img {
		vertical-align: top;
		width: 100%;
		height: auto;
		padding: 0;
		max-width: 320px;
	}


	/* *********************************************
	NO.04 XXXXXXXXXXXXXXX
	************************************************/
	#tab-film-004 ul.txt-list {
		clear: both;
		width: 100%;
		padding: 2% 0 5% 0;
	}
	#tab-film-004 ul.txt-list li.l-list {
		width: 100%;
		clear: none;
		float: none;
		padding: 0 0 2% 0;
	}
	#tab-film-004 ul.txt-list li.r-list {
		width: 100%;
		clear: none;
		float: none;
	}
	#tab-film-004 ul.txt-list li p.list-txt {
		padding: 0 0 2% 0;
		width: 100%;
		line-height: 1.5;
	}
	#tab-film-004 ul.txt-list li div.img {
		padding: 0;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	#tab-film-004 ul.txt-list li div.img img {
		vertical-align: top;
		width: 100%;
		height: auto;
		padding: 0;
		max-width: 165px;
	}


	/* *********************************************
	NO.05 XXXXXXXXXXXXXXX
	************************************************/
	#tab-film-005 ul.txt-list {
		clear: both;
		width: 100%;
		padding: 1.5% 0 1.5% 0;
		letter-spacing: -.40em;
		position: relative;
		text-align: center;
	}
	#tab-film-005 ul.txt-list li.l-list {
		width: 48%;
		float: none;
		clear: none;
		padding: 0 1.5% 0 0;
		margin: 0 0 0 0;
		z-index: 0;
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
	}
	#tab-film-005 ul.txt-list li.r-list {
		width: 48%;
		float: none;
		clear: none;
		margin: 0 0 0 0;
		z-index: 0;
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
	}
	#tab-film-005 ul.txt-list li.arrow {
		display: none;
	}
	#tab-film-005 ul.txt-list li.l-list img {
		width: 100%;
		height: auto;
		max-width: 251px;
	}
	#tab-film-005 ul.txt-list li.r-list img {
		width: 100%;
		height: auto;
		max-width: 251px;
	}
	#tab-film-005 ul.txt-list li.arrow img {
		width: 100%;
		height: auto;
		max-width: 41px;
	}
	#tab-film-005 ul.txt-list li div.list-ttl {
		padding: 0 0 3% 0;
		width: 100%;
		font-size: 108%;
		color: #e00080;
		font-weight: bold;
		line-height: 1.2;
		text-align: center;
	}
	#tab-film-005 ul.txt-list li p.list-txt {
		padding: 2% 0 0 0;
		width: 100%;
		line-height: 1.6;
		font-size: 85%;
		text-align: left;
	}


	/* *****************************
	NO.27 a??a??a??a?aa??a?‰a§?e?? a°?c”¨CSS
	********************************/
	#tab-film-027 ul.hv-list {
		clear: both;
		width: 100%;
		padding: 2% 0 5% 0;
	}
	#tab-film-027 ul.hv-list li.l-list {
		width: 100%;
		clear: none;
		float: none;
		padding: 0 0 12% 0;
	}
	#tab-film-027 ul.hv-list li.r-list {
		width: 100%;
		clear: none;
		float: none;
	}
	#tab-film-027 ul.hv-list li div.hv-ttl {
		padding: 0 0 1% 0;
		width: 100%;
		font-size: 131%;
		color: #e00080;
		font-weight: bold;
		line-height: 1.4;
		text-align: center;
	}
	#tab-film-027 ul.hv-list li p.hv-txt {
		padding: 0 0 4% 0;
		width: 100%;
		line-height: 1.5;
	}
	#icn-module ul.hv-list li div.hv-img {
		width: 100%;
		height: auto;
		padding: 0;
		vertical-align: top;
		float: none;

		text-align: center;
	}
	#tab-film-027 ul.hv-list li div.hv-img img {
		width: 65%;
		height: auto;
		vertical-align: top;
	}
	#tab-film-027 ul.hv-list li.r-list div.hv-img img {
		width: 70%;
		height: auto;
		vertical-align: top;
		padding: 0 0 0 10%;
	}
	#tab-film-027 ul.hv-list li div.hv-img span {
		padding: 4% 0 0 0;
		margin: 0 auto;
		width: 100%;
		line-height: 1.2;
		display: block;
		font-size: 85%;
		text-align: center;
	}


	/* *********************************************
	NO.32 XXXXXXXXXXXXXXX
	************************************************/
	#tab-film-032 ul.txt-list {
		clear: both;
		width: 100%;
		padding: 2% 0 5% 0;
	}
	#tab-film-032 ul.txt-list li.l-list {
		width: 100%;
		clear: none;
		float: none;
		padding: 0 0 2% 0;
	}
	#tab-film-032 ul.txt-list li.r-list {
		width: 100%;
		clear: none;
		float: none;
	}
	#tab-film-032 ul.txt-list li p.list-txt {
		padding: 0 0 2% 0;
		width: 100%;
		line-height: 1.5;
	}
	#tab-film-032 ul.txt-list li div.img {
		padding: 0;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	#tab-film-032 ul.txt-list li div.img img {
		vertical-align: top;
		width: 100%;
		height: auto;
		padding: 0;
		max-width: 260px;
	}


	/* *********************************************
	NO.33 XXXXXXXXXXXXXXX
	************************************************/
	#tab-film-033 ul.txt-list {
		clear: both;
		width: 100%;
		padding: 1.5% 0 1.5% 0;
		letter-spacing: -.40em;
		position: relative;
		text-align: center;
	}
	#tab-film-033 ul.txt-list li.l-list {
		width: 48%;
		float: none;
		clear: none;
		padding: 0 1.5% 0 0;
		margin: 0 0 0 0;
		z-index: 0;
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
	}
	#tab-film-033 ul.txt-list li.r-list {
		width: 48%;
		float: none;
		clear: none;
		margin: 0 0 0 0;
		z-index: 0;
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
	}
	#tab-film-033 ul.txt-list li.arrow {
		display: none;
	}
	#tab-film-033 ul.txt-list li.l-list img {
		width: 100%;
		height: auto;
		max-width: 251px;
	}
	#tab-film-033 ul.txt-list li.r-list img {
		width: 100%;
		height: auto;
		max-width: 251px;
	}
	#tab-film-033 ul.txt-list li.arrow img {
		width: 100%;
		height: auto;
		max-width: 41px;
	}
	#tab-film-033 ul.txt-list li p.list-txt {
		padding: 5px 0 0 0;
		width: 100%;
		line-height: 1.6;
		min-height: 60px;
		font-size: 85%;
		text-align: left;
	}
	#tab-film-033 ul.txt-list li div.img {
		padding: 0;
	}
	#tab-film-033 ul.txt-list li div.img img {
		vertical-align: top;
	}


	/* *********************************************
	NO.35 XXXXXXXXXXXXXXX
	************************************************/
	#tab-film-035 ul.txt-list {
		clear: both;
		width: 100%;
		padding: 1.5% 0 1.5% 0;
		letter-spacing: -.40em;
		position: relative;
		text-align: center;
	}
	#tab-film-035 ul.txt-list li.l-list {
		width: 60%;
		float: none;
		clear: none;
		padding: 2% 20% 8%;
		margin: 0 0 0 0;
		z-index: 0;
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
	}
	#tab-film-035 ul.txt-list li.r-list {
		width: 84%;
		float: none;
		clear: none;
		margin: 0 8% 5%;
		z-index: 0;
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
	}
	#tab-film-035 ul.txt-list li.arrow {
		display: none;
	}
	#tab-film-035 ul.txt-list li.l-list img {
		width: 100%;
		height: auto;
		max-width: 251px;
	}
	#tab-film-035 ul.txt-list li.r-list img {
		width: 100%;
		height: auto;
		max-width: 251px;
	}
	#tab-film-035 ul.txt-list li.arrow img {
		width: 100%;
		height: auto;
		max-width: 41px;
	}
	#tab-film-035 ul.txt-list li p.list-txt {
		padding: 5px 0 0.5em 0;
		width: 100%;
		line-height: 1.6;
		min-height: 60px;
		font-size: 85%;
		text-align: left;
	}
	#tab-film-035 ul.txt-list li div.img {
		padding: 0;
	}
	#tab-film-035 ul.txt-list li div.img img {
		vertical-align: top;
	}
	#tab-film-035 div.img img {
		display: none;
	}
	#tab-film-035 div.img-sp img {
		display: block;
		width: 100%;
		height: auto;
	}


	/* *********************************************
	NO.36 XXXXXXXXXXXXXXX
	************************************************/
	#icn-module ul li#tab-film-036 .txt-box {
		letter-spacing: -0.40em;
	}
	#icn-module ul li#tab-film-036 .txt-box .ttl {
		letter-spacing: normal;
	}
	#tab-film-036 .txt-box .txt-p {
		letter-spacing: normal;
		display: inline-block;
		vertical-align: top;
		margin: 0 0 5% 0;
		width: 100%;
	}
	#tab-film-036 .txt-box .img-box {
		letter-spacing: normal;
		display: inline-block;
		vertical-align: top;
		width: 86%;
		margin: 0 7%;
	}
	#tab-film-036 .txt-box .img-box img {
		width: 100%;
		max-width: 288px;
		height: auto
	}
	#tab-film-036 .txt-box .info-txt {
		font-size: 85%;
		color: #666;
		clear: both;
		text-align: left;
	}


	/* *********************************************
	NO.41 XXXXXXXXXXXXXXX
	************************************************/
	#tab-film-041 div.img img {
		display: none;
	}
	#tab-film-041 div.img-sp img {
		display: block;
		width: 100%;
		height: auto;
	}


	/* *********************************************
	NO.43 XXXXXXXXXXXXXXX
	************************************************/
	#tab-film-043 div.img img {
		display: none;
	}
	#tab-film-043 div.img-sp img {
		display: block;
		width: 100%;
		height: auto;
	}


	/* *********************************************
	NO.44 XXXXXXXXXXXXXXX
	************************************************/
	#tab-film-044 div.img img {
		display: none;
	}
	#tab-film-044 div.img-sp img {
		display: block;
		width: 100%;
		height: auto;
	}


	/* *********************************************
	NO.049 XXXXXXXXXXXXXXX
	************************************************/
	#tab-film-049 ul.txt-list {
		width: 100%;
		padding: 10px 0 0 0;
		display: block;
	}

	#tab-film-049 ul.txt-list li {
		width: 100%;
		padding: 0 10px;
		display: block;
	}

	#tab-film-049 ul.txt-list li img {
		width: 100%;
		max-width: 217px;
		height: auto;
		display: block;
		text-align: center;
	}

}





/* ## Tablet Style  ###################################################################################################### */
@media screen and (min-width: 500px) and (max-width: 799px) {

	/* ******************************************
	a?ï¿ a??a?3a?3a?aa?1a??
	****************************************** */
	#icn-list {
		clear: both;
		float: left;
		width: 100%;
		text-align: center;
		padding: 20px 0 0;
		margin: 0;
	}
	#icn-list ul li {
		display: inline-block;
		width: 11.5%;
	}
	#icn-list ul li img {
		width: 100%;
		height: auto;
		display: inline-block;
	}
	#icn-list ul li a:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
	}


	/* ******************************************
	a?￠a??a?3a?3a?￠a?，a?\a??a?≪
	****************************************** */
	#icn-module {
		clear: both;
		float: left;
		width: 100%;
		text-align: center;
		padding: 0;
		margin: 0;
	}
	#icn-module ul {
		width: 100%;
		text-align: left;
	}
	#icn-module ul li {
		width: 100%;
		float: left;
		clear: both;
	}
	#icn-module ul li .icn-list {
		width: 100%;
		border: 1px solid #cacaca;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		padding: 35px 0 35px 0;
		box-sizing: border-box;
		float: left;
		clear: both;
	}
	#icn-module ul li .icn-box {
		width: 12%;
		padding: 0 0 0 2%;
		float: left;
	}
	#icn-module ul li .icn-box img {
		width: 100%;
		height: auto;
		padding: 0;
		float: left;
	}
	#icn-module ul li .txt-box {
		width: 79%;
		float: right;
		padding: 0 5% 0 0;
	}
	#icn-module ul li .txt-box .ttl {
		font-size: 161.6%;
		line-height: 1.3;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #dddddd;
		font-weight: bold;
		margin: 0 0 10px 0;
		padding: 0 0 8px 0;
	}
	#icn-module ul li .txt-box .txt {
		font-size: 100%;
		line-height: 1.6;
		padding: 0 0 1.5% 0;
	}
	#icn-module ul li .txt-box .img {
		display: inline-block;
		padding: 0 15px 0 0;
		width: 30%;
		height: auto;
	}
	#icn-module ul li .txt-box .img img {
		width: 95;
		height: auto;
	}
	#icn-module .icn-page-top {
		font-size: 93%;
		width: 95%;
		clear: both;
		text-align: right;
		padding: 10px 5% 10px 0;
		background-image: url(/products/image/icnlink.png);
		background-repeat: no-repeat;
		background-position: 99% 50%;
	}


	/* *****************************
	NO.30 a??a??a??a?aa??a?‰a§?e?? a°?c”¨CSS
	********************************/
	#smp-film-030 ul.hv-list {
		float: left;
		clear: both;
		width: 100%;
		padding: 5px 0 0 0;
	}
	#smp-film-030 ul.hv-list li.l-list {
		width: 45%;
		float: left;
		clear: none;
		padding: 0 5% 0 0;
	}
	#smp-film-030 ul.hv-list li.r-list {
		width: 50%;
		float: left;
		clear: none;
	}
	#smp-film-030 ul.hv-list li div.hv-ttl {
		padding: 0 0 8px 0;
		width: 100%;
		font-size: 131%;
		color: #e00080;
		font-weight: bold;
		line-height: 1.4;
	}
	#smp-film-030 ul.hv-list li p.hv-txt {
		padding: 0 0 13px 0;
		width: 100%;
		line-height: 1.6;
		min-height: 60px;
	}
	#smp-film-030 ul.hv-list li div.hv-img {
		width: 100%;
		height: auto;
		padding: 0;
		vertical-align: top;
	}
	#smp-film-030 ul.hv-list li div.hv-img img {
		width: 90%;
		height: auto;
		vertical-align: top;
	}
	#smp-film-030 ul.hv-list li div.hv-img span {
		padding: 8px 0 0 0;
		width: 100%;
		line-height: 1.2;
		display: block;
		width: 255px;
		font-size: 85%;
	}


	/* *********************************************
	NO.31 XXXXXXXXXXXXXXX
	************************************************/
	#smp-film-031 ul.txt-list {
		float: left;
		clear: both;
		width: 100%;
		padding: 1.5% 0 1.5% 0;
	}
	#smp-film-031 ul.txt-list li.l-list {
		width: 45%;
		float: left;
		clear: none;
		padding: 0 5% 0 0;
	}
	#smp-film-031 ul.txt-list li.r-list {
		width: 45%;
		float: left;
		clear: none;
	}
	#smp-film-031 ul.txt-list li p.list-txt {
		padding: 0 0 2% 0;
		width: 100%;
		line-height: 1.6;
	}
	#smp-film-031 ul.txt-list li div.img {
		padding: 0;
		width: 45%;
	}
	#smp-film-031 ul.txt-list li div.img img {
		vertical-align: top;
		width: 45%;
		height: auto;
		padding: 0 0 0 8%;
	}


	/* *********************************************
	NO.33 XXXXXXXXXXXXXXX
	************************************************/
	#smp-film-033 ul.txt-list {
		float: left;
		clear: both;
		width: 100%;
		padding: 1.5% 0 1.5% 0;
	}
	#smp-film-033 ul.txt-list li.l-list {
		width: 45%;
		float: left;
		clear: none;
		padding: 0 8% 0 0;
	}
	#smp-film-033 ul.txt-list li.r-list {
		width: 45%;
		float: left;
		clear: none;
	}
	#smp-film-033 ul.txt-list li div.list-ttl {
		padding: 0 0 2.5% 0;
		width: 100%;
		font-size: 131%;
		color: #e00080;
		font-weight: bold;
		line-height: 1.2;
	}
	#smp-film-033 ul.txt-list li p.list-txt {
		padding: 2% 0 0 0;
		width: 100%;
		line-height: 1.6;
		font-size: 85%;
	}
	#smp-film-033 ul.txt-list li div.list-img {
		padding: 0;
		width: 100%;
	}
	#smp-film-033 ul.txt-list li div.list-img img {
		vertical-align: top;
		width: 100%;
		height: auto;
	}


	/* *********************************************
	NO.35 XXXXXXXXXXXXXXX
	************************************************/
	#smp-film-035 ul.txt-list {
		clear: both;
		width: 100%;
		padding: 1.5% 0 1.5% 0;
	}
	#smp-film-035 ul.txt-list li.l-list {
		width: 98%;
		clear: none;
		padding: 0 5% 0 0;
	}
	#smp-film-035 ul.txt-list li.r-list {
		width: 70%;
		clear: none;
	}
	#smp-film-035 ul.txt-list li p.list-txt {
		padding: 0 0 2% 0;
		width: 100%;
		line-height: 1.6;
	}
	#smp-film-035 ul.txt-list li div.img {
		padding: 0;
		width: 100%;
		margin: 0 auto;
	}
	#smp-film-035 ul.txt-list li div.img img {
		vertical-align: top;
		width: 90%;
		height: auto;
		padding: 0 0 0 8%;
	}


	/* *********************************************
	NO.43 XXXXXXXXXXXXXXX
	************************************************/
	#smp-film-043 ul.txt-list {
		clear: both;
		width: 100%;
		padding: 1.5% 0 1.5% 0;
		letter-spacing: -.40em;
		position: relative;
		text-align: center;
	}
	#smp-film-043 ul.txt-list li.l-list {
		width: 48%;
		float: none;
		clear: none;
		padding: 0 1.5% 0 0;
		margin: 0 0 0 0;
		z-index: 0;
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
	}
	#smp-film-043 ul.txt-list li.r-list {
		width: 48%;
		float: none;
		clear: none;
		margin: 0 0 0 0;
		z-index: 0;
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
	}
	#smp-film-043 ul.txt-list li.arrow {
		display: none;
	}
	#smp-film-043 ul.txt-list li.l-list img {
		width: 100%;
		height: auto;
		max-width: 251px;
	}
	#smp-film-043 ul.txt-list li.r-list img {
		width: 100%;
		height: auto;
		max-width: 251px;
	}
	#smp-film-043 ul.txt-list li.arrow img {
		width: 100%;
		height: auto;
		max-width: 41px;
	}
	#smp-film-043 ul.txt-list li p.list-txt {
		padding: 5px 0 0 0;
		width: 100%;
		line-height: 1.6;
		min-height: 60px;
		font-size: 85%;
		text-align: left;
	}
	#smp-film-043 ul.txt-list li div.img {
		padding: 0;
	}
	#smp-film-043 ul.txt-list li div.img img {
		vertical-align: top;
	}


	/* *********************************************
	NO.44 e≪?e??a??a??a?￡a?≪a??
	************************************************/
	#smp-film-044 ul.txt-list {
		clear: both;
		width: 100%;
		padding: 1.5% 0 1.5% 0;
		letter-spacing: -.40em;
		position: relative;
		text-align: center;
	}
	#smp-film-044 ul.txt-list li.l-list {
		width: 48%;
		float: none;
		clear: none;
		padding: 0 1.5% 0 0;
		margin: 0 0 0 0;
		z-index: 0;
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
	}
	#smp-film-044 ul.txt-list li.r-list {
		width: 48%;
		float: none;
		clear: none;
		margin: 0 0 0 0;
		z-index: 0;
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
	}
	#smp-film-044 ul.txt-list li.arrow {
		display: none;
	}
	#smp-film-044 ul.txt-list li.l-list img {
		width: 100%;
		height: auto;
		max-width: 251px;
	}
	#smp-film-044 ul.txt-list li.r-list img {
		width: 100%;
		height: auto;
		max-width: 251px;
	}
	#smp-film-044 ul.txt-list li.arrow img {
		width: 100%;
		height: auto;
		max-width: 41px;
	}
	#smp-film-044 ul.txt-list li p.list-txt {
		padding: 5px 0 0 0;
		width: 100%;
		line-height: 1.6;
		min-height: 60px;
		font-size: 85%;
		text-align: left;
	}
	#smp-film-044 ul.txt-list li div.img {
		padding: 0;
	}
	#smp-film-044 ul.txt-list li div.img img {
		vertical-align: top;
	}


	/* *********************************************
	NO.001 XXXXXXXXXXXXXXX
	************************************************/
	#tab-film-001 ul.txt-list {
		clear: both;
		width: 100%;
		padding: 1.5% 0 1.5% 0;
	}
	#tab-film-001 ul.txt-list li.l-list {
		width: 98%;
		clear: none;
		padding: 0 5% 0 0;
	}
	#tab-film-001 ul.txt-list li.r-list {
		width: 70%;
		clear: none;
	}
	#tab-film-001 ul.txt-list li p.list-txt {
		padding: 0 0 2% 0;
		width: 100%;
		line-height: 1.6;
	}
	#tab-film-001 ul.txt-list li div.img {
		padding: 0;
		width: 100%;
		margin: 0 auto;
	}
	#tab-film-001 ul.txt-list li div.img img {
		vertical-align: top;
		width: 90%;
		height: auto;
		padding: 0 0 0 8%;
	}


	/* *********************************************
	NO.004 XXXXXXXXXXXXXXX
	************************************************/
	#tab-film-004 ul.txt-list {
		clear: both;
		width: 100%;
		padding: 1.5% 0 1.5% 0;
	}
	#tab-film-004 ul.txt-list li.l-list {
		width: 98%;
		clear: none;
		padding: 0 5% 0 0;
	}
	#tab-film-004 ul.txt-list li.r-list {
		width: 70%;
		clear: none;
	}
	#tab-film-004 ul.txt-list li p.list-txt {
		padding: 0 0 2% 0;
		width: 100%;
		line-height: 1.6;
	}
	#tab-film-004 ul.txt-list li div.img {
		padding: 0;
		width: 100%;
		margin: 0 auto;
	}
	#tab-film-004 ul.txt-list li div.img img {
		vertical-align: top;
		width: 90%;
		height: auto;
		padding: 0 0 0 0;
		max-width: 165px;
	}


	/* *********************************************
	NO.005 XXXXXXXXXXXXXXX
	************************************************/
	#tab-film-005 ul.txt-list {
		float: left;
		clear: both;
		width: 100%;
		padding: 1.5% 0 1.5% 0;
	}
	#tab-film-005 ul.txt-list li.l-list {
		width: 45%;
		float: left;
		clear: none;
		padding: 0 8% 0 0;
	}
	#tab-film-005 ul.txt-list li.r-list {
		width: 45%;
		float: left;
		clear: none;
	}
	#tab-film-005 ul.txt-list li div.list-ttl {
		padding: 0 0 2.5% 0;
		width: 100%;
		font-size: 131%;
		color: #e00080;
		font-weight: bold;
		line-height: 1.2;
	}
	#tab-film-005 ul.txt-list li p.list-txt {
		padding: 2% 0 0 0;
		width: 100%;
		line-height: 1.6;
		font-size: 85%;
	}
	#tab-film-005 ul.txt-list li div.list-img {
		padding: 0;
		width: 100%;
	}
	#tab-film-005 ul.txt-list li div.list-img img {
		vertical-align: top;
		width: 100%;
		height: auto;
	}


	/* *****************************
	NO.27 a??a??a??a?aa??a?‰a§?e?? a°?c”¨CSS
	********************************/
	#tab-film-027 ul.hv-list {
		float: left;
		clear: both;
		width: 100%;
		padding: 5px 0 0 0;
	}
	#tab-film-027 ul.hv-list li.l-list {
		width: 45%;
		float: left;
		clear: none;
		padding: 0 5% 0 0;
	}
	#tab-film-027 ul.hv-list li.r-list {
		width: 50%;
		float: left;
		clear: none;
	}
	#tab-film-027 ul.hv-list li div.hv-ttl {
		padding: 0 0 8px 0;
		width: 100%;
		font-size: 131%;
		color: #e00080;
		font-weight: bold;
		line-height: 1.4;
	}
	#tab-film-027 ul.hv-list li p.hv-txt {
		padding: 0 0 13px 0;
		width: 100%;
		line-height: 1.6;
		min-height: 60px;
	}
	#tab-film-027 ul.hv-list li div.hv-img {
		width: 100%;
		height: auto;
		padding: 0;
		vertical-align: top;
	}
	#tab-film-027 ul.hv-list li div.hv-img img {
		width: 90%;
		height: auto;
		vertical-align: top;
	}
	#tab-film-027 ul.hv-list li div.hv-img span {
		padding: 8px 0 0 0;
		width: 100%;
		line-height: 1.2;
		display: block;
		width: 255px;
		font-size: 85%;
	}


	/* *********************************************
	NO.32 XXXXXXXXXXXXXXX
	************************************************/
	#tab-film-032 ul.txt-list {
		clear: both;
		width: 100%;
		padding: 1.5% 0 1.5% 0;
	}
	#tab-film-032 ul.txt-list li.l-list {
		width: 98%;
		clear: none;
		padding: 0 5% 0 0;
	}
	#tab-film-032 ul.txt-list li.r-list {
		width: 70%;
		clear: none;
	}
	#tab-film-032 ul.txt-list li p.list-txt {
		padding: 0 0 2% 0;
		width: 100%;
		line-height: 1.6;
	}
	#tab-film-032 ul.txt-list li div.img {
		padding: 0;
		width: 100%;
		margin: 0 auto;
	}
	#tab-film-032 ul.txt-list li div.img img {
		vertical-align: top;
		width: 90%;
		height: auto;
		padding: 0 0 0 8%;
		max-width: 260px;
	}


	/* *********************************************
	NO.033 XXXXXXXXXXXXXXX
	************************************************/
	#tab-film-033 ul.txt-list {
		clear: both;
		width: 100%;
		padding: 1.5% 0 1.5% 0;
		letter-spacing: -.40em;
		position: relative;
	}
	#tab-film-033 ul.txt-list li.l-list {
		width: 45%;
		float: none;
		clear: none;
		padding: 0 18px 0 0;
		margin: 0 0 0 0;
		z-index: 0;
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
	}
	#tab-film-033 ul.txt-list li.r-list {
		width: 45%;
		float: none;
		clear: none;
		margin: 0 0 0 0;
		z-index: 0;
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
	}
	#tab-film-033 ul.txt-list li.arrow {
		display: none;
	}
	#tab-film-033 ul.txt-list li.l-list img {
		width: 100%;
		height: auto;
		max-width: 251px;
	}
	#tab-film-033 ul.txt-list li.r-list img {
		width: 100%;
		height: auto;
		max-width: 251px;
	}
	#tab-film-033 ul.txt-list li.arrow img {
		width: 100%;
		height: auto;
		max-width: 41px;
	}
	#tab-film-033 ul.txt-list li p.list-txt {
		padding: 5px 0 0 0;
		width: 100%;
		line-height: 1.6;
		min-height: 60px;
		font-size: 85%;
	}
	#tab-film-033 ul.txt-list li div.img {
		padding: 0;
	}
	#tab-film-033 ul.txt-list li div.img img {
		vertical-align: top;
	}


	/* *********************************************
	NO.035 XXXXXXXXXXXXXXX
	************************************************/
	#tab-film-035 ul.txt-list {
		clear: both;
		width: 100%;
		padding: 1.5% 0 2.5% 0;
		letter-spacing: -.40em;
		position: relative;
	}
	#tab-film-035 ul.txt-list li.l-list {
		width: 45%;
		float: none;
		clear: none;
		padding: 0 18px 0 0;
		margin: 0 0 0 0;
		z-index: 0;
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
	}
	#tab-film-035 ul.txt-list li.r-list {
		width: 45%;
		float: none;
		clear: none;
		margin: 0 0 0 0;
		z-index: 0;
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
	}
	#tab-film-035 ul.txt-list li.arrow {
		display: none;
	}
	#tab-film-035 ul.txt-list li.l-list img {
		width: 100%;
		height: auto;
		max-width: 251px;
	}
	#tab-film-035 ul.txt-list li.r-list img {
		width: 100%;
		height: auto;
		max-width: 251px;
	}
	#tab-film-035 ul.txt-list li.arrow img {
		width: 100%;
		height: auto;
		max-width: 41px;
	}
	#tab-film-035 ul.txt-list li p.list-txt {
		padding: 5px 0 0 0;
		width: 100%;
		line-height: 1.6;
		min-height: 60px;
		font-size: 85%;
	}
	#tab-film-035 ul.txt-list li div.img {
		padding: 0;
	}
	#tab-film-035 ul.txt-list li div.img img {
		vertical-align: top;
	}
	#tab-film-035 div.img img {
		display: none;
	}
	#tab-film-035 div.img-sp img {
		display: block;
		width: 100%;
		height: auto;
	}


	/* *********************************************
	NO.36 XXXXXXXXXXXXXXX
	************************************************/
	#icn-module ul li#tab-film-036 .txt-box {
		letter-spacing: -0.40em;
	}
	#icn-module ul li#tab-film-036 .txt-box .ttl {
		letter-spacing: normal;
	}
	#tab-film-036 .txt-box .txt-p {
		letter-spacing: normal;
		display: inline-block;
		vertical-align: top;
		margin: 0 2% 0 0;
		width: 45%;
	}
	#tab-film-036 .txt-box .img-box {
		letter-spacing: normal;
		display: inline-block;
		vertical-align: top;
		width: 53%;
	}
	#tab-film-036 .txt-box .img-box img {
		width: 100%;
		max-width: 288px;
		height: auto
	}
	#tab-film-036 .txt-box .info-txt {
		font-size: 85%;
		color: #666;
		clear: both;
	}


	/* *********************************************
	NO.41 XXXXXXXXXXXXXXX
	************************************************/
	#tab-film-041 div.img img {
		display: none;
	}
	#tab-film-041 div.img-sp img {
		display: block;
		width: 100%;
		height: auto;
	}


	/* *********************************************
	NO.43 XXXXXXXXXXXXXXX
	************************************************/
	#tab-film-043 div.img img {
		display: none;
	}
	#tab-film-043 div.img-sp img {
		display: block;
		width: 100%;
		height: auto;
	}


	/* *********************************************
	NO.44 XXXXXXXXXXXXXXX
	************************************************/
	#tab-film-044 div.img img {
		display: none;
	}
	#tab-film-044 div.img-sp img {
		display: block;
		width: 100%;
		height: auto;
	}


	/* *********************************************
	NO.049 XXXXXXXXXXXXXXX
	************************************************/
	#tab-film-049 ul.txt-list {
		width: 100%;
		padding: 10px 0 0 0;
		display: block;
	}

	#tab-film-049 ul.txt-list li {
		width: 100%;
		padding: 0 10px;
		margin: 0 0 30px 0;
		display: block;
	}

	#tab-film-049 ul.txt-list li img {
		width: 100%;
		max-width: 217px;
		height: auto;
		display: block;
		text-align: center;
		margin: 0 auto 10px auto;
	}


}










/* ******************************************************************************
XXXXXXXXXXXXXXX
*********************************************************************************/

#icn-module #rakupuri20 a,#icn-module #rakupuri20 span {
	display: block;
}
#rakupuri20 a {
	padding: 0;
}
#rakupuri20 a.btn-body:link,#rakupuri20 a.btn-body:visited,#rakupuri20 a.btn-body:hover,#rakupuri20 a.btn-body:active {
	text-decoration: none;
}
#rakupuri20 .detail-box {
	margin: 0 0 20px 0;
}
#rakupuri20 a.btn-body:hover {
	background: #66cccb;
}
#rakupuri20 .detail-box h3 {
	width: 100%;
	padding: 8px 0 8px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #828282;
	margin: 0 0 5px;
	clear: both;
	letter-spacing: normal !important;
}
#rakupuri20 .detail-box h3 span {
	padding: 0 0 0 1.5%;
	font-size: 123.1%;
	line-height: 1.2;
	font-weight: bold;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #555555;
	display: block;
	margin: 0 0 0 0.5%;
}
#rakupuri20 .detail-box p {
	font-size: 93%;
	line-height: 1.8;
	margin: 0 0 0 20px;
	letter-spacing: normal !important;
}
#rakupuri20 .rp2-pic-center {
	padding: 10px 0 0 0;
	width: 100%;
	text-align: center;
}
#rakupuri20 .rp2-pic-r {
	float: right;
	padding: 0 10px 0 15px;
}
#rakupuri20 a.btn-body {
	clear: both;
	width: 330px;
	background: #00ACA8;
	border-radius: 3px;
	padding: 0.5em 1em;
	margin: 0.5em auto;
	box-sizing: border-box;
}
#rakupuri20 a .btn-txt {
	text-align: center;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0;
}





@media print,screen and (min-width: 500px) and (max-width: 799px) {
	#rakupuri20 a.btn-body {
		margin: 2em auto;
	}
	#rakupuri20 .rp2-pic-center {
		width: 100%;
		height: auto;
	}
	#rakupuri20 .rp2-pic-center img {
		width: 100%;
		height: auto;
	}
	#rakupuri20 .rp2-pic-r {
		text-align: center;
		padding: 0 2% 1em 2%;
	}
	#rakupuri20 .rp2-pic-r img {
		width: 100%;
		height: auto;
	}
	#rakupuri20 a .btn-txt {
		text-align: center;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
	#rakupuri20 .detail-box p {
		font-size: 93%;
		line-height: 1.8;
		margin: 1% 0 0 5%;
	}
	#rakupuri20 a.btn-body {
		clear: both;
		width: 80%;
		background: #00ACA8;
		border-radius: 3px;
		padding: 0.75em 1em 0.5em;
		margin: 2em auto 0.5em;
		box-sizing: border-box;
	}
	#rakupuri20 a .btn-txt {
		text-align: center;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		margin: 0;
		padding: 0;
	}


	/* *********************************************
	NO.35 XXXXXXXXXXXXXXX
	************************************************/
	#tab-film-035 div.img {
		display: block !important;
		width: 100% !important;
	}


	/* *********************************************
	NO.41 XXXXXXXXXXXXXXX
	************************************************/
	#tab-film-041 div.img {
		display: block !important;
		width: 100% !important;
	}


	/* *********************************************
	NO.43 XXXXXXXXXXXXXXX
	************************************************/
	#tab-film-043 div.img {
		display: block !important;
		width: 100% !important;
	}


	/* *********************************************
	NO.44 XXXXXXXXXXXXXXX
	************************************************/
	#tab-film-044 div.img {
		display: block !important;
		width: 100% !important;
	}
}





@media print,screen and (max-width: 499px) {
	#rakupuri20 a.btn-body {
		margin: 0;
	}
	#rakupuri20 .rp2-pic-center {
		width: 100%;
		height: auto;
	}
	#rakupuri20 .rp2-pic-center img {
		width: 100%;
		height: auto;
	}
	#rakupuri20 .rp2-pic-r {
		text-align: center;
		padding: 0 0 0;
		width: 96%;
		margin: 0 auto;
	}
	#rakupuri20 .rp2-pic-r img {
		width: 100%;
		height: auto;
		max-width: 320px;
	}
	#rakupuri20 .detail-box p {
		width: 98%;
		font-size: 85%;
		line-height: 1.8;
		margin: 0 1% 1em;
		clear: both;
	}
	#rakupuri20 a.btn-body {
		width: 100%;
		margin: 1em auto;
		background: #00ACA8;
		border-radius: 3px;
	}
	#rakupuri20 a .btn-txt {
		width: 100%;
		text-align: center;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
	#rakupuri20 .detail-box h3 {
		width: 100%;
		padding: 8px 0 8px 0;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #828282;
		margin: 0 0 5px;
	}
	#rakupuri20 .detail-box h3 span {
		padding: 0 0 0 10px;
		font-size: 123.1%;
		line-height: 1.2;
		font-weight: bold;
		border-left-width: 4px;
		border-left-style: solid;
		border-left-color: #555555;
		display: block;
		margin: 0 0 0 3px;
	}
	#rakupuri20 .detail-box h3 {
		width: 100%;
		padding: 8px 0 8px 0;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #828282;
		margin: 0 0 5px;
	}
	#rakupuri20 .detail-box .half h3 {
		padding: 8px 0 8px 0;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #828282;
		margin: 0 0 3px 0;
		width: 100%;
	}
	#rakupuri20 .detail-box h3 span {
		padding: 0 0 0 1%;
		font-size: 123.1%;
		line-height: 1.2;
		font-weight: bold;
		border-left-width: 4px;
		border-left-style: solid;
		border-left-color: #555555;
		display: block;
		margin: 0 0 0 0.5%;
	}
}