@charset "utf-8";

/* ==========================================================================
   Reset
============================================================================= */
.lp_contents div,
.lp_contents span,
.lp_contents object,
.lp_contents h1,
.lp_contents h2,
.lp_contents h3,
.lp_contents h4,
.lp_contents h5,
.lp_contents h6,
.lp_contents p,
.lp_contents a,
.lp_contents img,
.lp_contents dl,
.lp_contents dt,
.lp_contents dd,
.lp_contents ol,
.lp_contents ul,
.lp_contents li,
.lp_contents table,
.lp_contents tr,
.lp_contents th,
.lp_contents td,
.lp_contents article,
.lp_contents section,
.lp_contents audio,
.lp_contents video {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border: 0;
}

.lp_contents article,
.lp_contents section,
.lp_contents main {
  display: block;
}

.contentasset{
  -webkit-text-size-adjust: 100%;
}

.lp_contents ol,
.lp_contents ul {
  list-style: none;
}
.lp_contents table {
  border-spacing: 0;
  border-collapse: collapse;
}

/* ==========================================================================
   Base
============================================================================= */

.lp_contents input,
.lp_contents textarea {
  line-height: 2;
  border: 0;
  border-radius: 0;
  outline: none;
}


.lp_contents a {
  text-decoration: none;
	color:#000;
}

.lp_contents a:link,
.lp_contents a:visited {
  text-decoration: none;
}

.lp_contents a:hover,
.lp_contents a:active,
.lp_contents a:focus {
  text-decoration: none;
}
.lp_contents a img {
	border: none;
    border-style:none;
}

.lp_contents img {
	border: none;
	vertical-align:bottom;
}
.lp_contents span.supText {
	font-size: 50%;
	vertical-align: top;
	position: relative;
	top: -0.6em;
}

/* ==========================================================================
   Helper
============================================================================= */

/* clearfix
--------------------------------------------------------- */

.lp_contents .clearfix {
  *zoom: 1;
}

.lp_contents .clearfix:before,
.lp_contents .clearfix:after {
  content: ' ';
  display: table;
}

.lp_contents .clearfix:after {
  clear: both;
}

.lp_contents .onlySP { display:none; }
.lp_contents .onlyPC { display:block; }

@media screen and (max-width: 768px) {  
	.lp_contents .onlySP { display:block; }
	.lp_contents .onlyPC { display:none; }

	.lp_contents img{
		width:100% !important;
		height:auto;
	}
}

/* mainvisual
--------------------------------------------------------- */
.lp_contents{
	font-size:24px;
	line-height: 160%;
	color: #333;
}
@media screen and (max-width: 768px) {
	.lp_contents{
		font-size:15px;
	}
}
.lp_contents .debug{
	color:#f00;
	position:fixed;
	top:15px;
	left:5px;
	font-size:12px;
	background: #ccc;
	z-index: 100000;
	display: none;
}
.lp_contents .mainvisual_pc{
	position: relative;
	overflow: hidden;
	width:100%;
	height:430px;
}
.lp_contents .mainvisual_pc .mv_inner{
	position: relative;
	width:1820px;
	left:50%;
	margin-left:-910px;
}
@media screen and (max-width: 1200px) {
	.lp_contents .mainvisual_pc{
		height:auto;
	}
	.lp_contents .mainvisual_pc .mv_inner{
		position: relative;
		width:150%;
		left:50%;
		margin-left:-75%;
	}
}
@media screen and (min-width: 1820px) {
	.lp_contents .mainvisual_pc{
		height:auto;
	}
	.lp_contents .mainvisual_pc .mv_inner{
		position: relative;
		width:100%;
		left:0%;
		margin-left:0;
	}
	.lp_contents .mainvisual_pc .mv_inner img{
		width:100%;
		height:auto;
	}
}

