/*pc*/
@media screen and (min-width: 960px) {

#container .block-item { width: 800px; margin: 0 auto}
#container .box-item { padding: 0 0 40px 0;}
#container .box-item .item { padding: 20px 0 0 0 0; }
#container .box-item .item img { width: 300px; }
#container .box-item .txt-box { text-align: center;}
#container .box-item .dm { height: 500px; margin: 0 0 20px 0;}
#container .box-item .dm img { width: 500px; height: 500px;}
#container .box-item .kv img { width: 100%; }
#container .br-pc { display: none; }

.pc-cover img { height: auto; width: 100%; margin: 0 auto; position: relative;}
.sp-cover { display:none; }

/* model
----------------------------*/
#container .model { margin: 0 0 0 0; }
#container .model img { width: 400px; }


/* dm
----------------------------*/
#container .box-item .bg1 {
	background: url("../images/dm/dm_01.jpg") ;
	background-size: contain;
	background-position: center;
}
#container .box-item .bg2 {
	background: url("../images/dm/dm_02.jpg") ;
	background-size: contain;
	background-position: center;
}
#container .box-item .bg3 {
	background: url("../images/dm/dm_03.jpg") ;
	background-size: contain;
	background-position: center;
}
#container .box-item .bg4 {
	background: url("../images/dm/dm_04.jpg") ;
	background-size: contain;
	background-position: center;
}
#container .box-item .bg5 {
	background: url("../images/dm/dm_05.jpg") ;
	background-size: contain;
	background-position: center;
}
#container .box-item .bg6 {
	background: url("../images/dm/dm_06.jpg") ;
	background-size: contain;
	background-position: center;
}
#container .box-item .bg7 {
	background: url("../images/dm/dm_07.jpg") ;
	background-size: contain;
	background-position: center;
}
#container .box-item .bg8 {
	background: url("../images/dm/dm_08.jpg") ;
	background-size: contain;
	background-position: center;
}
}
    
/*sp*/
@media screen and (max-width: 959px) {
#container .block-item {margin: 0 auto 50px auto; }
#container .box-item {padding: 0 0 40px 0;}
#container .box-item .item { padding: 20px 0 0 0; background: #000;}
#container .box-item .item img { width: 100%; max-width: 300px;}
#container .box-item .dm { height: 600px; margin: 40px 0 0 0;}
#container .box-item .txt-box { text-align: justify; }
#container .box-item .kv img { width: 100%; }
#container .br-sp { display: none; }

.sp-cover img { width:100%; height:auto; }
.pc-cover { display:none; }

/* model
----------------------------*/
#container .model img { width: 300px; }

/* dm
----------------------------*/
#container .box-item .bg1 {
	background: url("../images/dm/dm_01.jpg") ;
	background-size: cover;
	background-position: center;
}
#container .box-item .bg2 {
	background: url("../images/dm/dm_02.jpg") ;
	background-size: cover;
	background-position: center;
}
#container .box-item .bg3 {
	background: url("../images/dm/dm_03.jpg") ;
	background-size: cover;
	background-position: center;
}
#container .box-item .bg4 {
	background: url("../images/dm/dm_04.jpg") ;
	background-size: cover;
	background-position: center;
}
#container .box-item .bg5 {
	background: url("../images/dm/dm_05.jpg") ;
	background-size: cover;
	background-position: center;
}
#container .box-item .bg6 {
	background: url("../images/dm/dm_06.jpg") ;
	background-size: cover;
	background-position: center;
}
#container .box-item .bg7 {
	background: url("../images/dm/dm_07.jpg") ;
	background-size: cover;
	background-position: center;
}
#container .box-item .bg8 {
	background: url("../images/dm/dm_08.jpg") ;
	background-size: cover;
	background-position: center;
}
}

/* name
----------------------------*/
#container .box-item .name { 
    font-family: dnp-shuei-nmincho-std, sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.2em;
    color: #fff;
    font-size: 2.5em;
    padding: 60px 0 20px 0;
	line-height: 100%;
}

#container .box-item .furi {
    background: rgba(255,255,255,0.2);
    display: inline;
    font-size: 0.5em;
	color: #fff;
}


/* txt
----------------------------*/
#container .box-item .txt-box  {
    font-family: dnp-shuei-nmincho-std, sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.05em;
	line-height: 250%;
    color: #fff;
    font-size: 1.2em;
    padding: 30px 30px;
}

#container .box-item .txt-box p strong {
    border-bottom: 1px dashed #FEFF81;
    padding: 0 0 5px 0;
    font-weight: normal;
}

#container .box-item .txt-box h3 {
    text-align: left;
    font-weight: bold;
    background: rgba(255,255,255,0.2);
    display: inline;
    font-size: 1.2em;
	color: #fff;
	letter-spacing: 0.3em;
	font-family: dnp-shuei-nmincho-std, sans-serif;
}

#container .box-item .price {
    font-family: dnp-shuei-nmincho-std, sans-serif;
    color: #fff;
    font-size: 1.2em;
    letter-spacing: 0.1em;
}

#container .box-item .price s {
    font-size: 0.7em;
    font-style: normal;
    text-decoration: none;
}


/* tour
----------------------------*/
#container .block-tour {
    padding: 0 20px;
    font-family: dnp-shuei-nmincho-std, sans-serif;
    color: #fff;
}

#container .block-tour h3 {
     font-size: 3em;
     letter-spacing: 0.2em;
     line-height: 130%;
    font-weight: 400;
    font-style: normal;
}

#container .block-tour h4 {
    font-size: 2em;
    letter-spacing: 0.2em;
    line-height: 200%;
    font-weight: 400;
    font-style: normal;
    display: inline;
}

#container .block-tour h4 strong {
    border-bottom: 1px dashed #FEFF81;
    padding: 0 0 5px 0;
}

#container .block-tour p {
    font-size: 1em;
    letter-spacing: 0.2em;
    line-height: 200%;
    font-style: normal;
}

#container .block-tour .box {
    margin: 60px 0 0 0;
}

#container .block-tour .dm {
    margin: 20px 0 0 0;
}



/* credit
----------------------------*/
#container .block-credit {
    padding: 70px 30px;
    font-family: dnp-shuei-nmincho-std, sans-serif;
    color: #fff;
    font-size: 1.4em;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
	line-height: 250%;
}

#container .block-credit h3 {
     font-size: 3.6em;
     letter-spacing: 0.1em;
}

#container .block-credit:nth-child(even) {background: #191919;}
#container .block-credit .logo { padding: 0 0 0 10px;}
#container .block-credit .logo img { width: 160px; }
#container .block-credit li { list-style: none;}

#container .block-credit p strong {
    border-bottom: 1px dashed#FEFF81;
    padding: 0 0 5px 0;
    font-weight: normal;
}

#container .block-credit a:link {
    color: #fff;
    border-bottom: 1px dashed#FEFF81;
    padding: 0 0 5px 0;
}

#container .block-credit a:hover {color:#000; background-color:#ff0;}
#container .block-credit a:visited { color:#fff; }