/* page-top */
.inner{
width: 100%;
}
#page-top {
	z-index: 10;
	position: fixed;
	bottom: 10px;
	right: 10px;
	font-size: 77%;
    width: 60px;
    height: 60px;
}

#page-top .top{
	position: absolute;
	width: 9px;
	height: 9px;
	border-left:2px solid #FFF;
	border-top:2px solid #FFF;
	top: 18px;
	left: 15px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg)
}

#page-top a {
	background: #000;
    filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
	color: #fff;
	width: 40px;
	height: 40px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius:3px;
}
#page-top a:hover {
	background: #000;
}

#contents_basicitem{
width: 100%;
font-size: 15px;
margin: 0 auto;
}
@media screen and (max-width: 640px){
#contents_basicitem{

width: 100%;

}

}
#contents_basicitem ul{
position: relative;
}

#contents_basicitem ul li.title{
position: absolute;
top: 16%;
left: 16%;
width: 25%;
}
#contents_basicitem ul li.title p{
padding: 16px;
margin: 0;
line-height: normal;
}
#contents_basicitem ul li.title2{
position: absolute;
top: 56%;
left:16%;
width: 35%;
}
#contents_basicitem ul li.title2 p{
font-size: 15px;
line-height: 2.2;
font-weight: 700;
margin: 0;
}
#contents_basicitem ul li.title3{
position: absolute;
top:72%;
left: 16%;
width: auto;
}
#contents_basicitem ul li.title3 p{
font-size: 32px;
line-height: 32px;
font-weight: bold;
}
#contents_basicitem ul li.title4{
position: absolute;
top: 75%;
left: 15%;
width: 50%;
}
#contents_basicitem ul li.title4 p{

font-weight: bold;
}

@media screen and (max-width: 780px){
#contents_basicitem ul{
position: relative;
}
.sp{
display: block !important;
}
.pc{
display: none !important;
}
#contents_basicitem ul li.title{
position: absolute;
top: 20%;
left: 8%;
width: 35%;
}
#contents_basicitem ul li.title p{
padding: 16px;
margin: 0;
line-height: normal;
}
#contents_basicitem ul li.title2{
position: absolute;
top: 64%;
left: 8%;
width: auto;
}
#contents_basicitem ul li.title2 p{
font-size: 3vw;
line-height: 1.8;
}
#contents_basicitem ul li.title3{
position: absolute;
top: 87%;
left: 8%;
width: auto;
}
#contents_basicitem ul li.title3 p{
font-size: 4vw;
line-height: 0;
font-weight: 700;
margin: 0;
}
#contents_basicitem ul li.title4{
position: absolute;
top: 65%;
left: 8%;
width: 92%;
}
#contents_basicitem ul li.title4 p{
font-size: 10px;
font-weight: bold;
}

}
#contents_basicitem_01{

width: 1024px;
margin: 0 auto;
}

#contents_basicitem_01 ul{
margin: 0;
padding: 0;
}
#contents_basicitem_01 ul li{
float: left;
width: 33.3333%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 16px 8px;
}
#contents_basicitem_01 ul li.space{
width: 100%;
height: 160px;
}
#contents_basicitem_01 ul li img{
width: 100%;
}
.space-basic{
clear: both;
width: 100%;
height: 120px;
}

@media screen and (max-width: 780px){
#contents_basicitem_01{
width: 100%;
}
.space-basic{
height: 10vh;
}
#contents_basicitem_01 ul li{
width: 50%;
}

}
#collection2017ss{
width: 100%;

}
#collection2017ss ul{
position: relative;
}
#collection2017ss ul li.title{
position: absolute;
top: 55%;
left: 15%;
padding: 0;
margin: 0;

}
#collection2017ss ul li.title2{
position: absolute;
top: 45%;
left: 10%;
width: 20%;
}
#collection2017ss ul li.title2 img{
width: 100%;
}
#collection2017ss ul li.title p{
font-size: 14px;
padding: 0;
margin: 0;
}
#collection2017ss img{
width: 100%;
}
@media screen and (max-width: 640px){
#collection2017ss ul li.title{
position: absolute;
top: 16%;
left: 15%;
padding: 0;
margin: 0;

}
#collection2017ss ul li.title2{
position: absolute;
top: 8%;
left: 10%;
width: 40%;
}
}
#collection2017ss_01{
width: 100%;
}
#collection2017ss_01 ul li{
float: left;
width: 10%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#collection2017ss_01 ul li img{
width: 100%;
}
#collection2017ss_01 ul li a:hover img{

opacity: 0.6;
}
#collection2017ss_01 ul li.title2{
background-color: #000;
}
#collection2017ss_01 ul li.space01{
width: 100%;
height: 2px;
}
#collection2017ss_01 ul li.space02{
width: 100%;
height: 2px;
background-color: #000;
}
@media screen and (max-width: 640px){
#collection2017ss_01 ul li{
height: auto;
}
#collection2017ss_01 ul li{
width: 20%;
}
}

#collection2017ss_03{
width: 100%;
}
#collection2017ss_03 ul li{
float: left;
width: 16.666666%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#collection2017ss_03 ul li.title2{
background-color: #000;
}
#collection2017ss_03 ul li.space01{
width: 100%;
height: 2px;
}
#collection2017ss_03 ul li.space02{
width: 100%;
height: 2px;
background-color: #000;
}
#collection2017ss_03 ul li img{
width: 100%;
}
#collection2017ss_03 ul li a:hover img{

opacity: 0.6;
}
.layout_footer{
width: 100%;
text-align: center;
}
.layout_footer img{
width: 20%;
padding: 40px 0 ;
}
.layout_footer p{
font-size: 12px;
padding: 0 0 40px 0 ;
}
@media screen and (max-width: 780px){
.layout_footer img{
width: 50%;
padding: 40px 0 16px 0;
}
}
#collection2017ss_02{
width: 1024px ;
text-align: center;
margin: 0 auto;
padding-top: 160px;
clear: both;
}
#collection2017ss_02 ul {
margin: 0 ;
padding: 0;
}
#collection2017ss_02 ul li {

padding: 0;
text-align: center;
width: 65%;
margin: 160px auto;
}
#collection2017ss_02 ul li img{
width: 100%;
}
#collection2017ss_02 ul li p {
float: left;
padding: 0;
margin: 10px 0 0 0;
}
#collection2017ss_02 ul li p a{
color: #4f4f4f;
position: relative;
padding: 2px 20px 0 10px ;
margin: 10px 0 0 0;
}
#collection2017ss_02 ul li p a:hover{
text-decoration: underline;
}
#collection2017ss_02 ul li p a:after{
display: block;
content: "/";
position: absolute;
top: 0;
right:5px;
font-size: 14px;
        }
#collection2017ss_02 ul li p.space1 {

padding: 16px 0;
width: 100%;
border: 1px solid #000;
color: #000;
margin:  80px 0;
}
#collection2017ss_02 ul li p.space2 {

padding: 16px 0;
width: 100%;
background-color:#000;
color: #fff;
margin:  80px 0;
}
@media screen and (max-width: 640px){
#collection2017ss_02{
width: 100%;
margin: 0 0 0 0;
padding: 80px 0 0 0;
}
#collection2017ss_02 ul li {
width: 95%;
margin: 0 auto;

}
#collection2017ss_02 ul li img{
width: 100%;
}
#collection2017ss_02 ul li p {
font-size: 12px;
padding: 0;
margin: 0;
text-align: left;
width: 100%;
}
#collection2017ss_02 ul li p.space {
border: #fff;
height: 80px;
width: 100%;
}
#collection2017ss_02 ul li p.space1 {
text-align: center;
padding: 16px 8px;
width: 100%;
border: 1px solid #000;
color: #000;
margin:  40px auto;
width: 100%;
}
#collection2017ss_02 ul li p.space2 {
text-align: center;
padding: 16px 8px;
width: 100%;
background-color:#000;
color: #fff;
margin:  40px 0;
width: 100%;
}
#collection2017ss_02 ul li p a{
display: block;
padding: 16px;
margin: 0;
border-bottom: 1px dotted #ddd;
}
#collection2017ss_02 ul li p a{
display: block;
padding: 16px;
margin: 0;
border-bottom: 1px dotted #ddd;
position: relative;
}
#collection2017ss_02 ul li p a:after{
display: block;
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 8px;
height: 8px;
margin: -4px 0 0 0;
border-top: solid 2px #ddd;
border-right: solid 2px #ddd;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        }
}

