@charset "utf-8";

/* ===================================================================
css information

File Name  : layout.css
Author     : 
Style Info : 
=================================================================== */

/****************************************************************************

/special/001.php

****************************************************************************/

.special.page001 #mainCont01 { padding-bottom:35px; }
.special.page001 #mainCont02 { padding-bottom:35px; }
.special.page001 #mainCont03 { padding-bottom:35px; }
.special.page001 #mainCont04 { padding-bottom:35px; }
.special.page001 #mainCont05 { padding-bottom:25px; }
.special.page001 #mainCont06 { padding-bottom:25px; }
.special.page001 #mainCont06 .parts_inner_01 .wide { width:100%; }
.special.page001 #mainCont06 .parts_inner_01 .spOnly { display:none; }
.special.page001 #mainCont07 { padding-bottom:35px; }
.special.page001 #mainCont08 { padding-bottom:15px; }
.special.page001 #mainCont09 { padding:35px 0; }

@media screen and (max-width:700px) {
	
.special.page001 #mainCont01 { padding-bottom:15px; }
.special.page001 #mainCont02 { padding-bottom:15px; }
.special.page001 #mainCont03 { padding-bottom:15px; }
.special.page001 #mainCont03 .parts_inlineBlock_01 img { width:80px; }
.special.page001 #mainCont04 { padding-bottom:15px; }
.special.page001 #mainCont05 { padding-bottom:15px; }
.special.page001 #mainCont06 { padding-bottom:15px; }
.special.page001 #mainCont06 .parts_inner_01 .pcOnly { display:none; }
.special.page001 #mainCont06 .parts_inner_01 .spOnly { display:block; }
.special.page001 #mainCont07 { padding-bottom:15px; }
.special.page001 #mainCont08 { padding-bottom:5px; }
.special.page001 #mainCont09 { padding:15px 0; }
.special.page001 #mainCont09 br { display:none; }

}

/****************************************************************************

/special/002.php

****************************************************************************/

.special.page002 .commentWrap figure { float:left; width:167px; }
.special.page002 .commentWrap > div { width:100%; float:right; margin:0 0 0 -167px; padding:0 0 0 197px; }
.special.page002 .movie { width:100%; max-width:640px; margin:30px auto 0 auto; }
.special.page002 .kiyaku { width:100%; max-width:640px; margin:20px auto 0 auto; padding:15px 20px; text-align:center; background:#42444f; border:#9da1a7 1px solid; font-size:14px; line-height:160%; }
.special.page002 #downloadBtn { margin:15px 0 0 0; }
.special.page002 #downloadBtn .check { text-align:center; vertical-align:middle; }
.special.page002 #downloadBtn .check label,
.special.page002 #downloadBtn .check input { vertical-align:middle; cursor:pointer; }
.special.page002 #downloadBtn .btn .parts_btn_01 { opacity:0.6; filter:alpha(opacity=60); -ms-filter:'alpha(opacity=60)';
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease; 
}
.special.page002 #downloadBtn .btn .parts_btn_01 a { cursor:default; font-size:19px; }
.special.page002 #downloadBtn .btn .parts_btn_01 a:hover { 
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
-moz-box-shadow:    inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
box-shadow:         inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
}
.special.page002 #downloadBtn .btn .parts_btn_01.active { opacity:1; filter:alpha(opacity=100); -ms-filter:'alpha(opacity=100)'; }
.special.page002 #downloadBtn .btn .parts_btn_01.active a { cursor:pointer; }
.special.page002 #downloadBtn .btn .parts_btn_01.active a:hover { 
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3),0px 0px 14px 3px rgba(255, 255, 255, 0.6);
-moz-box-shadow:    inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3),0px 0px 14px 3px rgba(255, 255, 255, 0.6);
box-shadow:         inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3),0px 0px 14px 3px rgba(255, 255, 255, 0.6);
}

@media screen and (max-width:700px) {
.special.page002 .commentWrap figure { float:none; width:167px; margin:0 auto; }
.special.page002 .commentWrap > div { float:none; margin:15px 0 0 0; padding:0; }
.special.page002 .movie { width:100%; max-width:540px; margin:15px auto 0 auto; }
.special.page002 .kiyaku { margin:10px auto 0 auto; padding:8px 10px; text-align:left; font-size:12px; }
.special.page002 #downloadBtn { margin:10px 0 0 0; }

.special.page002 #downloadBtn .btn .parts_btn_01 a { font-size:13px; padding-left:40px; padding-right:40px; }
.special.page002 #downloadBtn .btn .parts_btn_01 a:hover { 
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.special.page002 #downloadBtn .btn .parts_btn_01.active a { font-size:15px; }
.special.page002 #downloadBtn .btn .parts_btn_01.active a:hover { 
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
}