@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;
}
}

.blue {
    background-color: #93CDDD;
    padding: 20px;
    text-align: center;
}
.blue p { display:inline-block; vertical-align:middle; margin:0 10px; text-shadow:none; font-weight:bold; color:#333; font-size:150%; text-align:left; }
h3 span.small { font-size:80%; font-weight:normal; }

h4.special { color:#ccc; font-weight:bold; font-size:120%; margin-bottom:1em; background-color:rgba(255,255,255,.05); padding:.5em; }

.clm2_2s { text-align:center; margin-top:15px; margin-bottom:15px; }
.clm2_2s.whiteBox { background-color:#FFF; padding:40px 0; }
.clm2_2s li { display:inline-block; vertical-align:top; margin:0 10px; }
.clm2_2s li img:nth-child(1) { width:auto; height:200px; }
.clm2_2s.whiteBox li img:nth-child(1) { width:auto; height:100px; }
.clm2_2s li img.text { display:block; margin:10px auto 0 auto; }
.clm2_2s.heigh li img { width:auto; height:257px; }
.clm2_2s li img:nth-child(1) {
    width: auto;
    height: 200px;
}

.clm2_2s.clm4 li img:nth-child(1) {
    width: auto;
    height: 150px;
}

.grey { background-color:#181818; padding:25px 45px; }
.grey h4,.pArea h4 { font-size:18px; text-shadow:none; color:#FFF; margin-bottom:20px; }
.grey,.app2,.pArea {  text-shadow:none; color:#FFF;}

.strong { font-weight:bold; color:rgba(252,251,52,1.00); text-shadow:none; font-size:300%; text-align:center;  margin-top:20px; }
.strong span { display:block; margin-bottom:.5em; }

.metal h6 { text-align:center; }
.parts_wrap_02.clm2a li { padding:5px; }

@media screen and (max-width: 700px){
	.parts_wrap_02.clm2a li { padding:0px; }
.blue p {
    display: block;
    text-align: center;
}
.blue p {
   
    vertical-align: middle;
    margin: 10px 0px;
    text-shadow: none;
    font-weight: bold;
    color: #333;
    font-size: 120%;
    text-align: center;
}
.blue p.rotate {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.blue p:nth-child(2) img,.blue p:nth-child(4) img { width:140px; height:auto; }

.clm2_2s li {
    display: inline-block;
    vertical-align: top;
    margin: 0 1% 0px 1%;
    width: 48%;
    margin-bottom: 2%;
}
.clm2_2s li img:nth-child(1) {
    width: 100%!important;
    height: auto;
}
.clm2_2s li img {
    width: 100%!important;
    height: auto;
}
.clm2_2s li img.text {
    width: auto!important;
    height: 25px;
}
.clm2_2s.whiteBox {
    padding: 20px;
}
.clm2_2s.whiteBox li {
    width: 31.3333%;
    vertical-align: middle;
}
.clm2_2s.whiteBox li img:nth-child(1) {
    width: 100%;
    height: auto;
}
.grey {
    background-color: #181818;
    padding: 20px;
}
.strong span { display:block; line-height:1.2; }
.strong { font-weight:bold; rgba(252,251,52,1.00); text-shadow:none; font-size:220%; text-align:center; margin-top:30px; }
}