#contents_layered{
width: 100%;
margin: 0 auto;
text-align: center;
}
#contents_layered img{
width: 60%;
padding: 240px 0 0 0;

}
#contents_layered  p{
line-height: 30px;
padding:24px 0  240px 0;

}

#contents_layered_01{
width: 1024px;
margin: 0 auto;
clear: both;

}

#contents_layered_01 ul{
position: relative;
clear: both;
margin: 100px 0 0 0;
padding: 0;
height: 1400px;
}
#contents_layered_01 ul li{
position: absolute;
margin: 0;
padding: 0;
}
#contents_layered_01 ul li img{
width: 100%;
}
#contents_layered_01 ul li.contents_layered_title{
top: 0%;
left: 0%;
z-index: 6;
}
#contents_layered_01 ul li.contents_layered_title p{
font-size: 60px;
font-family: "ＭＳ 明朝",serif; 
padding: 0;
margin: 0;
line-height: normal;
}
#contents_layered_01 ul li.contents_layered_text{
top: 5%;
left: 0%;
z-index: 7;
width: 55%;
}
#contents_layered_01 ul li.contents_layered_text p{
font-size: 14px;
line-height: 30px;
}
#contents_layered_01 ul li.contents_layered_item01{
top: 15%;
left: 25%;
width: 50%;
z-index: 1;
}
#contents_layered_01 ul li.contents_layered_item02{
top: 0%;
left: 60%;
width: 40%;
z-index: 2;
}
#contents_layered_01 ul li.contents_layered_item03{
top: 55%;
left: 5%;
width:30%;
z-index: 3;
}
#contents_layered_01 ul li.contents_layered_item04{
top: 75%;
left: 60%;
width:40%;
z-index: 4;
}
#contents_layered_01 ul li.contents_layered_item05{
top: 20%;
left: 80%;
width:40%;
z-index: 5;
}
#contents_layered_01 ul li.contents_layered_item05 p{

}
#contents_layered_01 ul li.contents_layered_item05 p a{
font-size: 18px;
color: #000;
font-family: "ＭＳ 明朝",serif; 
}
@media screen and (max-width: 780px){

#contents_layered img{
width: 50%;
padding: 80px 0 0 0;

}
#contents_layered  p{
font-size: 12px;
width: 80%;
margin: 0 auto;
padding:24px 0  40px 0;
line-height: 24px;
}

#contents_layered_01{
width: 100%;
}
#contents_layered_01 ul{
height: auto;
}
#contents_layered_01 ul li{
position: static !important;
margin: 0;
padding: 0;
width: 100%!important;
padding: 8px;
}
#contents_layered_01 ul li p{
padding: 0;
margin: 0;
}
#contents_layered_01 ul li.contents_layered_title p{
font-size: 24px;

}
#contents_layered_01 ul li.contents_layered_text p{
font-size: 12px;

}
#contents_layered_01 ul li.contents_layered_item05 p a{
display: block;
padding: 16px;
margin: 0;
border-bottom: 1px dotted #ddd;
position: relative;
font-size: 12px;
}
#contents_layered_01 ul li.contents_layered_item05 p a:after{
display: block;
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 8px;
height: 8px;
margin: -4px 0 0 0;
border-top: solid 2px #ddd;
border-right: solid 2px #ddd;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        }
        #contents_layered_01 ul li.contents_layered_item05 p a br{
display: none;

}
}


#contents_VANITAS{
width: 1024px;
margin: 0 auto;
padding: 0;
}
#contents_VANITAS ul{
margin: 160px auto;
padding: 0;
position: relative;
clear: both;
height: 1000px;
}
#contents_VANITAS ul li{
margin: 0 auto;
padding: 0;
width: 50%;
position: absolute;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#contents_VANITAS ul li.contents_VANITAS_img01{
width: 40%;
left: 50%;
}
#contents_VANITAS ul li.contents_VANITAS_img02{
width: 30%;
top: 30%;
left: 10%;
}
#contents_VANITAS ul li.contents_VANITAS_img03{
width: 40%;

left: 10%;
}
#contents_VANITAS ul li.contents_VANITAS_img04{
width: 30%;
left: 60%;
top: 30%;
}
#contents_VANITAS ul li.contents_VANITAS_item01{
width: 40%;
left: 10%;
top: 10%;
}
#contents_VANITAS ul li.contents_VANITAS_item02{
width: 40%;
top: 65%;
left: 50%;
}
#contents_VANITAS ul li.contents_VANITAS_item03{
width: 40%;
top: 10%;
left: 60%;
}
#contents_VANITAS ul li.contents_VANITAS_item04{
width: 40%;
top: 65%;
left: 10%;
}
#contents_VANITAS ul li p{
padding: 0;
margin: 0;
}

#contents_VANITAS ul li p.vol{
font-size: 40px;
font-weight: bold;
}
#contents_VANITAS ul li p.name{
font-size: 20px;
font-weight: bold;
}
#contents_VANITAS ul li p.name2{
font-size: 16px;
line-height: 24px;

}
#contents_VANITAS ul li p.price{
font-size: 20px;
font-weight: bold;
padding: 24px 0;
}
#contents_VANITAS ul li p.link{
text-align: center;
}
#contents_VANITAS ul li p.link a{
text-align: center;
padding: 16px 24px;
background-color: #000;
color: #fff;
}
#contents_VANITAS ul li p.link a:hover{
background-color: #4f4f4f;
}

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

#contents_VANITAS{
width: 100%;
margin: 0 auto;
padding: 0;
}
#contents_VANITAS ul{
margin: 160px auto;
padding: 0;
position: relative;
clear: both;
height: auto;
}
#contents_VANITAS ul li{
margin: 0 auto;
padding: 8px;
width: 100% !important;
position: static;
}

#contents_VANITAS ul li p.vol{
font-size: 20px;
font-weight: bold;
}
#contents_VANITAS ul li p.name{
font-size: 15px;
font-weight: bold;
}
#contents_VANITAS ul li p.name2{
font-size: 12px;
line-height: 16px;

}
#contents_VANITAS ul li p.price{
font-size: 15px;
font-weight: bold;
padding: 24px 0;
}
#contents_VANITAS ul li p.link a{
display: block;
font-size: 12px;
}
}

#contents_VANITAS_title{
width: 1024px;
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#contents_VANITAS_title img{

padding: 0 8px ;
}
#contents_VANITAS_title ul li{
float: left;
width: 16.666666%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#contents_VANITAS_title ul li.contents_VANITAS_text{
width: 100%;
text-align: center;
padding: 60px 0 160px 0;
}
#contents_VANITAS_title ul li img{
width: 100%;
padding:16px 8px 0px 8px;
}
.tax{
font-size: 12px;
font-weight: normal;
}


