/* G-CORPORATION SPECIAL SITE CSS [SmartPhone site] */

@charset "UTF-8";

body{
	font-size:24px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

p.p_center{
	text-align:center;
}

#wrapper_cont{
	width:480px;
	margin:0 auto;
}

#header_copy{
	width:302px;
	float:left;
}

#g_menu_open{
	width:480px;
	float:right;
}

#g_menu{
	clear:both;
}

#g_menu li{
	float: left;
}

#g_menu img{
	vertical-align:top;
}

.g_menu_midashi{
	clear: both;
}





#home_bn{
	height:320px;
	background-image:url(../smp_img/bn/bn_bk.png);
}
#home_bn .bn_img1{
	height:151px;
}
#home_bn .bn_img1 img{
	margin-top:18px;
}
#home_bn .bn_img2 img{
	padding-top:17px;
}



#cont_header{
	background-color:#000;
	color:#FFF;
}
#cont_header .sub_header{
	padding:10px 15px;
}
#cont_header .header_caution{
	padding:0 15px;
	padding-bottom:10px;
	font-size:18px;
}

#smp_cont{
	padding:12px 24px 24px 24px;
}
h1.dummy{
	padding:20px;
}


div.cont_box_03 p{
	padding-bottom:20px;
}

a.kuwashiku{/*詳しくはこちら等リンク用*/
	background-image:url(../smp_img/ic_01.png);
	background-repeat:no-repeat;
	height:32px;
	display:inline-block;
	padding-left:36px;
}
.selcont_box_01 h3 a{
	background-image:url(../smp_img/ic_01.png);
	background-repeat:no-repeat;
	height:32px;
	display:inline-block;
	padding-left:36px;
}


div.smpnavi{/*ページ下部ナビゲーション用BOX*/
	text-align:center;
	padding-top:20px;
}


/*製品についてページ用*/
h2.about_hd_01{
	text-align:center;
	padding-top:18px;
	padding-bottom:0;
}
div.about_smpdiv_01{
	padding-top:30px;
}
div.about_smpdiv_01 img{/*画像表示サイズを自動的に変更*/
	width:100%;
}
div.about_smpdiv_01 img.img_01{/*画像表示サイズを自動的に変更したくない時用*/
	width:auto;
}
div.about_smpdiv_01 p.p_01{/*余白調整用*/
	padding-bottom:0px;
}
div.about_smpdiv_01 .index_txt_01{/*インデックスページの太字*/
	font-weight:bold;
}
.about_sh_01{/*小見出し用スタイル*/
	font-weight:bold;
	font-size:18px;
}
.about_p_stx{/*文字を小さくしたい時用*/
	font-size:18px;
}

div.about_smpnavi{/*「BACK」「NEXT」「インデックスへ戻る」ボタンを格納*/
	text-align:center;
}




/*選択肢ページ用*/
#left_box{/*選択肢部分*/
	background-color:#000;
	color:#FFF;
	padding:10px 15px;
	font-size:18px;
}
#left_box a{
	color:#FFCC00;
}
.selcont_box_01{
	padding-bottom:15px;
}
.right_pricebox_01{
	padding:10px 15px;
	margin:0 10px 10px 10px;
	font-size:18px;
	background-color:#CCC;
}


/*選択肢フォーム用*/
input[type=radio], input[type=checkbox] {
  display: none;
}

.radio, .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 10px 5px 2px;/*文字の位置*/
  padding: 1px 3px 1px 21px;/*背景グレー*/
  border-radius: 4px;
  background-color: #333333;
  vertical-align: middle;
  cursor: pointer;
}
.radio:hover, .checkbox:hover {
  background-color: #999999;
}
.radio:hover:after, .checkbox:hover:after {
  border-color: #970E3E;
}
.radio:after, .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 2px;/*ラジオボタン線 左位置*/
  display: block;
  margin-top: -13px;
  width: 22px;/*ラジオボタン線*/
  height: 22px;/*ラジオボタン線*/
  border: 2px solid #bbb;
  border-radius: 3px;
  content: '';
}

.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 8px;
  display: block;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #970E3E;/*●の色*/
  content: '';
  opacity: 0;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}

.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #53b300;
  border-bottom: 3px solid #53b300;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}


/*アクセサリーページ用*/
.acc_box_01{
	padding-bottom:20px;
}


/*FAQページ用*/
div.faq_box_01{
	background-image:url(../smp_img/mk_q_smp.png);
	background-repeat:repeat-y;
	background-color:#CCCCCC;
	min-height:56px;
	margin-bottom:15px;
	padding-left:80px;
}
div.faq_box_01 p{
	padding-top:10px;
	padding-right:20px;
}
div.faq_box_02{
	padding-bottom:30px;
	padding-left:10px;
}



/*購入方法ページ用*/
.sales_box_01{
	padding-bottom:20px;
}
.dealer_box_01{
	padding-bottom:20px;
}
.dealer_box_01 table.table_01 td{
	padding-top:15px;
	padding-bottom:15px;
}
.dealer_box_01 table.table_01 td.td_01{
	font-size:18px;
	padding-left:5px;
	padding-right:5px;
	width:70px;
}
.dealer_box_01 table.table_01 td.td_02{
	padding-top:10px;
}
.dealer_box_01 table.table_01 td.td_03{
	padding-left:5px;
	padding-right:5px;
}






#footer{
	/*↓注意書き挿入前のスタイル設定*/
	/*height:110px;
	background-image:url(../smp_img/footer_cp.png);
	background-position:bottom;
	background-repeat:no-repeat;*/
	
	background-image:url(../smp_img/bn/bn_bk.png);
	padding-top:17px;
}
#div_caution{
	color:#FFF;
	/*border:1px #FFF solid;*/
	padding:3px 10px;
	font-size:18px;
	margin:0 10px 70px 10px;
	padding-top:7px;
	background-color:#000;
}
#div_caution li{
	padding-top:7px;
	line-height:20px;
}
#div_caution p{
	padding-bottom:0;
}
#div_caution p.date{
	padding-top:5px;
}





#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    text-decoration: none;
    color: #fff;
    width: 60px;
    padding: 0 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}