.lp_contents .lp_contents_inner2{
	width:94%;
	max-width:1100px;
	margin:0 auto;
}
.lp_contents h2{
	margin-top:60px;
	text-align: center;
	font-size:125%;
	line-height: 180%;
	font-weight: bold;
	color:#012169;
}
@media screen and (max-width: 880px) {
	.lp_contents h2 br.onlySP{
		display:block;
	}
}
.lp_contents .sec01 .box1{
	width:100%;
	margin-top:40px;
}
.lp_contents .sec01 .box1 .txt{
	width:100%;
	font-size: 16px/*75%*/;
	line-height: 220%;
	text-align: center;
}
@media screen and (max-width: 800px) {
	.lp_contents .sec01 .box1 .txt{
		line-height: 180%;
	}
}
.lp_contents .sec01 .box1 .txt span.supText {
	display: inline-block;
	position: relative;
	top: -0.7em;
}
.lp_contents .sec01 .select_pro{
	width:102%;
	margin:58px -1% 0;
}
.lp_contents .sec01 .select_pro ul li{
	float:left;
	position: relative;
	width:24%;
	margin-left:1.3% !important;
}
.lp_contents .sec01 .select_pro ul li:first-child{
	margin-left:0% !important;
}
.lp_contents .sec01 .select_pro ul li .pro_txt{
	margin-top:26px;
	color:#666;
	font-size:75%;
	text-align: center;
	font-weight: bold;
	line-height: 1;
}
.lp_contents .sec01 .select_pro ul li .pro_btn a{
	display: block;
	width:93%;
	height:50px;
	background: #53565a;
	color:#fff;
	font-size:66.6%;
	line-height: 50px;
	text-align: center;
	margin:20px auto 0;
}
.lp_contents .sec01 .select_pro ul li .pricedown{
	width:93%;
	margin:0 auto;
}
@media screen and (max-width: 880px) {
	.lp_contents .sec01 .select_pro ul li .pro_txt{
		font-size:55%;
	}
}


/* movie
--------------------------------------------------------- */
.lp_contents .lp_movie{
	margin-top:60px;
	width:100%;
}
.lp_contents .lp_movie .tit{
	text-align: center;
	font-size: 125%;
	color:#012169;
	font-weight: bold;
	letter-spacing: 1px;
}
.lp_contents .lp_movie ul{
	width:86.2% !important;
	margin:24px 0 30px 6.9%;
}
.lp_contents .lp_movie ul li{
	float:left;
	width:48.4%;
}
.lp_contents .lp_movie ul li:first-child{
	margin-right:3.2% !important;
}
.lp_contents .lp_movie ul li img{
	width: 100%;
	height: auto;
}
.lp_contents .lp_movie ul li a{
	display: block;
	width:100%;
	height:50%;
	background: #f6f5f3;
	color:#333;
	font-size:100%;
	text-align: left;
}
.lp_contents .lp_movie ul li a p.txt{
	padding:10px 0 20px 40px;
}
.lp_contents .lp_movie ul li a p.txt span.small{
	font-size:80%;
}

/* store
--------------------------------------------------------- */
.lp_contents .lp_store{
	width:100%;
	margin-top:16px;
}
.lp_contents .lp_store .store_btn a{
	display: block;
}

/* line_box
--------------------------------------------------------- */
.lp_contents .line_box{
	margin-top:35px;
	border: 1px solid #666;
	padding:46px 40px 54px;
}
.lp_contents .line_box .line_box_inner{
	height:1040px;
	height:auto;
	overflow: hidden;
}
.lp_contents .line_box .tit{
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	padding:18px 0;
	line-height: 160%;
	font-size:125%;
	font-weight: bold;
	color:#012169;
	letter-spacing: 1px;
	text-align: center;
	width:100%;
}
.lp_contents .line_box .img1{
	margin-top:50px;
}
.lp_contents .line_box .tit2{
	margin-bottom:30px;
	font-weight: bold;
	color:#012169;
}
.lp_contents .line_box .txt{
	font-size:66%;
	color:#666;
	line-height: 180%;
}
.lp_contents .line_box .blue_waku{
	background-color:#ddecf2;
	padding:30px;
}
.lp_contents .line_box .blue_waku .tit3{
	margin-bottom:25px;
	font-weight: bold;
	color:#012169;
}
.lp_contents .line_box .blue_waku .position{
	font-size:66%;
	line-height: 120%;
	font-weight: bold;
	color:#012169;
}
.lp_contents .line_box .tit4{
	margin-top:60px;
	margin-bottom:25px;
	font-weight: bold;
	color:#012169;
}
.lp_contents .line_box .tit5{
	font-weight: bold;
	color:#012169;
	margin-bottom:35px;
}
.lp_contents .line_box .box4 .tit5{
	margin-top:-5px;
}
.lp_contents .line_box .box4 {
	margin-top:13px;
}
.lp_contents .line_box .box4 .img{
	float:left;
	width: 50%;
}
.lp_contents .line_box .box4 .box4_left{
	float:left;
	width: 44%;
	margin-left:6%;
}