.list{
	list-style-type: none;
	overflow: hidden;
}
.list li{
	float: left;
	transition: .8s;
}
.list-mv07{
	opacity: 0;
	transform: translate(0,50px); 
	-webkit-transform: translate(0,50px); 
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
.list-mv08{
	opacity: 0;
	transform: translate(50px,0); 
	-webkit-transform: translate(50px,0); 
}
.mv08{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
.list-mv09{
	opacity: 0;
	transform: translate(0,-50px); 
	-webkit-transform: translate(0,-50px); 
}
.mv09{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
.list-mv10{
	opacity: 0;
	transform: translate(-50px,0); 
	-webkit-transform: translate(-50px,0); 
}
.mv10{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
#contents_basicitem_02{
width: 100%;
margin: 0 auto;
text-align: center;
}
#contents_basicitem_02 ul {
margin: 0;
padding: 0;
}
#contents_basicitem_02 ul li{
margin: 0;
padding: 0;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#contents_basicitem_02 ul li.contents_basicitem_02_img{
width: 40%;
padding: 10px 0;
}
#contents_basicitem_02 ul li.contents_basicitem_02_img img{
max-height: 425px;
}
#contents_basicitem_02 ul li.contents_basicitem_02_text{
width: 60%;
padding: 10px 24px;
}
#contents_basicitem_02 ul li.contents_basicitem_02_text p{
text-align: left;
}
#contents_basicitem_02 ul li.contents_basicitem_02_text p.text01{
font-size: 32px;
}
#contents_basicitem_02 ul li.contents_basicitem_02_text p.text02{
font-weight: bold;
padding: 16px 0 0 0;
}
#contents_basicitem_02 ul li.contents_basicitem_02_text p.text03{
padding: 16px  0 0 0;
}
#contents_basicitem_02 ul li.contents_basicitem_02_text p.text04{
padding: 16px 0 0 0;
font-weight: bold;
font-size: 24px;
}
#contents_basicitem_02 ul li.contents_basicitem_02_text p.text05{
margin: 16px 0 0 0;
}
#contents_basicitem_02 ul li.contents_basicitem_02_text p.text05 a{
display: block;
background-color: #000;
padding: 16px ;
width: 300px;
color: #fff;
position: relative;
}
#contents_basicitem_02 ul li.contents_basicitem_02_text p.text05 a:hover{
background-color: #4f4f4f;
}
#contents_basicitem_02 ul li.contents_basicitem_02_text p.text05 a:after{
display: block;
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 8px;
height: 8px;
margin: -4px 0 0 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}

#contents_basicitem_02 ul li.contents_basicitem_02_text p.text06{
margin: 16px 0 0 0;
border-top: 2px solid #000;
width: 90%;
padding: 16px 0 0 0;
font-size: 13px;
}

@media screen and (max-width: 780px){
#contents_basicitem_02 ul li.contents_basicitem_02_img{
width: 100%;
padding: 10px 0;
}
#contents_basicitem_02 ul li.contents_basicitem_02_text{
width: 100%;
padding: 10px 0;
}
#contents_basicitem_02 ul li.contents_basicitem_02_text p{
text-align: left;

}
#contents_basicitem_02 ul li.contents_basicitem_02_text p.text01{
font-size: 20px;
}
#contents_basicitem_02 ul li.contents_basicitem_02_text p.text02{
font-weight: bold;
padding: 16px 0 0 0;
}
#contents_basicitem_02 ul li.contents_basicitem_02_text p.text03{
padding: 16px  0 0 0;
}
#contents_basicitem_02 ul li.contents_basicitem_02_text p.text04{
padding: 16px 0 0 0;
font-weight: bold;
font-size: 16px;
}
#contents_basicitem_02 ul li.contents_basicitem_02_text p.text05{
margin: 16px 0 0 0;
}
#contents_basicitem_02 ul li.contents_basicitem_02_text p.text05 a{
display: block;
background-color: #000;
padding: 16px ;
width: 80%;
color: #fff;
position: relative;
}
#contents_basicitem_02 ul li.contents_basicitem_02_text p.text05 a:hover{
background-color: #4f4f4f;
}
#contents_basicitem_02 ul li.contents_basicitem_02_text p.text05 a:after{
display: block;
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 8px;
height: 8px;
margin: -4px 0 0 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}

#contents_basicitem_02 ul li.contents_basicitem_02_text p.text06{
margin: 16px 0 0 0;
border-top: 2px solid #000;
width: 90%;
padding: 16px 0 0 0;

}
}
.modal-content {
    position:fixed;
    display:none;
    z-index:10000;
    width:80%;
    height: 466px;
    margin:0;
    padding:10px 20px;
background-color:#fff;
    box-shadow:none;
    border: 8px solid #000;
}
@media screen and (max-width: 780px){
.modal-content {
 width: 90%;
 overflow: scroll;
 bottom: 0;
}
}
.modal-content p {
    margin:0;
    padding:0;
}

.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;

}
@media screen and (max-width: 780px){
.modal-overlay {

    height:auto;

}
}
.modal-open {
    color:#00f;
    text-decoration:underline;
}

.modal-open:hover {
    cursor:pointer;
    color:#f00;
}

.modal-close {
    color:#000;
    text-decoration:none;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #efefef;
    padding: 5px 15px;
    font-size: 25px;
    line-height: normal;
}

.modal-close:hover {
    cursor:pointer;
        color:#000;
    background-color: #ddd;
}

#contents_20170414{
width: 1024px;
margin: 0 auto;
padding: 0;
text-align: center;
/*background: url("../img/contents/20170414/bg.jpg") no-repeat;*/
height: auto;
}
#contents_20170414 img.contents_20170414_titletext{
width: 100%;
padding: 80px 0 40px 0;
}
#contents_20170414 p.contents_20170414_titletext2{
width: 50%;
margin: 0 auto;
font-weight: bold;
line-height: 32px;
padding-bottom: 40px;
font-size: 18px;
}
#contents_20170414 p.contents_20170414_titletext3{
width: 50%;
margin: 0 auto;

line-height: 32px;
padding-bottom: 160px;
}
#contents_20170414  ul.contents_20170414_01{


}
#contents_20170414  ul.contents_20170414_01 li{
width: 50%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 16px;
}
#contents_20170414  ul.contents_20170414_01 li img{
width: 50%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 8px;
}
#contents_20170414  ul.contents_20170414_01 li.title{
clear: both;
width: 100%;
}
#contents_20170414  ul.contents_20170414_01 li p{
padding: 64px 0 0 0;
font-size: 19px;

}
#contents_20170414  ul.contents_20170414_01 li.title p{
padding: 16px 0 ;
font-size: 19px;
}
#contents_20170414  ul.contents_20170414_02{
clear: both;
position: relative;
height: 750px;
}
#contents_20170414  ul.contents_20170414_02 li{
width: 50%;
position: absolute;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 16px;
}

#contents_20170414  ul.contents_20170414_02 li.contents_20170414_02_01{
top: 0;
left: 0;
}
#contents_20170414  ul.contents_20170414_02 li.contents_20170414_02_02{
top: 0;
left: 50%;
}

#contents_20170414  ul.contents_20170414_02 li p.contents_20170414_02_text{
width: 80%;
margin: 0 auto;
border-top: 3px double #ddd;
padding: 16px;
border-bottom: 3px double #ddd;
text-align: left;
}

#contents_20170414  ul.contents_20170414_02 li p.contents_20170414_02_item{
width: 80%;
margin: 0 auto;
text-align: left;
padding: 16px;

}
#contents_20170414  ul.contents_20170414_02 li p.contents_20170414_02_item a{
font-weight: bold;
color: #4f4f4f;

}
img.contents_20170414_itemimg{
padding: 80px 0 40px 0;
}
@media screen and (max-width: 780px){

#contents_20170414{
width: 100%;
background-size: 100%;
}
#contents_20170414 img.contents_20170414_titletext{
width: 95%;
padding: 80px 0 20px 0;
}
#contents_20170414 p.contents_20170414_titletext2{
width: 50%;
margin: 0 auto;
font-size: 12px;
font-weight: bold;
line-height: 24px;
padding-bottom: 80px;
}
#contents_20170414 p.contents_20170414_titletext3{
width: 90%;
margin: 0 auto;
font-size: 10px;
line-height: 16px;
padding-bottom: 80px;
}
#contents_20170414  ul.contents_20170414_01{
width: 95%;
margin: 0 auto;
height: auto;
}
#contents_20170414  ul.contents_20170414_01 li{
width: 100%;
float: left;
position: static;
}
#contents_20170414  ul.contents_20170414_01 li p{
font-size: 16px;
padding: 3% 8px 0 8px;
margin: 0;
}

