@charset "UTF-8";
/* ---------------------------------------------
   product page
--------------------------------------------- */


#page_ttl{
	text-align: center;
	background: #222021;
	margin-top: 0px;
	height: 60px;
	color: #FFF;
	padding-top: 20px;
	padding-bottom: 20px;
}

#page_ttl h2 {
	text-align: center;
	font-size: 30px;
	line-height: 40px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	background: #222021;
}


#page_ttl .c_name {
	font-size: 12px;
	line-height: 20px;
	height: 12px;
 }


#obj {
	margin-top:0px;
}

#obj img {
	max-width:600px;
	width:48%;
}
 
#productimg {
	text-align: center;
}
 
 
#productimg img {
	max-width: 1100px;
	width: 100%;
}
 
#productimg p {
	text-align: center;
	font-size: 12px;
	line-height: 24px;
	margin-top: 8em;
	margin-bottom: 8em;
}

#productimg strong {
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
}
 

 /* ---------------------------------------------
Feature
--------------------------------------------- */

.detail {
	float: left;
	max-width: 300px;
	margin: 1%;
	text-align: left;
	font-size: 11px;
	line-height: 15px;
}


.detail img {
	margin-bottom: 1em;
	max-width: 300px;
	width: 100%;
}

#feature {
	width: auto;
	height: auto;
	text-align: center;
	padding-top: 0%;
	padding-bottom: 3%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 10%;
}



 /* ---------------------------------------------
Model Style
--------------------------------------------- */


.model_style {
	margin-top: 0em;
	padding: 0px;
}

.model_style .row{
	background-image: url(../images/model_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 60px;
	padding-left: 0;
	}

.model_style .ttl-area {
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 4%;
	margin-bottom: 0%;
}

.model_style h2 {
	font-size: 2.8em;
	line-height: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
}


.model_style h3 {
	font-size: 1em;
	line-height: 1.8em;
	margin-top: 1em;
	margin-bottom: 1em;
}


.model_style p {
	font-size: 1.3em;
	line-height: 1.5em;
}

.model_style img {
	margin-left: 8%;
	margin-top: 2%;
	margin-bottom: 2%;
	width: 85%;
	max-width:1000px;

}


.model_style .txt-area {
	margin-left: 15%;
	margin-right: 15%;

}

.model_style .txt-area p {
	margin-top: 1.5em;
	font-size: 0.9em;
	line-height: 1.5em;
	

}

.model_style .txt-area a {
	color: #0066cc;
	text-decoration: underline;
	font-weight: bold;

}

.model_style .txt-area a:hover {
	color: #003399;
	text-decoration: underline;
	font-weight: bold;
}


.model_style hr {
	margin-top: 0em;
	margin-bottom: 0em;
	color:#CCC;
}

.model_style .btn {
	text-align: center;
	margin-top: 8%;
	margin-bottom:2%;


	
}

.model_style .btn img {
	max-width:520px;	
	width:100%;	
	margin-left: 0px;

	
}
	
 /* ---------------------------------------------
Image cut
--------------------------------------------- */

#image-cut {
	margin-bottom: 5%;
	margin-top: 8%;

	
}


 /* ---------------------------------------------
Option Slide
--------------------------------------------- */



#slide {
	max-width: 1200px;
	padding: 10px;
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 0em;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
        }
		
#slide a:hover {
	max-width: 1200px;
	padding: 10px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 0em;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #000;
        }




#target {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#target h2 {
	max-width: 1200px;
	padding: 10px;
	background-color: #333;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	margin-top: 4em;
	margin-bottom: 4em;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}

#target h3 {
	font-size: 24px;
	line-height: 35px;
	margin-top: 2em;
	margin-bottom: 2em;
}

#target img {
	margin-top: 2em;
	margin-bottom: 2em;
}

#target p {
	margin-right: 1em;
	margin-left: 1em;

}


 /* ---------------------------------------------
Option Slide　- Winter special Options -
--------------------------------------------- */



#slide02 {
	max-width: 1200px;
	padding: 10px;
	background-color: #FC0;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 0em;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
        }
		
#slide02 a:hover {
	max-width: 1200px;
	padding: 10px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 0em;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #000;
        }




#target02 {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#target02 h2 {
	max-width: 1200px;
	padding: 10px;
	background-color: #333;
	font-family: Arial, Helvetica, sans-serif;
	color: #FC0;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	margin-top: 4em;
	margin-bottom: 4em;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}

#target02 h3 {
	font-size: 24px;
	line-height: 35px;
	margin-top: 2em;
	margin-bottom: 2em;
}

#target02 img {
	margin-top: 2em;
	margin-bottom: 2em;
}

#target02 p {
	margin-right: 1em;
	margin-left: 1em;

}





/* ---------------------------------------------
Other
--------------------------------------------- */


.txtarea {
	margin-top: 1.5em;
	padding: 0px;
	text-align: center;
	font-size: 14px;
	line-height: 20em;
}


/* ==========================================================================================
iPad
========================================================================================== */
@media only screen and (width : 768px) and
(max-device-width : 1024px) and
(orientation : portrait) {

#feature {
	text-align: center;
	height: auto;
	padding: 1%;
	width: 100%;
	padding-left: 0%;
}

.detail {
	text-align: left;
	float: left;
	max-width: 300px;
	width: 31%;
	margin: 1%;
	text-align: left;
	font-size: 11px;
	line-height: 15px;
}



}



/* ==========================================================================================
スマートフォン
========================================================================================== */
@media only screen and (max-width: 767px) {


#productimg img {
	width:100%
}

#productimg p {
	text-align: center;
	font-size: 12px;
	line-height: 24px;
	margin-top: 3em;
	margin-bottom: 3em;
}



#page_ttl{
	margin-top: 0px;
	padding-top: 15px;
	padding-bottom: 15px;

}

#obj {
	margin-top:0px;
}

#obj img {
	width:100%
}


 /* ---------------------------------------------
Feature
--------------------------------------------- */




.detail {
	width: 100%;
	text-align: left;
	margin-left: 0px;
}

.detail img {
	margin-bottom: 1em;
	
}

 /* ---------------------------------------------
Model Style
--------------------------------------------- */

.model_style .btn img {
	max-width:520px;	
	width:100%;	
	margin-left: 0px;
	margin-top: 15%;

	
}
	
.model_style .txt-area p {
	margin-top: 1.5em;
	font-size: 0.9em;
	line-height: 1.7em;
	

}


.model_style .txt-area a {
	color: #0066cc;
	text-decoration: underline;
	font-size: 0.9em;
	font-weight: bold;

}

.model_style .txt-area a:hover {
	color: #003399;
	text-decoration: underline;
	font-size: 0.9em;
	font-weight: bold;

}

.model_style .ttl-area h2 {
	font-size: 2em;
	font-weight: bold;
}



 /* ---------------------------------------------
Option Slide
--------------------------------------------- */


#target {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#target h2 {
	max-width: 1200px;
	padding: 10px;
	background-color: #333;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 2em;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}

#target h3 {
	font-size: 24px;
	line-height: 35px;
	margin-top: 3em;
	margin-bottom: 1em;
}

#target img {
	margin-top: 2em;
	margin-bottom: 2em;
}


	



 /* ---------------------------------------------
Option Slide -for winter-
--------------------------------------------- */


#target02 {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#target02 h2 {
	max-width: 1200px;
	padding: 10px;
	background-color: #333;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 2em;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}

#target02 h3 {
	font-size: 24px;
	line-height: 35px;
	margin-top: 3em;
	margin-bottom: 1em;
}

#target02 img {
	margin-top: 2em;
	margin-bottom: 2em;
}

	

}