/*PC*/
#contents,
main.lutheirpage{
background-color:#000000;
color:#FFFFFF;
}
main#main.lutheirpage{
padding-bottom:50px;
}
main.lutheirpage a{
	color:#FFFFFF;
} 

main.lutheirpage .kv{
width:100%;
height:300px;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
position:relative;
}


main.lutheirpage .kv:before{
	content:"";
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
background-image:url("/wp/wp-content/themes/dolphingtpc/img/bg-kv.webp");
z-index:1;
}
main.lutheirpage .kvinr{
width:100%;
height:300px;
background-size:contain;
background-position:center center;
background-repeat:no-repeat;
position:relative;
z-index:2;
}


.title_sec{
font-size:24px;
text-align:center;
padding-top:40px;
padding-bottom:40px;
}
#sec-productslist{
padding-top:120px;
}
#productslist{
max-width:1080px;
margin:0% auto;

}
#productslist dl{
padding:20px 0%;
border-top:solid 1px #666666;
display:flex;
flex-wrap:wrap;
} 
#productslist dl > figure{
	width:200px;
	margin: 0% 20px 0% 0%; 
	display:block;
	position:relative;
}
#productslist dl > figure img.productimg{
	width:100%;
	display:block;
	margin:0%;
}
#productslist dl dd.photos{
display:flex;
}
#productslist dl dd.photos figure{
	width:54px;
	margin: 0% 5px 0% 0%; 
	display:block;
}
#productslist dd.photos figure img.productimg_small{
	max-width:54px;
	width:auto;
	max-height:54px;
	height:auto;
	
	display:block;
	margin:0%;
	border:solid 1px #999999;
	box-sizing:border-box;
}
#productslist dl .list_data{
width: calc(100% - 220px);
line-height:160%;
color:#CCCCCC;
}
#productslist dl dd.spec ul{
	list-style-type:square;
	margin:0%;
	padding:0% 0% 0% 18px;
}
#productslist dl dd.spec ul li{
	margin:0%;
}
#productslist dl dd.spec ul li:last-child{
	list-style-type:none;
}
.link_spec{
background-color:#AAAAAA;
color:#FFFFFF;
text-decoration:none;
display:inline-block;
padding:4px 10px;
}

#productslist dl dd.desciption{
padding:10px 0%;

}


#productslist dl .list_data dt{
	font-size:150%;
	margin-bottom:15px;
	display:flex;
	align-items:center;
}
#productslist dl .list_data dd{
	margin:0%;
}
#productslist dl .list_data dd.movie{
margin-top:10px;
	width:100%;
	display:flex;
}
#productslist dl .list_data .label{
margin-right:7px;
}
#productslist dl .list_data .label:after{
content:":";
}


#productslist dl .specs{
display:none;
}
.icon_onsale{
	color:#FFFFFF;
	background-color:#48B235;
	font-size:12px;
	display:inline-block;
	padding:4px 5px;
	line-height:100%;
	margin-left:10px;
}
.icon_soldout{
	color:#FFFFFF;
	background-color:#FF0000;
		font-size:12px;
	display:inline-block;
	padding:4px 5px;
	line-height:100%;
	margin-left:10px;
}

.icon_hold{
	color:#FFFFFF;
	background-color:#FFB935;
		font-size:12px;
	display:inline-block;
	padding:4px 5px;
	line-height:100%;
	margin-left:10px;
}
.icon_comingsoon{
	color:#FFFFFF;
	background-color:#85DEC1;
		font-size:12px;
	display:inline-block;
	padding:4px 5px;
	line-height:100%;
	margin-left:10px;
}

.icon_reserve{
	color:#FFFFFF;
	background-color:#59B6E5;
		font-size:12px;
	display:inline-block;
	padding:4px 5px;
	line-height:100%;
	margin-left:10px;
}

#sec-productslist .conttitle{
text-align:center;
margin-bottom:40px;
}

#sec-order{
	max-width:1080px;
	margin:0% auto 80px;
	width:100%;
	padding-top:20px;
}

.link_order{
    display: block;
    margin: 0 auto;
    font-size: 24px;
    padding: 20px;
    background: rgba(35,106,177,1);
    color: #ffffff;
    width: 50%;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
}
.link_order_small{
    display: block;
    margin: 7px 0px;
    font-size: 14;
    padding: 5px 20px;
    line-height:100%;
    background: rgba(35,106,177,1);
    color: #ffffff;
    width: 220px;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
}


.pricetable{
border-collapse:collapse;
	width:100%;
	background-color:#FFFFFF;
	color:#000000;
}
.pricetable th.th_prime{
	background-color:#FCFCFC;
	padding:5px;
	border:solid 1px #000000;
	vertical-align:top;
	text-align:left;
}
.pricetable th.th_sub{

	padding:5px;
	border:solid 1px #000000;
	vertical-align:top;
	text-align:left;
	font-weight:400;
}

.pricetable td{
	background-color:#FFFFFF;
	padding:5px;
	border:solid 1px #000000;
	width:140px;
	text-align:right;

}

.priceblock{
margin-bottom:30px;

}

.link_movie{
position:relative;
display:block;
margin-right:5px;
}