#contents_20170414  ul.contents_20170414_02{

height: auto;
}
#contents_20170414  ul.contents_20170414_02 li{
width: 100%;
position: static;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 16px;
}
}

ul.contents_20170414_03{
margin: 0;
padding: 0;
height: 500px;
}
ul.contents_20170414_03 li{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 16px;
}
ul.contents_20170414_03 li.title{
width: 100%;
font-size: 18px;
font-weight: bold;
}


ul.contents_20170414_03 li.space{
width: 100%;
height: 160px;

}
ul.contents_20170414_03 li.item{
width: 33.333333%;
float: left;
font-size: 18px;
font-weight: bold;
}
@media screen and (max-width: 780px){
ul.contents_20170414_03{
height: auto;
}
}

p.contents_20170414_04{
background-color: #000;
padding: 16px;
color: #fff;
font-weight: bold;
}

#contents20170418{
width: 1024px;
margin: 0 auto;
text-align: center;
}
#contents20170418  p{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#contents20170418 p.title2{
font-weight: bold;
font-size: 18px;
}
#contents20170418 p.title3{
line-height: 32px;
font-size: 12px;
}
#contents20170418 p.title4{
font-weight: bold;
font-size: 18px;
padding: 16px ;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
width: 40%;
margin: 0 auto;
}
@media screen and (max-width: 780px){
#contents20170418{
width: 100%;
margin: 0 auto;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 4px;
}
#contents20170418 p.title2{
font-weight: bold;
font-size: 16px;
}
#contents20170418 p.title3{
line-height: 24px;
font-size: 12px;
}
#contents20170418 p.title4{
width: 100%;
font-weight: bold;
font-size: 16px;
}
}

#contents20170418 ul{
position: relative;
clear: both;
height: 900px;
}
#contents20170418 ul li{
position: absolute;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#contents20170418 ul li p{
margin: 0;
padding: 0;
line-height: normal;
}
#contents20170418 ul li.item01{
width: 50%;
top: 8%;
left: 8%;
border: 1px solid #ddd;
}
#contents20170418 ul li.item01_1{
width: 50%;
height: 512px;
top: 10%;
left: 6%;
background: #000;
opacity: 0.6;  
}
#contents20170418 ul li.item02{
width: 20%;
top: 30%;
left: 50%;
border: 1px solid #ddd;
}
#contents20170418 ul li.item02_1{
width: 20%;
height: 205px;
top: 32%;
left: 48%;
background: #000;
opacity: 0.6;  
}
#contents20170418 ul li.item03{
width: 20%;
top: 48%;
left: 68%;
border: 1px solid #ddd;
}
#contents20170418 ul li.item03_1{
width: 20%;
height: 205px;
top: 50%;
left: 66%;
background: #000;
opacity: 0.6;  
}
#contents20170418 ul li.item04{
width: 40%;
top: 10%;
left: 54%;
border-bottom: 3px solid #000;
text-align: right;
}
#contents20170418 ul li.item04 p{
font-size: 24px;
font-weight: bold;
font-style: oblique; 
}
#contents20170418 ul li.item05{
width: 40%;
top: 20%;
left: 54%;
text-align: right;
}
#contents20170418 ul li.item05 p{
font-size: 16px;
font-weight: bold;

}
#contents20170418 ul li.item06{
width: 40%;
top: 25%;
left: 54%;
text-align: right;
}
#contents20170418 ul li.item06 p{
font-size: 12px;
font-weight: bold;
padding: 16px 0 0 0;

}
#contents20170418 ul li.item06 p.color2 {
padding: 0;

}
#contents20170418 ul li.item06 p.color2 span{
float: right;
width: 20px;
height: 20px;
border: 1px solid #000;
margin: 0 5px;
}
#contents20170418 ul li.item06 p.color2 span.c_blk{
background-color: #000;
}
#contents20170418 ul li.item06 p.color2 span.c_nav{
background-color: #1a0a5b;
}
#contents20170418 ul li.item06 p.color2 span.c_grn{
background-color: #1d4428;
}
#contents20170418 ul li.item06 p.color2 span.c_wht{
background-color: #fff;
}
#contents20170418 ul li.item06 p.color2 span.c_gry{
background-color: #4f4f4f;
}
#contents20170418 ul li.item06 p.price{
font-size: 14px;
padding: 20px 0;
clear: both;
}
#contents20170418 ul li.item06 p.link a{
font-size: 12px;
font-weight: bold;
padding: 16px 32px ;
background-color: #4f4f4f;
margin: 16px 0 0 0;
color: #fff;
border-radius: 3px;
}

#contents20170418 ul li.item07{
width: 65%;
top: 70%;
left: 8%;
text-align: left;
}
#contents20170418 ul li.item07 p{
font-size: 12px;
line-height: 24px;
}
#contents20170418 ul li.item08{
width: 40%;
top: 8%;
left: 8%;
}
#contents20170418 ul li.item09{
width: 20%;
top: 60%;
left: 38%;

}
#contents20170418 ul li.item10{
width: 40%;
top: 8%;
left: 52%;

}
#contents20170418 ul li.item10 p.color{
text-align: right;
border-right: 3px solid #000;
font-size: 14px;
padding: 0 16px ;
margin: 0 0 40px 0;
}

#contents20170418 ul li.item10 p.item{
text-align: right;
font-size: 12px;
padding: 16px 0  ;

}
#contents20170418 ul li.item10 p.item a{
color: #4f4f4f;

}
#contents20170418 ul li.item10 p.item a:hover{
text-decoration: underline;

}
#contents20170418 ul li.item10 p.text{
text-align: left;
font-size: 12px;
padding: 16px 0  ;
width: 70%;
margin: 40px 0 0 30%;
line-height: 24px;
padding: 16px 0 0 0;
border-top: 1px dotted #ddd;
}
#contents20170418 ul li.item11{
width: 40%;
top: 70%;
left: 8%;
text-align: left;
font-size: 12px;
}
@media screen and (max-width: 780px){
#contents20170418 ul{
height: auto;

}
#contents20170418 ul li{
position: static;
width: 100% ;
float: left;
padding: 4px;
}
#contents20170418 ul li.item01{
width: 100%;
border: 0px;
}
#contents20170418 ul li.item02{
width: 50%;
border: 0px;
}
#contents20170418 ul li.item03{
width: 50%;
border: 0px;
}
#contents20170418 ul li.item02_1,#contents20170418 ul li.item03_1,#contents20170418 ul li.item01_1{
display: none;

}
#contents20170418 ul li.item04{
width: 100%;
border-bottom: 3px solid #000;
text-align: right;
}
#contents20170418 ul li.item04 p{
font-size: 24px;
font-weight: bold;

}

