@charset "UTF-8";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	以下からヒントを入手 : Ethan Marcotte 氏の「レスポンシブ Web デザイン」 
	http://www.alistapart.com/articles/responsive-web-design
	
	および Joni Korpi 氏の「Golden Grid System」
	http://goldengridsystem.com/ 

/* common */

/* レスポンシブ */
@media only screen and (min-width: 641px) and (max-width: 1920px) {
/* common */
center .centerP8_inner{
	width:640px;
	max-width:1920px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
	
/* centerP8_inner */
center .centerP8_inner{
	height:400px;
	display:block;
}
	
/* centerP8 商品から選ぶ */
.centerP8_inner .detail1{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.detail1 .img18_small{
	float: left;
	width: 640px;
	height: 387px;
}
.centerP7_inner .img19{
	float: left;
	width: 130px;
	height: 140px;
}
.detail1 #img10,
.detail1 #img11,
.detail1 #img12,
.detail1 #img13,
.detail1 #img14,
.detail1 #img15,
.detail1 #img16,
.detail1 #img17,
.detail1 #img18,
.detail1 #img19,
.detail1 #img22,
.detail1 #img24,
.centerP7_inner #img16{
	float:left;
	width: 640px;
	height: 400px;
}
.centerP7_inner #img16{
	float:left;
	width: 165px;
	height: 200px;
}	
.detail1 #img10{
	background-image: url("../img/other/dt/tsukinmamoru_hand_cover1.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img11{
	background-image: url("../img/other/dt/tsukinmamoru_hand_cover2.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img12{
	background-image: url("../img/other/dt/tsukinmamoru_hand_cover3.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img13{
	background-image: url("../img/other/dt/tsukinmamoru_hand_cover4.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img14{
	background-image: url("../img/other/dt/tsukinmamoru_hand_cover5.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img15{
	background-image: url("../img/other/dt/tsukinmamoru_hand_cover6.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img16{
	background-image: url("../img/other/dt/tsukinmamoru_hand_cover7.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img17{
	background-image: url("../img/other/dt/tsukinmamoru_hand_cover8.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img18{
	background-image: url("../img/other/dt/tsukinmamoru_hand_cover9.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img19{
	background-image: url("../img/other/dt/tsukinmamoru_hand_cover10.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img20{
	background-image: url("../img/other/dt/tsukinmamoru_hand_cover11.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img21{
	background-image: url("../img/other/dt/tsukinmamoru_hand_cover12.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img22{
	background-image: url("../img/other/dt/tsukinmamoru_hand_cover13.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img23{
	background-image: url("../img/other/dt/tsukinmamoru_hand_cover14.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img24{
	background-image: url("../img/other/dt/tsukinmamoru_hand_cover15.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.centerP7_inner #img16{
	background-image: url( "../img/other/dt/tsukinmamoru_hand_cover16.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
}
	

@media only screen and (min-width: 481px) and (max-width: 640px) {
.centerP8_inner{
	width:90%;
	margin: 65px auto 2em auto;
	display: block;
}
/* centerP8 商品から選ぶ */
.centerP8_inner .detail1{
	float: left;
	width: 100%;
}
.detail1 .img18,
.detail1 .img18_small{
	float: left;
	width:100%;
	padding-bottom: 62%;
	display:block;
}
.centerP7_inner .img19{
	float: left;
	width: 130px;
	height: 140px;
}
.detail1 #img10,
.detail1 #img11,
.detail1 #img12,
.detail1 #img13,
.detail1 #img14,
.detail1 #img15,
.detail1 #img16,
.detail1 #img17,
.detail1 #img18,
.detail1 #img19,
.detail1 #img22,
.detail1 #img24,
.centerP7_inner #img16{
	float:left;
}
.detail1 #img10{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover1.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img11{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover2.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img12{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover3.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img13{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover4.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img14{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover5.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img15{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover6.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img16{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover7.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img17{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover8.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img18{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover9.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img19{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover10.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img20{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover11.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img21{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover12.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img22{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover13.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img23{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover14.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img24{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover15.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.centerP7_inner #img16{
	background-image: url( "../img/other/dt/tsukinmamoru_hand_cover16.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
}
	
	
@media screen and (max-width:480px) {
.centerP8_inner{
	width:90%;
	margin: 65px auto 2em auto;
	display: block;
}
/* centerP8 商品から選ぶ */
.centerP8_inner .detail1{
	float: left;
	width: 100%;
}
.detail1 .img18,
.detail1 .img18_small{
	float: left;
	width:100%;
	padding-bottom: 62%;
	display:block;
}
.centerP7_inner .img19{
	float: left;
	width: 130px;
	height: 140px;
}
.detail1 #img10,
.detail1 #img11,
.detail1 #img12,
.detail1 #img13,
.detail1 #img14,
.detail1 #img15,
.detail1 #img16,
.detail1 #img17,
.detail1 #img18,
.detail1 #img19,
.detail1 #img22,
.detail1 #img24,
.centerP7_inner #img16{
	float:left;
}
.detail1 #img10{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover1.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img11{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover2.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img12{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover3.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img13{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover4.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img14{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover5.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img15{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover6.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img16{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover7.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img17{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover8.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img18{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover9.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img19{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover10.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img20{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover11.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img21{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover12.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img22{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover13.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img23{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover14.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.detail1 #img24{
	background-image: url("../img/other/sp/tsukinmamoru_hand_cover15.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
.centerP7_inner #img16{
	background-image: url( "../img/other/dt/tsukinmamoru_hand_cover16.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	display: block;
}
}