.link_movie img{
width:100px;
position:relative;
z-index:1;
display:block;
}
.link_movie:before{
content:"";
display:block;
width:100%;
padding-top:56.25%;
background-color:#000000;
opacity:0.3 ;
background-size:contain;
position:absolute;
background-repeat:no-repeat;
z-index:2;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

.link_movie:after{
content:"";
display:block;
width:42%;
padding-top:39%;
background-image:url("/img/icon-play.png");
background-size:contain;
position:absolute;
background-repeat:no-repeat;
background-position:center center;
z-index:3;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#side-nav{
position:fixed;
right:0px;
top:50%;
z-index:200;
transform:translate(0%,-50%);
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  display:flex;
  list-style-type:none;
  margin:0%;
  padding:0%;
}
#side-nav li{
  margin:0%;
  padding:0%;
}
#side-nav li a{
	display:block;
	padding:7px 7px;
	margin-bottom:1px;
	background: rgba(35,106,177,1);
	color:#FFFFFF;
	font-weight:400;
	text-decoration:none;
	box-sizing:border-box;
}


#modal{
	position:fixed;
	top:0%;
	left:0%;
	z-index:1000;
	background-color:rgba(0,0,0,0.85);
	display:none;
	width:100vw;
	height:100vh;
	box-sizing:border-box;
	padding: 110px 0% 0%;
}

#modal_inr{
	width:100%;
	box-sizing:border-box;
	padding: 0%;
	height:100%;
	margin:0% auto;
	position:relative;
	z-index:1;
	display:flex;
	align-items:center;
	justify-content:center;
}

#modal_swiper{
width:100vw;
}
#modal_inr .swiper-button-next{
right:25px;
}

#modal .btn_close_modal{
	position:absolute;
	top:110px;
	right:10px;
	display:block;
	width:70px;
	height:70px;
	overflow:hidden;
	background-color:#FFFFFF;
	z-index:20;
}

#modal .btn_close_modal span{
	opacity:0;
}
#modal .btn_close_modal:before{
	content:"";
	display:block;
	height:1px;
	width:70%;
	position:absolute;
	top:50%;
	left:50%;
	background-color:#000000;
	transform:translate(-50%,-50%) rotate(45deg);
}
#modal .btn_close_modal:after{
	content:"";
	display:block;
	height:1px;
	width:70%;
	position:absolute;
	top:50%;
	left:50%;
	background-color:#000000;
	transform:translate(-50%,-50%) rotate(-45deg);
}

#modal .swiper-slide-inr img{
max-width:100%;
max-height:80vh;
display:block;
width:auto;
margin: 0% auto;
}

.spectable{
max-width:800px;
width:100%;
margin: 0% auto;
background-color:#FFFFFF;
border-collapse:collapse;
}
.spectable td{
	padding:5px;
	border:solid 1px #333333;
	width:65%
}
.spectable th{
	padding:5px;
	border:solid 1px #333333;
	font-weight:400;
	text-align:left;
	background-color:#EFEFEF;
	width:35%
}
.specswrap{
max-width:800px;
width:100%;
height:90%;
overflow:auto;
box-sizing:border-box;
padding:20px;

	background-color:#EFEFEF;
	
}
.spectitle{
font-size:18px;
font-weight:700;
}

.g-area{
display:flex;
flex-wrap:wrap;
width:100%;
max-width:1080px;
margin: 0% auto;
}
.g-area .gbox{
	width:25%;
	padding:7px;
	box-sizing:border-box;
}
.g-area .gbox img{
	width:100%;
}
.g-area .gbox figure{
margin:0%;
display:block;
width:100%;
}

#modal_navi_g{
	width:calc(100% - 100px);
	margin:0%;
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
	list-style-type:none;
	color:#FFFFFF;
	padding-bottom:20px;
}
#modal_navi_g li.prev{
	width:33%;
	text-align:left;
	margin:0%;
	padding:0%;
}
#modal_navi_g li.prev a:before{
	content:"<<";
	margin-right:5px;
}
#modal_navi_g li.current{
	width:33%;
	text-align:center;
	margin:0%;
	padding:0%;
}

#modal_navi_g li.next{
	width:33%;
	text-align:right;
	margin:0%;
	padding:0%;
}
#modal_navi_g li a{
color:#FFFFFF;
}

#modal_navi_g li.next a:after{
	content:">>";
	margin-left:5px;
}



#sec-models{
max-width:1080px;
margin:0% auto;
}
.modelbox{
border-top:solid 1px #333333;
padding-top:30px;
display:flex;
flex-wrap:wrap;
margin-bottom:30px;
flex-shrink: 0;
align-items:flex-start;
}
.modelbox:last-child{
padding-bottom:30px;
border-bottom:solid 1px #333333;
}

.modelbox:nth-child(even){
flex-direction: row-reverse;
}

.modelbox img{
width:40%;
flex-shrink: 0;
height:auto;
}
.modelbox_text{
width:60%;
box-sizing:border-box;
padding-left:25px;
}
.modelbox:nth-child(even) .modelbox_text{
padding-left:0px;
padding-right:25px;
}

.modelbox_title{
	font-size:22px;
	padding-bottom:25px;
}
.modelbox_discription{
line-height:160%;
}

#sec-profile{
max-width:1080px;
margin:0% auto;
}

.profilebox{
border-top:solid 1px #333333;
padding-top:30px;
display:flex;
flex-wrap:wrap;
margin-bottom:30px;
align-items:flex-start;

}

.profilebox img{
width:20%;
flex-shrink:0;
height:auto;
}
.profilebox_text{
width:80%;
box-sizing:border-box;
padding-left:25px;
}
.profilebox_title{
	font-size:22px;
	padding-bottom:25px;
}
.profilebox_discription{
line-height:160%;
}