#contents20170418 ul li.item05{
width: 100%;
text-align: right;
}
#contents20170418 ul li.item05 p{
font-size: 16px;
font-weight: bold;
padding: 8px 0 0 0;
}
#contents20170418 ul li.item06{
width: 100%;
text-align: right;
}
#contents20170418 ul li.item06 p{
font-size: 14px;
font-weight: bold;
padding: 16px 0 0 0;

}
#contents20170418 ul li.item06 p.price{
font-size: 20px;
padding: 16px 0;

}
#contents20170418 ul li.item06 p.link a{
font-size: 14px;
font-weight: bold;
padding: 16px ;
background-color: #4f4f4f;
margin: 16px 0 0 0;
color: #fff;
border-radius: 3px;
display: block;
text-align: left;
position: relative;
}
#contents20170418 ul li.item06 p.link a:after{
display: block;
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 8px;
height: 8px;
margin: -4px 0 0 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}
#contents20170418 ul li.item07{
width: 100%;
text-align: left;
}
#contents20170418 ul li.item07 p{
font-size: 12px;
line-height: 16px;
}
#contents20170418 ul li.item08{
width: 50%;

}
#contents20170418 ul li.item09{
width: 50%;


}
#contents20170418 ul li.item10{
width: 100%;
top: 8%;
left: 52%;

}
#contents20170418 ul li.item10 p.color{
text-align: right;
border-right: 3px solid #000;
font-size: 20px;
padding: 0 16px ;
margin: 16px 0 ;
}
#contents20170418 ul li.item10 p.item{
text-align: left;
font-size: 12px;
padding:  0  ;

}
#contents20170418 ul li.item10 p.item{
text-align: left;
font-size: 12px;
padding:  0  ;

}

#contents20170418 ul li.item10 p.item a{
color: #4f4f4f;
padding: 8px ;
display: block;
border-bottom: 1px dotted #ddd;
position: relative;
}
#contents20170418 ul li.item10 p.item a:after{
display: block;
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 8px;
height: 8px;
margin: -4px 0 0 0;
border-top: solid 2px #4f4f4f;
border-right: solid 2px #4f4f4f;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}
#contents20170418 ul li.item10 p.text{
text-align: left;
font-size: 12px;
padding: 16px 0  ;
width: 100%;
margin:  0;
line-height: 24px;
padding: 16px 0 0 0;
border-top: 0px dotted #ddd;
}
#contents20170418 ul li.item11{
width: 100%;
text-align: right;
font-size: 10px;
}

#contents20170418 ul li.item12{
width: 100%;
height: 80px;

}
}

#contents20170421{
width: 800px;
margin: 0 auto;
text-align: center;
}
#contents20170421 ul{
margin: 0;
padding: 0;
}
#contents20170421 ul li{
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 8px;
}
#contents20170421 ul li p{
line-height: 24px;
font-size: 13px;
padding-top: 16px;

}
#contents20170421 ul li img{
padding-top: 160px;
}
#contents20170421 ul li p a{
background-color: #000;
color: #fff;
padding: 16px 120px;
border-radius: 3px;
}
@media screen and (max-width: 780px){
#contents20170421{
width: 100%;
margin: 0 auto;
text-align: center;
}
#contents20170421 ul li p{
line-height: 16px;
font-size: 11px;
padding-top: 16px;

}
#contents20170421 ul li img{
padding-top: 80px;
}
}


#category_pants20170421{
margin: 24px auto;
width: 1024px;
}
#category_pants20170421 ul li {
width: 50%;
float: left;
}
#category_pants20170421 ul li.space {
width: 100%;
height: 24px;
}
@media screen and (max-width: 640px){
#category_pants20170421{
width: 100%;
margin: 16px auto;
}
#category_pants20170421 ul li {
width: 100%;
margin: 0 0 8px 0;
}
#category_pants20170421 ul li.space {
width: 100%;
height: 8px;
}
}

#contents20170425{
width: 1024px;
margin: 0 auto;
text-align: center;
}
#contents20170425 p{
line-height: 24px;
font-size: 15.6px;
padding-top: 16px;

}
#contents20170425 ul{
margin: 0;
padding: 0;
}
#contents20170425 ul li{
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 8px;
}
#contents20170425 ul li hr{
margin: 32px 0;
}
#contents20170425 ul li p{
line-height: 24px;
font-size: 15.6px;
padding-top: 16px;

}
#contents20170425 ul li img{
margin-top: 160px;
}

#contents20170425 ul li p a{
color: #4f4f4f;
padding: 16px 0;
font-weight: bold;
}
#contents20170425 ul li p a:hover{
text-decoration: underline;
}
#contents20170425 ul li p a.btn{
background-color: #000;
color: #fff;
padding: 8px 12px;
width: 400px;
border-radius: 5px;
font-weight: normal;
font-size: 12px;
}
#contents20170425 ul li p a.btn:hover{
text-decoration: none;
background-color: #4f4f4f;
}
@media screen and (max-width: 780px){
#contents20170425{
width: 100%;
margin: 0 auto;
text-align: center;
}
#contents20170425 ul li p{
line-height: 16px;
font-size: 13.2px;
padding-top: 16px;

}
#contents20170425 ul li img{
padding-top: 80px;
}
#contents20170425 ul li p a.btn{
width: 100%;
}
}

.contents20170425_font{
font-size: 15.5px;
}


#contents20170425 ul li img.harf_space{
margin-top: 45px;
}

@media screen and (max-width: 780px){
#contents20170425 ul li img{
margin-top:0px;
}
}

#contents20170502{
width: 1024;
margin: 0 auto;
padding: 0;
text-align: center;
}
#contents20170502 ul{
margin: 0 auto;
padding: 0;
}
#contents20170502 ul li{
margin: 0 auto;
padding: 0;
width: 100%;
}
#contents20170502 ul li img{
margin: 160px 0 0 0;
}

#contents20170502 ul li img.titleimg{
margin: 40px 0 0 0;
}
#contents20170502 ul li p{
font-size: 17px;
line-height: 30px;
}
#contents20170502 ul li p.title{
font-size: 24px;
font-weight: bold;
border-bottom: 1px solid #4f4f4f;
width: 270px;
margin: 120px auto 0 auto;
}
#contents20170502 ul li p.titletext{
margin: 30px 0 0 0;
}
#contents20170502 ul li p a{
font-weight: bold;
color: #4f4f4f;
font-size: 19px;
}
#contents20170502 ul li p a.btn{
font-weight: normal;
color: #fff;
background-color: #000;
border-radius: 3px;
margin: 0 auto;
width: 400px;
padding: 8px 0;
font-size: 14px;
line-height: 20px;
}
#contents20170502 ul li p a:hover{
text-decoration: underline;
}
@media screen and (max-width: 780px){
#contents20170502 ul li img{
margin: 80px 0 0 0;
}
#contents20170502 ul li p{
font-size: 11px;
line-height: 18px;
}
#contents20170502 ul li p.title{
font-size: 14px;
font-weight: bold;
border-bottom: 1px solid #4f4f4f;
width: 80%;
margin: 60px auto 0 auto;
}
#contents20170502 ul li p a.btn{

width: 80%;
padding: 8px 0;
font-size: 12px;
line-height: 18px;
}
#contents20170502 ul li p a{
font-size: 12px;
}
}

#contents20170512{
width: 1024px;
margin: 0 auto;
padding: 0;
text-align: center;
}