.lp_contents .mtt10{
	margin-top:10px !important;
}
.lp_contents .mtt20{
	margin-top:20px !important;
}
.lp_contents .mtt30{
	margin-top:30px !important;
}
.lp_contents .mtt40{
	margin-top:40px !important;
}
.lp_contents .mtt50{
	margin-top:50px !important;
}
.lp_contents .mtt60{
	margin-top:60px !important;
}
.lp_contents .mtt70{
	margin-top:70px !important;
}
.lp_contents .mtt80{
	margin-top:80px !important;
}
.lp_contents .mtt90{
	margin-top:90px !important;
}
.lp_contents .mtt100{
	margin-top:100px !important;
}
.lp_contents .mtt110{
	margin-top:110px !important;
}
.lp_contents .mtt120{
	margin-top:120px !important;
}


.lp_contents .pull1,
.lp_contents .pull2{
	display: none;
}
.lp_contents .pull{
	margin-top:30px;
	margin-bottom:86px;
}
.lp_contents .pull a{
	display: block;
	position: relative;
	width:100%;
	height:50px;
	letter-spacing: 2px;
	color:#fff;
	background: #53565a;
	font-size:66.6%;
	line-height: 50px;
	text-align: center;
	padding-left:40px;
}
.lp_contents .pull a span.pull_open_txt{
	display: inline;
}
.lp_contents .pull a.act span.pull_open_txt{
	display: none;
}
.lp_contents .pull a span.pull_close_txt{
	display: none;
}
.lp_contents .pull a.act span.pull_close_txt{
	display: inline;
}
.lp_contents .pull a span.ico_pull{
	display: inline-block;
	position: relative;
	top:0;
	width:18px;
	height:10px;
	margin-left:38px;
	overflow: hidden;
}
.lp_contents .pull a span.ico_pull img{
	position: relative;
	display: inline-block;
	top:-30px;
	width:100%;
	height:auto;
}
.lp_contents .pull a.act span.ico_pull img{
	top:-40px;
}
/* ==========================================================================
   mv_pop
============================================================================= */
#mv_pop{
   	width: 100%;
    height: 100%;
	top:0;
	left:0;
    position: fixed;
    z-index: 11900;
	display:none;
}
#mv_pop .bg{
	position:absolute;
   	width: 100%;
    height: 100%;
	background:#000;
	opacity:0.6;
	filter: alpha(opacity=60); /* IE lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
	z-index: 0;
}
#mv_pop #mv_popBox{
	position:absolute;
	width:1280px;
	height:720px;
    top: 50%;
    left: 50%;
    margin-top: -360px;
    margin-left: -640px;
	display:none;
}
#mv_pop .close_wrap{
	position: relative;
	z-index: 10;
}
#mv_pop .close_wrap a{
	display: block;
	position:absolute;
	right:1px;
	top:-32px;
	width:52px;
}
#mv_pop #YouTube{
	width:100%;
	height:auto;
}
#mv_pop #YouTube iframe{
	position: absolute;
	top: 0;
	left: 0;
	
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 768px) {
	.lp_contents .lp_contents_inner2{
		width:94%;
		max-width:94%;
	}
	.lp_contents h2{
		margin-top:20px;
		line-height: 140%;
	}
	.lp_contents .sec01 .box1{
		margin-top:16px;
	}
	.lp_contents .sec01 .box1 .txt{
		float:none;
		width:100%;
		line-height: 180%;
		text-align: center;
	}
	.lp_contents .sec01 .select_pro{
		margin-top:0;
	}
	.lp_contents .sec01 .select_pro ul li{
		float:left;
		width:49.5%;
		margin-left:1% !important;
	}
	.lp_contents .sec01 .select_pro ul li:first-child,
	.lp_contents .sec01 .select_pro ul li:nth-child(3){
		margin-left:0% !important;
	}
	.lp_contents .sec01 .select_pro ul li:first-child,
	.lp_contents .sec01 .select_pro ul li:nth-child(2){
		margin-bottom:30px !important;
	}
	.lp_contents .sec01 .select_pro ul li .pro_img{
		width:76%;
		margin:0 auto;
	}
	.lp_contents .sec01 .select_pro ul li .pro_txt{
		margin-top:10px;
	}
	.lp_contents .sec01 .select_pro ul li .pro_btn a{
		height:34px;
		line-height: 34px;
		margin:15px auto 0;
	}
	.lp_contents .sec01 .select_pro ul li .pricedown{
		width:70%;
		margin:10px auto 0;
	}
	/* movie
	--------------------------------------------------------- */
	.lp_contents .lp_movie{
		margin-top:12%;
		width:100%;
	}
	.lp_contents .lp_movie .tit{
		font-size: 100%;
	}
	.lp_contents .lp_movie ul{
		width:65% !important;
		margin:10px 17.5% 30px;
	}
	.lp_contents .lp_movie ul li{
		float:none;
		width:100%;
	}
	.lp_contents .lp_movie ul li:first-child{
		margin-right:0 !important;
		margin-bottom:7% !important;
	}
	.lp_contents .lp_movie ul li img{
		width: 100%;
		height: auto;
	}
	.lp_contents .lp_movie ul li a{
		display: block;
		width:100%;
		height:50%;
		background: #f6f5f3;
		color:#333;
		font-size:80%;
		text-align: left;
	}
	.lp_contents .lp_movie ul li a p.txt{
		padding:0% 0 4% 10%;
	}
	.lp_contents .lp_movie ul li a p.txt span.small{
		font-size:80%;
	}

	/* store
	--------------------------------------------------------- */
	.lp_contents .lp_store{
		width:100%;
		margin:16px auto 0;
	}


	/* line_box
	--------------------------------------------------------- */
	.lp_contents .line_box{
		margin-top:28px;
		padding:22px 3% 24px;
		text-align: left;
	}
	.lp_contents .line_box .tit{
		padding:8px 0 2px;
		line-height: 140%;
	}
	.lp_contents .line_box .img1{
		margin-top:20px;
	}
	.lp_contents .line_box .tit2{
		margin-bottom:20px;
		text-align: left;
	}
	.lp_contents .line_box .txt{
		font-size:80%;
	}
	.lp_contents .line_box .blue_waku{
		padding:10px 20px;
	}
	.lp_contents .line_box .blue_waku .tit3{
		margin-bottom:15px;
	}
	.lp_contents .line_box .blue_waku .position{
		font-size:100%;
		line-height: 140%;
		letter-spacing: 1px;
	}
	.lp_contents .line_box .tit4{
		margin-top:30px;
		margin-bottom:0px;
	}
	.lp_contents .line_box .tit5{
		margin-bottom:15px;
	}
	.lp_contents .line_box .box4 .tit5{
		margin-top:0px;
	}
	.lp_contents .line_box .box4 {
		margin-top:13px;
	}
	.lp_contents .line_box .box4 .img{
		float:left;
		width: 48%;
	}
	.lp_contents .line_box .box4 .box4_left{
		float:left;
		width: 44%;
		margin-left:8%;
	}

	.lp_contents .sp_mtt10{
		margin-top:10px !important;
	}
	.lp_contents .sp_mtt20{
		margin-top:20px !important;
	}
	.lp_contents .sp_mtt30{
		margin-top:30px !important;
	}
	.lp_contents .sp_mtt40{
		margin-top:40px !important;
	}
	.lp_contents .sp_mtt50{
		margin-top:50px !important;
	}
	.lp_contents .sp_mtt60{
		margin-top:60px !important;
	}
	.lp_contents .sp_mtt70{
		margin-top:70px !important;
	}
	.lp_contents .sp_mtt80{
		margin-top:80px !important;
	}
	.lp_contents .sp_mtt90{
		margin-top:90px !important;
	}
	.lp_contents .sp_mtt100{
		margin-top:100px !important;
	}
	.lp_contents .sp_mtt110{
		margin-top:110px !important;
	}
	.lp_contents .sp_mtt120{
		margin-top:120px !important;
	}



	.lp_contents .pull{
		margin-top:15px;
		margin-bottom:43px;
	}
	.lp_contents .pull a{
		display: block;
		position: relative;
		width:94%;
		height:40px;
		letter-spacing: 2px;
		color:#fff;
		background: #53565a;
		font-size:100%;
		line-height: 40px;
		text-align: center;
		padding-left:40px;
		margin:0 auto;
	}
	.lp_contents .pull a span.ico_pull{
		display: inline-block;
		position: relative;
		top:-3px;
		width:9px;
		height:5px;
		margin-left:12px;
	}
	.lp_contents .pull a span.ico_pull img{
		top:-30px;
	}
	.lp_contents .pull a.act span.ico_pull img{
		top:-35px;
	}

	#mv_pop .close_wrap a{
		top:-6px;
		width:26px;
	}
}
@media screen and (max-width: 500px) {
	.lp_contents .sec01 .select_pro ul li .pricedown{
		margin:-2px auto 0;
	}
}


@media print {
	body {
		zoom: 86%;
	}
	.lp_contents{
		background: #fff !important;
	}
	.lp_contents .pull1,
	.lp_contents .pull2{
		display: block !important;
	}
}