#contents20170512 ul{
margin: 0 auto;
padding: 0;
}
#contents20170512 ul li{
margin: 0 auto;
padding: 0;
}
#contents20170512 ul li img{
margin: 0 auto;
padding: 0;
}
#contents20170512 ul li p{
margin: 0 auto;
padding: 0;
}
#contents20170512 ul li p a{
font-weight: bold;
color: #4f4f4f;
font-size: 20px;
}
#contents20170512 ul li p a.btn{
font-weight: normal;
color: #fff;
background-color: #000;
border-radius: 3px;
margin: 0 auto;
width: 400px;
padding: 8px 0;
font-size: 14px;
line-height: 20px;
}
#contents20170502 ul li p a:hover{
text-decoration: underline;
}
.pt100{
padding-top: 100px !important;
}
.pt150{
padding-top: 150px !important;
}
.pt50{
padding-top: 50px !important;
}
.pt20{
padding-top: 20px !important;
}
.pb100{
padding-bottom: 100px !important;
}
.pb150{
padding-bottom: 150px !important;
}
.pb30{
padding-bottom: 30px !important;
}
.pb20{
padding-bottom: 20px !important;
}
.font20{
font-size: 20px  !important;
}
.w_bold{
font-weight: bold !important;
}
@media screen and (max-width: 780px){
#contents20170512{
width: 100%;

}
#contents20170512 ul li img{
width: 100%;

}
#contents20170512 ul li p{
margin: 0 auto;
padding: 0;
font-size: 12px;
}
#contents20170512 ul li p a.btn{
width: 100%;
padding: 8px 0;
font-size: 12px;
line-height: 16px;
}
#contents20170512 ul li p a{
font-weight: bold;
color: #4f4f4f;
font-size: 14px;
}
.pt100{
padding-top: 50px !important;
}
.pt150{
padding-top: 75px !important;
}
.pt50{
padding-top: 25px !important;
}
.pb100{
padding-bottom: 50px !important;
}
.pb150{
padding-bottom: 75px !important;
}
.pb30{
padding-bottom: 15px !important;
}
}

#contents_20170519{
width: 100%;
background: url("../img/contents/20170519/a_bg.jpeg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
#contents_20170519_2{
width: 100%;
background: url("../img/contents/20170519/b_bg.jpeg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
#contents_20170519_3{
width: 100%;
background: url("../img/contents/20170519/c_bg.jpeg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
#contents_20170519 ul{
margin: 0 auto;
padding: 16px 0;
width: 1150px;
text-align: center;
}
div.bgf{
background-color: #fff;
}
div.bg_no{
width: 100%;
height: 300px;
}
div.bg_no p{
text-align: center;
}
div.bg_no p a{
display: block;
height: 300px;
font-size: 40px;
color: #fff;
line-height: 280px;
}
div.bg_no p a:hover{
text-decoration: underline;
}
div.bg_notitle{
width: 100%;
height: 700px;
}
div.bg_notitle p{
font-size: 60px;
text-align: center;
font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;
line-height: 700px;
color: #fff;
}
#contents_20170519 ul li{
float: left;
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 15px;
}
#contents_20170519 ul li.title{
width: 100%;
font-size: 30px;
font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;}
#contents_20170519 ul li.title2{
width: 100%;
font-size: 24px;
margin: 80px 0 0 0;
font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;}
#contents_20170519 ul li.item{
width: 25%;
}
#contents_20170519 ul li.item a{
font-size: 12px;
color: #4f4f4f;
}
#contents_20170519 ul li.item a span.click{
padding: 2px 8px;
border: 1px solid #ddd;
}
#contents_20170519 ul li.item a:hover span.click{
background-color: #ddd;
}
#contents_20170519 ul li.space{
width: 100%;
height: 100px;
}
@media screen and (max-width: 780px){
#contents_20170519 ul{
width: 100%;
}
#contents_20170519 ul li{
width: 100%;
}
#contents_20170519 ul li.item{
width: 50%;
}
#contents_20170519 ul li.item a{
font-size: 12px;
}
#contents_20170519 ul li.space{
width: 100%;
height: 20px;
}
div.bg_notitle{
width: 100%;
height: 350px;
}
div.bg_notitle p{
font-size: 30px;
text-align: center;
font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;
line-height: 160px;
color: #fff;
}
div.bg_no{
width: 100%;
height: 100px;
}
div.bg_no p a{
display: block;
height: 100px;
font-size: 20px;
color: #000;
line-height: 100px;
}
div.bg_no p a:hover{
text-decoration: underline;
}

#contents_20170519 ul li.title{
font-size: 16px;
}
#contents_20170519 ul li.title2{
font-size: 12px;
margin: 0;
}
}

#contents20170522{
	width: 100%;
	clear: both;
}

#contents20170522 ul {
	width:1024px;
	margin: 0 auto;
	padding: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#contents20170522 ul li{
	float: left;
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}
#contents20170522 ul li.w_01{
	width: 33.3333%;
}
#contents20170522 ul li.w_02{
	width: 66.6666%;
}
#contents20170522 ul li.w_05{
	width: 100%;
}
#contents20170522 ul li img{
	width: 100%;
}
#contents20170522 ul li p{
	float: left;
	margin: 0;
	padding:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 8px solid #fff;
	background-size: cover;
	position: relative;
	z-index: 0;
	overflow: hidden;/*ブラー効果でボヤけた部分を非表示*/
}
#contents20170522 ul li p.w_03{
	width: 33.3333%;
}
#contents20170522 ul li p.w_04{
	width: 66.6666%;
}
#contents20170522 ul li p.w_05{
	width: 50%;
}
#contents20170522 ul li p.w_06{
	width: 100%;
	text-align: right;
	border-bottom: 2px solid #4f4f4f;
	padding: 16px;
	margin-bottom: 40px;
	font-size: 14px;
}
#contents20170522 ul li p.w_06 span{
	font-size: 20px;
	line-height: 35px;
}
#contents20170522 ul li p.w_07{
	width: 100%;
	text-align: left;
	border-bottom: 2px solid #4f4f4f;
	padding: 16px;
	margin-bottom: 40px;
	font-size: 14px;
}
#contents20170522 ul li p.w_07 span{
	font-size: 20px;
	line-height: 35px;
}
#contents20170522 ul li p a{
	display: block;
	height: 100%;
	width: 100%;
	position: relative;
	font-size: 20px;
	font-weight: bold;
	border: 1px solid #ddd;
	color: #fff;
}
#contents20170522 ul li p a:hover{
	border: 1px solid #000;
}
#contents20170522 ul li p a span{
	position: absolute;
	font-size: 40px;
	font-family: 'ＭＳ Ｐ明朝'
}
#contents20170522 ul li p a span.text_rb{
	right: 20px;
	bottom:5px;
}
#contents20170522 ul li p a span.text_lb{
	left: 15px;
	bottom:5px;
}
#contents20170522 ul li p a span.text_lt{
	left: 15px;
	top:5px;
}
#contents20170522 ul li p a span.text_rt{
	right: 20px;
	top:5px;
}
#contents20170522 ul li p.bg01{
	background: url("../img/contents/20170526/a_01.jpg") ;
	background-size: cover;
	height: 677px;
}
#contents20170522 ul li p.bg02{
	background: url("../img/contents/20170526/a_02.jpg");
	background-size: cover;
	height: 336px;
}
#contents20170522 ul li p.bg03{
	background: url("../img/contents/20170526/a_03.jpeg");
	background-size: cover;
	height: 336px;
}
#contents20170522 ul li p.bg04{
	background: url("../img/contents/20170526/a_04.jpg");
	background-size: cover;
	height: 343px;
}
#contents20170522 ul li p.bg05{
	background: url("../img/contents/20170526/a_05.jpeg");
	background-size: cover;
	height: 343px;
}
#contents20170522 ul li p.bg06{
	background: url("../img/contents/20170526/a_06.jpeg");
	background-size: cover;
	height: 343px;
}

#contents20170522 ul li p.bg01_b{
	background: url("../img/contents/20170526/b_01.jpg") ;
	background-size: cover;
	height: 679px;
}
#contents20170522 ul li p.bg02_b{
	background: url("../img/contents/20170526/b_02.jpg");
	background-size: cover;
	height: 336px;
}
#contents20170522 ul li p.bg03_b{
	background: url("../img/contents/20170526/b_03.jpg");
	background-size: cover;
	height: 336px;
}
#contents20170522 ul li p.bg04_b{
	background: url("../img/contents/20170526/b_04.jpg");
	background-size: cover;
	height: 343px;
}


#contents20170522 ul li p.bg01_c{
	background: url("../img/contents/20170526/c_01.jpeg") ;
	background-size: cover;
	height: 679px;
}
#contents20170522 ul li p.bg02_c{
	background: url("../img/contents/20170526/c_02.jpeg");
	background-size: cover;
	height: 336px;
}
#contents20170522 ul li p.bg03_c{
	background: url("../img/contents/20170526/c_03.jpeg");
	background-size: cover;
	height: 336px;
}
#contents20170522 ul li p.bg04_c{
	background: url("../img/contents/20170526/c_04.jpg");
	background-size: cover;
	height: 343px;
}
#contents20170522 ul li p.bg01_d{
	background: url("../img/contents/20170526/d_01.jpeg") ;
	background-size: cover;
	height: 679px;
}
#contents20170522 ul li p.bg02_d{
	background: url("../img/contents/20170526/d_02.jpeg");
	background-size: cover;
	height: 336px;
}
#contents20170522 ul li p.bg03_d{
	background: url("../img/contents/20170526/d_03.jpeg");
	background-size: cover;
	height: 336px;
}
#contents20170522 ul li p.bg04_d{
	background: url("../img/contents/20170526/d_04.jpeg");
	background-size: cover;
	height: 343px;
}
#contents20170522 ul li p:hover:before{
	content: '';
	background: inherit;/*.bgImageで設定した背景画像を継承する*/
	-webkit-filter: blur(1px);
	-moz-filter: blur(1px);
	-o-filter: blur(1px);
	-ms-filter: blur(1px);
	filter: blur(1px);
	position: absolute;
	/*ブラー効果で画像の端がボヤけた分だけ位置を調整*/
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	z-index: -1;/*重なり順序を一番下にしておく*/
	transition: transform .25s ease-out, filter .25s ease-out;
}
#contents20170522 ul li p.text{
	position: absolute;
	top:0;
	left: 0;
	border: none;
}
@media screen and (max-width: 780px){
#contents20170522 ul {
width: 100%;
padding: 4px;
}
#contents20170522 ul li p{
	border: 3px solid #fff;
}
#contents20170522 ul li p a{

	border: 1px solid #fff;

}
#contents20170522 ul li p a:hover{
	border: 1px solid #fff;
}
#contents20170522 ul li p.w_03{
	width: 50%;

}
#contents20170522 ul li p.w_04{
	width: 100%;
}
#contents20170522 ul li p.w_05{
	width: 100%;
}
#contents20170522 ul li p.w_06{
	width: 100%;
}
#contents20170522 ul li p.bg01{
	background: url("../img/contents/20170526/a_01.jpg") no-repeat;
	background-size: 100%;
	height: auto;
}

#contents20170522 ul li p.bg02{
	background: url("../img/contents/20170526/a_02.jpg")no-repeat;
	background-size: 100%;
	height: auto;
}
#contents20170522 ul li p.bg03{
	background: url("../img/contents/20170526/a_03.jpeg")no-repeat;
	background-size: 100%;
	height: auto;

}
#contents20170522 ul li p.bg04{
	background: url("../img/contents/20170526/a_04.jpg")no-repeat;
	background-size: 100%;
	height: auto;

}
#contents20170522 ul li p.bg05{
	background: url("../img/contents/20170526/a_05.jpeg")no-repeat;
	background-size: 100%;
	height: auto;

}
#contents20170522 ul li p.bg06{
	background: url("../img/contents/20170526/a_06.jpeg") no-repeat;
	background-size: 100%;
	height: auto;

}

#contents20170522 ul li p.bg01_b{
	background: url("../img/contents/20170526/b_01.jpg") no-repeat;
	background-size: 105%;
	height: auto;

}
#contents20170522 ul li p.bg02_b{
	background: url("../img/contents/20170526/b_02.jpg") no-repeat;
	background-size: 100%;
	height: auto;

}
#contents20170522 ul li p.bg03_b{
	background: url("../img/contents/20170526/b_03.jpg") no-repeat;
	background-size: 100%;
	height: auto;

}
#contents20170522 ul li p.bg04_b{
	background: url("../img/contents/20170526/b_04.jpg") no-repeat;
	background-size: 100%;
	height: auto;

}


#contents20170522 ul li p.bg01_c{
	background: url("../img/contents/20170526/c_01.jpeg") no-repeat;
	background-size: 105%;
	height: auto;
}
#contents20170522 ul li p.bg02_c{
	background: url("../img/contents/20170526/c_02.jpeg") no-repeat;
	background-size: 100%;
	height: auto;
}
#contents20170522 ul li p.bg03_c{
	background: url("../img/contents/20170526/c_03.jpeg") no-repeat;
	background-size: 100%;
	height: auto;

}
#contents20170522 ul li p.bg04_c{
	background: url("../img/contents/20170526/c_04.jpg") no-repeat;
	background-size: 100%;
	height: auto;

}
#contents20170522 ul li p.bg01_d{
	background: url("../img/contents/20170526/d_01.jpeg") no-repeat;
	background-size: 105%;
	height: auto;

}
#contents20170522 ul li p.bg02_d{
	background: url("../img/contents/20170526/d_02.jpeg") no-repeat;
	background-size: 100%;
	height: auto;

}
#contents20170522 ul li p.bg03_d{
	background: url("../img/contents/20170526/d_03.jpeg") no-repeat;
	background-size: 100%;
	height: auto;

}
#contents20170522 ul li p.bg04_d{
	background: url("../img/contents/20170526/d_04.jpeg");
	background-size: 100%;
	height: auto;
}
#contents20170522 ul li p.sw1{
	width: 100%;
}
#contents20170522 ul li p a span{
	font-size: 12px;
}
#contents20170522 ul li p a span.text_rb{
	right: 20px;
	bottom:5px;
}
#contents20170522 ul li p a span.text_lb{
	left: 15px;
	bottom:5px;
}
#contents20170522 ul li p a span.text_lt{
	left: 15px;
	top: auto;
	bottom:5px;
}
#contents20170522 ul li p a span.text_rt{
	right: 20px;
	top: auto;
	bottom:5px;
}

}

#contents20170522_top{
width: 1024px;
text-align: left;
margin: 0 auto;
}
#contents20170522_top ul{
margin: 0;
padding: 0;
}
#contents20170522_top ul li{
float: left;
width: 100%;
}
#contents20170522_top ul li.space{
height: 160px;
width: 100%;
border-top: 3px solid #4f4f4f;
text-align: center;
}
#contents20170522_top ul li.space p{
font-size: 20px;
font-weight: bold;
}
#contents20170522_top ul li img.text{
width: 40%;
margin-top: 45%;
margin-left: 40px;
}

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

#contents20170522_top{
width: 100%;
text-align: left;
margin: 0 auto;
}
#contents20170522_top ul li.space{
height: 80px;
width: 100%;
border-top: 3px solid #4f4f4f;
}
#contents20170522_top ul li.space p{
font-size: 12px;
font-weight: bold;
}
}

p.otheritem{
width: 100%;
margin: 0 auto 16px auto;
clear: both;
text-align: center;
font-size: 20px;
}
p.space{
width: 100%;
height: 56px;
clear: both;
}
p.otheritem a{
padding: 16px 42px 16px 16px;
background-color: #ddd;
margin: 32px 0;
color: #4f4f4f;
position: relative;
transition: all 0.3s;
}
p.otheritem a:hover{
background-color: #4f4f4f;
color: #fff;
transition: all 0.3s;
}

p.otheritem a:after{
display: block;
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 8px;
height: 8px;
margin: -4px 0 0 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}
@media screen and (max-width: 780px){
p.otheritem{
font-size: 12px;
}
}

#contents20170522p{
width: 1024px;
margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px;
}
#contents20170522p ul{
margin: 0;
padding: 0;
}
#contents20170522p ul li{
float: left;
text-align: center;
width: 100%;
}
#contents20170522p ul li.contents20170522p_co{
text-align: left;
width: 50%;
padding: 8px;
}
#contents20170522p ul li p{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;

}
#contents20170522p ul li p.text1{
font-size: 25px;
padding-bottom: 16px;
}
#contents20170522p ul li p.text2 a{
padding: 16px;
background-color: #ddd;
display: block;
margin: 0 auto;
width: 300px;
transition: all 0.3s;
}
#contents20170522p ul li p.text2 a:hover{
background-color: #4f4f4f;
color: #fff;
transition: all 0.3s;
}
#contents20170522p ul li p.text3{
font-size: 20px;
padding: 120px 0 0 8px;
text-align: left;
font-weight: bold;
}
#contents20170522p ul li img{
width: 100%;
}
#contents20170522p ul li a {
color: #4f4f4f;
}
#contents20170522p ul li a img{
border: 1px solid #ddd;transition: all 0.3s;
}
#contents20170522p ul li a:hover img{
border: 1px solid #4f4f4f;transition: all 0.3s;
}
@media screen and (max-width: 780px){
#contents20170522p{
width: 100%;
	padding: 4px;
}
#contents20170522p ul li p{
font-size: 12px;
}
#contents20170522p ul li p.text1{
font-size: 12px;
padding-bottom: 8px;
}
#contents20170522p ul li p.text2 a{
padding: 16px;
width: 80%;
}
#contents20170522p ul li p.text2 a:hover{
background-color: #4f4f4f;
color: #fff;
transition: all 0.3s;
}
#contents20170522p ul li p.text3{
font-size: 14px;
padding: 60px 0 0 4px;
text-align: left;
}
#contents20170522p ul li.contents20170522p_co{
text-align: left;
width: 100%;
padding: 4px;
}
}

#bg_20170602{
width: 100%;
background: url("../img/contents/20170602/a_bg.jpg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
#bg_20170602_01{
width: 100%;
background: url("../img/contents/20170602/b_bg.jpg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
#bg_20170602_02{
width: 100%;
background: url("../img/contents/20170602/c_bg.jpg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
#bg_20170602_03{
width: 100%;
background: url("../img/contents/20170602/d_bg.jpg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
#bg_20170602_04{
width: 100%;
background: url("../img/contents/20170602/d_bg.jpg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
#bg_20170818{
width: 100%;
background: url("../img/contents/20170818/a_bg.jpg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
#bg_20170818_01{
width: 100%;
background: url("../img/contents/20170818/b_bg.jpg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
#bg_20170818_02{
width: 100%;
background: url("../img/contents/20170818/c_bg.jpg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
#bg_20170818_03{
width: 100%;
background: url("../img/contents/20170818/d_bg.jpg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
#bg_20170818_04{
width: 100%;
background: url("../img/contents/20170818/d_bg.jpg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
#contents_base{
width: 100%;
margin: 0 auto;
text-align: center;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#contents_base ul li{
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.pw100{
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.pw50{
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.pw33{
width: 33.333333%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.pw25{
width: 25%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.pw20{
width: 20%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.left_f
{
float: left;
}
@media screen and (max-width: 780px){
.sw100{
width: 100%;
}
.sw50{
width: 50%;
}
.sw33{
width: 33.333333%;
}
.sw25{
width: 25%;
}

}

ul.contents20170602s{
width: 1000px;
margin: 0 auto;
}
ul.contents20170602s li{

}
ul.contents20170602s li p{
padding: 16px ;
margin: 0;

}
.bg_ddd{
background-color: #ddd;
}
.btn_b{
background: #000;
padding: 16px;
display: block;
color: #fff;
border-radius:3px;
transition: all 0.3s;
}
.btn_b:hover{
background: #4f4f4f;
color: #fff;
transition: all 0.3s;
}
p.contents20170602p_01{
padding: 8px !important;
margin: 16px auto 40px auto!important;
}
p.contents20170602p_02{
width: 300px;
margin: 0px auto 60px auto!important;
}
p.contents20170602p_03{
padding: 8px !important;
margin: 16px auto 40px auto!important;
font-size: 12px;
text-align: left;
}
p.contents20170602p_03 img{
margin-bottom: 12px;
}

p.contents20170602p_03 a {
color: #4f4f4f;
}
p.title01{
font-size: 60px;
padding: 40px 0 !important;
color: #f00;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;

}
p.title02{
font-size: 14px;
padding: 8px 0 !important;
margin: 40px auto 16px auto  !important;
color: #fff;
background-color: #000;
}
p.text01{
font-size: 20px;
font-weight: bold;
}
img.contents20170602img{
margin-bottom: 40px;
}
@media screen and (max-width: 780px){
ul.contents20170602s{
width: 100%;
margin: 0 auto;
}
ul.contents20170602s li{
padding: 4px;
}
ul.contents20170602s li p{
font-size: 10px;

}
.btn_b{

padding: 8px;
font-size: 12px;
}


p.contents20170602p_01{
padding: 4px !important;
margin: 4px auto !important;
}
p.contents20170602p_02{
width: 90%;
margin: 0 auto !important;
}
p.contents20170602p_03{
padding: 4px !important;
margin: 8px auto !important;
font-size: 10px;
}
p.title01{
font-size: 20px !important;
padding: 20px 0 !important;
color: #f00;
}
p.title02{
font-size: 12px !important;
padding: 8px 0 !important;
margin: 20px auto 8px auto  !important;
color: #fff;
background-color: #000;
}
p.text01{
font-size: 12px;

}
}

/* 表示ボタン */
#show {
    /* 画面中央に表示 */
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -14px;  /* (height + padding-top + padding-bottom + border-top + border-bottom) の半分 */
    margin-left: -56.5px; /* (width + padding-left + padding-right + border-left + border-right) の半分 */
}

/* メッセージ */
.alert {

width: 300px;
position: fixed;
left: 16px;
bottom: 16px;
z-index: 1000;
}
.alert ul{
position: relative;
}
.alert ul li.batubtn{
position: absolute;
right: 0;
top: 0;
}

.alert-info{
background-color: #000;
border-radius:3px;
box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.4);
}

@media screen and (max-width: 640px){
#contents_VANITAS_title{
width: 100%;
margin: 0 auto;
padding: 0;
}
}

@media screen and (max-width: 640px){
#contents_VANITAS_title ul li {
    float: left;
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
}


@media screen and (max-width: 640px){
#contents_VANITAS_title ul li img{
width: 100%;
padding:16px 8px 0px 8px;
}
}

div.item_20170818{
position: fixed;
bottom: 32px;
left: 32px;
background-color: rgba(0,0,0,0.5);
padding: 8px 32px ;
border-radius:3px;
border: double 3px #ddd;
z-index: 100;
}

div.item_20170818 p{
padding: 8px 0;
margin: 0;
}
div.item_20170818 p a{
padding:0;
margin: 0;
color: #fff;

}
div.item_20170818 p a:hover{
text-decoration: underline;

}
a.btn_20170818{
background-color: #000;
color: #fff;
padding: 16px 32px;
}
a:hover.btn_20170818{
background-color: #4f4f4f;

}
@media screen and (max-width: 640px){
div.item_20170818{
position: fixed;
width: 80%;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.5);
padding: 4px;
border-radius:3px;
border: double 3px #ddd;
z-index: 100;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.item_20170818 p{
padding: 4px 0;
margin: 0;
}
div.item_20170818 p a{
font-size: 9px;

}
a.btn_20170818{
padding: 16px 8px;
display: block;
font-size: 8px;
}
}