@charset "UTF-8";

body {
 margin: 0px;
 padding: 0px;
 text-align: center;
}
img{
  border:0;
}

body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, figure, img
{ margin: 0; padding: 0}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
fieldset, img{
line-height: 0.1;
}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul{
   list-style: none;
   /*
   line-height: 0.1;
   */
 }
li{
  /*
  line-height: 0.1;
  */
}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}


/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#header,
#footer,
#footerShare,
#contents,
section
{
  display: block;
  min-height: 1%;
}
.clearfix:after,
#header:after,
#footer:after,
#footerShare:after,
#contents:after,
section:after
{
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}
.clear {
  clear: both;
}

/*-----------------------------------------------------------------
全体スタイル
-----------------------------------------------------------------*/
.fl_l{ float:left;}
.fl_r{ float:right;}

.red{ color: #ff0000;}
.blue{ color: #0000CD;}

div {margin: 0;padding: 0;}
img {margin: 0;padding: 0; display: block;}


#komoku {margin-left: 10px}

.title { font-size: 20px; line-height: 130%; font-family: 'ＭＳ Ｐゴシック',Osaka,sans-serif }
.lead { font-size: 16px; line-height: 130%;  font-family: 'ＭＳ Ｐゴシック',Osaka,sans-serif }

.honbun-w { font-size: 14px;  line-height: 130%; font-family: 'ＭＳ Ｐゴシック',Osaka,sans-serif }
.honbun-gw { font-size: 14px; color:#333333; line-height: 130%; font-family: 'ＭＳ Ｐゴシック',Osaka,sans-serif }
.honbun-g { font-size: 12px; color:#333333; line-height: 130%; font-family: 'ＭＳ Ｐゴシック',Osaka,sans-serif }
.honbun { font-size: 12px;  line-height: 130%; font-family: 'ＭＳ Ｐゴシック',Osaka,sans-serif }
.caption { font-size: 10px; line-height: 130%;  font-family: 'ＭＳ Ｐゴシック',Osaka,sans-serif }
.code { font-size: 8px; color:#708090; line-height: 9px; font-family: 'ＭＳ Ｐゴシック',Osaka,sans-serif }
.code2 { font-size: 10px; color:#708090; line-height: 11px; font-family: 'ＭＳ Ｐゴシック',Osaka,sans-serif }
.h11 { font-size: 11px; line-height: 130%;  font-family: 'ＭＳ Ｐゴシック',Osaka,sans-serif }
.h18 { font-size: 18px; line-height: 130%;  font-family: 'ＭＳ Ｐゴシック',Osaka,sans-serif }
.h20 { font-size: 22px;  font-family: 'ＭＳ Ｐゴシック',Osaka,sans-serif }
.sq { font-size: 8px; color:#66CDAA; font-family: 'ＭＳ Ｐゴシック',Osaka,sans-serif }

.ft12{ font-size: 12px;}

a { color: #0000CD}
a:hover { color: #666666}

.mt10{ margin-top: 10px;}
.mb10{ margin-bottom: 10px;}
.mr10{ margin-right: 10px;}
.ml10{ margin-left: 10px;}
.m10{ margin: 10px;}
.t_c{ text-align: center;}
.t_l{ text-align: left;}

.grey_line{ border-bottom: 2px dotted #c9c9c9; margin: 0 20px;}
/*-----------------------------------------------------------------
遅延メッセージ
-----------------------------------------------------------------*/
.msg_area {
  text-align: left;
  margin: 20px 0 10px;
  padding: 10px;
  font-size:12px;
  color: #555;
  background: #fff;
  border: dotted 1px #c9c9c9;
}

.msg_area2 {
  text-align: center;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  font-size:12px;
  color: #555;
  background: #fff;
}

/*休業案内等*/
.hd_msg_area {
  text-align: left;
  margin: 10px 20px;
  padding: 0 5px;
  font-size:12px;
  color: #555;
  background: #fff;
  border-bottom: dotted 1px #c9c9c9;
}

/*-----------------------------------------------------------------
wrapper_teiki
-----------------------------------------------------------------*/

#wrapper_teiki{
 width: 950px;
 margin: auto;
}

/*ポインター指定*/
#wrapper_teiki input[type="submit"],#wrapper input[type="button"]{
 cursor: pointer;
}

/*-----------------------------------------------------------------
コンテンツ
-----------------------------------------------------------------*/
.teiki_fv{
	background: url(bteiki_img/teiki_1907_bg_01.jpg) 0 0 no-repeat;
	height: 503px;
	position: relative;
}
/*-----------------------------------------------------------------
ページナビボタン
-----------------------------------------------------------------*/
.page_nav {
	z-index: 100;
	position: absolute;
	top: 428px;
  left: 0;
  width: 950px;
  text-align:center;
}
.page_nav ul{
	padding: 0 7px;
}
.page_nav li{
	width: 231px;
	height: 70px;
	float: left;
	padding-right: 4px;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
}
.page_nav li:last-child{
	float: right;
	padding-right: 0;
}
.page_nav li:hover{
	background: url(bteiki_img/teiki_nav_bg.png) bottom center no-repeat;
}
.page_nav li a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
}

.teiki_contents{
 border-left: 7px solid #0086DF;
 border-right: 7px solid #0086DF;
 border-bottom: 7px solid #0086DF;
 /* padding: 0 0 45px; */
 padding: 0 0 15px;
}
.teiki_contents .already{
	border: 7px solid #ffb600;
	text-align: center;
	margin: 0 auto;
	width: 838px;
}
.teiki_contents .already .ttl{
	text-align: center;
	background-color: #ffb600;
	padding: 20px 7px 20px 0;
	width: 303px;
	float: left;
	font-weight: bold;
	color: #fff;
	font-size: 21px;
}
.teiki_contents .already .txt{
	text-align: center;
	background-color: #fff;
	padding: 23px 0 20px 7px;
	width: 521px;
	float: right;
}
.teiki_contents h2{
	text-align: left;
	margin-left: 12px;
}
/*-----------------------------------------------------------------
お得なポイント　ダイジェスト
-----------------------------------------------------------------*/
#intro{
	padding-top: 70px;
}

.teiki_otoku_blue_ribon{
 text-align: left;
 margin: 30px 10px 10px 10px;
}
/*スマホの説明*/
.teiki_benri_img{
 margin: 20px 0px;
 width :924px; height: 162px;
 background:url("bteiki_img/teiki_benri_img.gif") repeat scroll 0 0;
}
.teiki_benri_img p{
 margin: 0;
 text-align: left;
 padding: 120px 0 0 215px;
}
/*ラックらくcafeの説明*/
.teiki_rakucafe_img{
 margin: 10px 0;
 width :924px; height: 162px;
 background:url("bteiki_img/teiki_rakucafe_img.gif") no-repeat scroll 0 0;
}


/*マメー倍の説明*/
.teiki_toku_mame{
 margin: 20px 0;
 background:url("bteiki_img/teiki_1907_bg_02.jpg")  0 0 no-repeat;
  padding-left: 152px;
  height: 122px;
}
.teiki_toku_mame .link_btn li{
	text-align: right;
	margin-right: 10px;
}
.teiki_toku_mame .link_btn li img{
	display: inline;
}
.teiki_toku_mame .orange_btn ul,.teiki_rakucafe_img ul{
 float: right;
 margin: 0;
 padding: 100px 0 0 0;
}
.teiki_toku_mame .orange_btn li{ margin: 0; padding:0;}

/*割引の説明*/
.teiki_toku_waribiki{
 margin: 20px 0 15px;
 background:url("bteiki_img/teiki_1907_bg_03.jpg") 0 0 no-repeat;
 padding-left: 152px;
}
.teiki_toku_waribiki .fl_l{
	width: 440px;
	padding-left: 23px;
}
.teiki_toku_waribiki .orange_btn_otoku{
	width: 250px;
  float: right;
	margin-right: 10px;
}

.otoku_one_area{
/* background-color: plum;*/
 padding: 0 0 0 10px;
}
/*便利な機能紹介１ブロック*/
.otoku_one_block{
 width: 295px;
 float: left;
 margin:5px 0 0 10px;
}
.otoku_one_block p{
 text-align: left;
 font-size: 15px; line-height: 1.2; color: #333;
 padding: 0 10px 10px;
}
.otoku_one_block .orange_btn ul{ margin: 0 auto;padding: 0; width: 220px;}
.otoku_one_block .orange_btn li{ margin: 0;padding: 0;}

/*-----------------------------------------------------------------
簡単３ステップ申し込み
-----------------------------------------------------------------*/
#howto{
	padding-top: 70px;
}
#howto .apply_step{
	width: 912px;
	text-align: left;
	margin: 0 12px 20px;
}
#howto .apply_step li{
	width: 245px;
	float: left;
}
#howto .apply_step li:last-child{
	width: 422px;
	float: right;
}
#howto .txt_area{
 margin: 0 0 30px 30px;
 width: 600px;
 float: left;
}
#howto .yellow_list{
 text-align: left;
 margin-bottom: 10px;
}
.yellow_list li{
 margin: 2px 0 0 0;
 list-style-type: none;
 list-style-image: url("bteiki_img/bteiki_list.gif");
 font-size: 14px;
 line-height: 1.3;
 color: #333;
}
.bteiki_list ul{
 text-align: left;
 list-style-type: disc;
 list-style-image: none;
 font-size: 12px; line-height: 1.2; color: #333;
 margin-left: 20px;
}
.notice_list{
  list-style-type: disc;
}
.notice_list li{
  margin-left: 1.5em;
}
#howto .yellow_list li , #howto .bteiki_list li{
 text-align: left;
	line-height: 1.3;
}

/*ボタン画像化*/
.blue_btn_img {
	width: 250px;
	margin-right: 12px;
	float: right;
}

/*-----------------------------------------------------------------
注目の商品
-----------------------------------------------------------------*/
.rcm_bnr_area{
	margin: 0 4px;
	padding: 12px ;
	background-color: #ffb600;
	text-align: left;
}
.rcm_bnr_2clmn {
  margin-bottom: 10px;
}
.rcm_bnr_2clmn .fl_l{
  width: 450px;
  margin-right: 3px;
}
.rcm_bnr_2clmn .fl_r{
  width: 450px;
}
.rcm_bnr_area .rcm_bn{
	background-color: #fff;
}

/*-----------------------------------------------------------------
商品カテゴリー
-----------------------------------------------------------------*/
#category{
	padding-top: 70px;
}

.ctgy_area{
 width: 870px;
 margin: 0 auto 10px auto;
 padding-left: 6px;
}
.ctgy_area a{
  position: relative;
  float: left;
  margin: 10px;
}

/* 新規お申込み受付停止中 */

.ctgy_area a.none{
  pointer-events: none !important;
  background-color: rgba(38,32,79,0.8);
}
.ctgy_area a.none p{
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  color: white;
  font-weight: bold;
  z-index: 1;
}
.ctgy_area a.none img{
  opacity: 0.4;
}

.cat_area{
 margin: 0 0 10px 15px;
}
.cat_area img{
 float: left;
 margin: 5px;
}

/*-----------------------------------------------------------------
ヘッダー
-----------------------------------------------------------------*/
.head_txt_sp{
 width:313px; height:122px;
 float: left;
 background:url("bteiki_img/head_txt_sp.gif") repeat scroll 0 0;
}

.head_txt_mame{
 width:308px; height:122px;
 float: left;
 background:url("bteiki_img/head_txt_mame.gif") repeat scroll 0 0;
}
/*リニューアル記念版*/
.head_txt_mame3{
 width:308px; height:122px;
 float: left;
 background:url("bteiki_img/head_txt_mame3.gif") repeat scroll 0 0;
}
.head_txt_stop{
 width:315px; height:122px;
 float: left;
 background:url("bteiki_img/head_txt_stop.gif") repeat scroll 0 0;
}

.head_txt_sp img{
 padding: 15px 0 0 14px;
 *padding: 20px 0px 0px 18px;
}
.head_txt_mame img,.head_txt_mame3 img{ padding: 15px 0 0 11px;}
.head_txt_stop img{ padding: 15px 0 0 11px;}



/*-----------------------------------------------------------------
CSSボタン
-----------------------------------------------------------------*/
.blue_btn input[type="submit"],.orange_btn input[type="submit"]{
	display: block;
	width: 220px;
	*height: 35px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	background: url("bteiki_img/blue_btn_bg.gif") repeat scroll 0 0;
	padding: 10px 5px;
	border: none;
	text-decoration: none;
	list-style: none;
	margin-bottom: 10px;
	border-radius: 3px;/* CSS3草案 */
	-webkit-border-radius: 3px;/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;/* Firefox用 */
}
#wrapper .blue_btn li a:link { text-decoration: none;}
#wrapper .blue_btn li a:visited { text-decoration: none;}
#wrapper .blue_btn li a:hover { text-decoration:none;}
.blue_btn,.blue_btn ul,.orange_btn ul{ list-style: none;}
.blue_btn li{ float: left;}

/*ボタン　青色*/
.blue_btn input[type="submit"]{
	color:#fff; background-color: #0058bc;
	float: left;
	background:url("bteiki_img/blue_btn_bg.gif") repeat scroll 0 0;
}
#wrapper .blue_btn li input[type="submit"]:visited{
	background-color: #0058bc;
	background:url("bteiki_img/blue_btn_bg.gif") repeat scroll 0 0;
}
#wrapper .blue_btn input[type="submit"]:hover{
	text-decoration: none; background-color: #0058bc;
	background:url("bteiki_img/blue_btn_bg_on.gif") repeat scroll 0 0;
}

.blue_btn .blue_btn_inp{
	width: 190px;
	font-size: 13px;
	padding: 10px;
	color: #444;
	margin-right: 10px;
	border-style: none;
}

/*IE対策*/
#wrapper_teiki .blue_btn ul,.orange_btn{*padding: 10px;}


/*ボタン　オレンジ*/
.orange_btn input[type="submit"]{
	color:#fff; background-color: #0058bc;
	float: left;
	background:url("bteiki_img/orange_btn_bg.gif") repeat scroll 0 0;
}
#wrapper .orange_btn li input[type="submit"]:visited{
	background-color: #0058bc;
	background:url("bteiki_img/orange_btn_bg.gif") repeat scroll 0 0;
}
#wrapper .orange_btn input[type="submit"]:hover{
	text-decoration: none; background-color: #0058bc;
	background:url("bteiki_img/orange_btn_bg_on.gif") repeat scroll 0 0;
}

.orange_btn{
	width: 190px;
	font-size: 13px;
/*	padding: 10px;*/
	color: #444;
	border-style: none;
}

/*青帯画像*/
.cat_blue_ttl{
 width: 912px;
 margin: 0 auto 10px auto;
}

/*-----------------------------------------------------------------
定期便TOP10ランキング
-----------------------------------------------------------------*/
.ranking_all_box{
   overflow-x: scroll;
   overflow-y: hidden;
   white-space: nowrap;
   display: flex;
}
/*.ranking_all_box{
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  display: -ms-flexbox;
  display: flex;
}
*/
.ranking_row {
	 -webkit-overflow-scrolling: touch;
}

.ranking_ttl {
	margin: 0 auto;
}

.ranking_all_box {
	width: 910px;
	height: 380px;
	margin: 20px auto;
}

.ranking_box {
	border: 1px solid #eee;
	height: 340px;
	width: 180px;
	line-height: 8px;
	cursor: pointer;
  display: inline-block;
  overflow: hidden;
}

.ranking_box:hover {
	border: 1px solid #565656;
	opacity: 0.9;
	text-decoration: underline;
	color: #000;
}
.line {
	margin: 0;
}

.ranking_1 {
	font-family: Verdana;
	padding: 5px 0 10px 5px;
	color: #DAA520;
	font-size: 20px;
}

.ranking_2{
	font-family: Verdana;
	padding: 5px 0 10px 5px;
	color: #6D6962;
	font-size: 20px;
}

.ranking_3{
	font-family: Verdana;
	padding: 5px 0 10px 5px;
	color: #f07800;
	font-size: 20px;
}

.ranking{
	font-family: Verdana;
	padding: 5px 0 10px 5px;
	color: #8e8e8e;
	font-size: 17.5px;
}
.ranking_title {
	float: left;
}

.ranking_title_right {
	padding-left: 4px;
	font-size: 15.5px;
}

.ranking_box_number {
	padding: 10px 0 10px 20px;
}

.img_box {
	display: block;
	text-align: center;
	margin: 0 auto;
	max-width: 150px;
	max-height: 170px;
	width: expression(document.body.clientWidth > 152? "150px" : "auto");
	height: expression(document.body.clientHeight > 170? "170px" : "auto");
}

.img {
	height: 180px;
}
.ranking_box .shohin_nm {
	font-size: 15px;
	text-align: left;
	line-height: 18px;
	color: #333;
	font-weight: bold;
	height: 60px;
	padding-top: 5px;
  white-space: pre-wrap;
}

.ranking_box .price {
	text-align: right;
	color: #000;
	text-decoration: none;
	height: 50px;
	line-height: 20px;
}

.ranking_box .normal_price {
	font-size: 12px;
	padding-right: 2px;
	color: #333;
}

.ranking_box .normal_price_number {
	font-size: 12px;
	color: #333;

}
.ranking_box .teiki_price_title {
	font-size: 12px;
	font-weight: bold;
	color: red;
	padding-right: 2px;
}

.ranking_box .teiki_price {
	color: red;
	font-weight: bold;
}
.ranking_box_main {
	width: 170px;
	margin: 0 auto;
	position: relative;
	height: 290px;
	z-index: 1;
}

.ranking_box .discount {
	width: 60px;
	height: 60px;
	color: #FFF;
	background:url(bteiki_img/discount_img.png) no-repeat;
	padding: 16px 0 0 0;
	line-height: 15px;
	top: -40px;
	left: 100px;
	position: absolute;
	z-index: 2;
}

.ranking_box .discount_number {
	font-size: 20px;
	position: absolute;
	left: 18px;
	*top: 15px;
	*font-size: 18px;
}

.ranking_box .discount_number_two_digits {
	font-size: 20px;
	position: absolute;
	left: 11px;
	*top: 13px;
	*font-size: 18px;
}
.ranking_box .percent {
	font-size: 12px;
	position: absolute;
	left: 32px;
	*top: 15px;
}

.percent_two_digits {
	font-size: 12px;
	position: absolute;
	left: 38px;
	*top: 15px;
	*left: 35px;
}
.price_off {
	font-size: 12px;
	position: absolute;
	left: 18px;

}

.ranking_box .zeikomi {
	font-size: 11.5px;
	color: #333;
}

.ranking_box .zeikomi_discount {
	font-weight: bold;
	font-size: 11.5px;
	color: red;
}
.ranking_link {
	display: block;
	text-decoration: none;
}

.include_item_discription {
	font-size: 13px;
	text-align: left;
	margin: 5px 0 0 10px;
	padding: 0;
}

/*-----------------------------------------------------------------
定期便値引き一覧
-----------------------------------------------------------------*/
#discount{
	padding-top: 35px;
}
.discount_ttl {
	margin: 10px auto;
}

.discount_wrapper{
	width: 902px;
	margin: 10px auto;
	border: 4px solid #ccc;
	padding: 10px 0 5px 0;
}
.discount_box_left{
	float: left;
	margin: 0 0 20px 75px;
}

.discount_link {
	text-decoration: none;
}

.discount_box_right{
	float:right;
	margin: 0 55px 20px 0;
}

.discount_item {
	text-align: left;
	line-height: 1.1;
}

.discount_item:hover {
	opacity: 0.8;
	cursor: pointer;
}

.discount_item:hover .shohin_nm {
	text-decoration: underline;
	color: #787878;
}
.discount_item .discount {
	background: #FF3259;
	border-radius: 10px;
	color: #FFF;
	padding: 3px 6px;
	font-size: 12px;
	margin: 0 0 0 7px;
}

.discount_item .zeikomi {
	font-size: 9px;
	color: #333;
}

.discount_item .zeikomi_discount {
	font-weight: bold;
	font-size: 9px;
	color: red;
}

.discount_item .normal_price {
	font-size: 11px;
	padding-right: 2px;
	color: #333;
}

.discount_item .normal_price_number {
	font-size: 11px;
	color: #333;
}
.discount_item .teiki_price_title {
	font-size: 12px;
	color: red;
	padding: 0 2px 0 5px;
}

.discount_item .teiki_price {
	color: red;
	font-size: 14px;
}

.discount_item .shohin_nm {
	font-weight: bold;
	padding: 10px 0 5px 0;
	font-size: 15px;
	color: #333;
	width: 345px;
}

#discount_more {
	display: none;
}
.discount_button_style{
	font-size: 13px;
	color: #696969;
	padding: 8px 5px;
	width: 220px;
	background:url("../../assets/img/teiki/white_btn_bg.gif") repeat scroll 0 0 ;
	border: 1px solid #c9c9c9;
	margin: 10px 0 10px 0;
}

.discount_button_style:hover{
	opacity: 0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	cursor: pointer;
}
/*-----------------------------------------------------------------
定期便よくある質問
-----------------------------------------------------------------*/
.teiki_help{
	padding: 70px 0 0;
}


.teiki_help ul{
	list-style: none;
	margin: 0;padding: 0;
	text-align: left;
}
.teiki_help li{
	margin: 10px;
	padding: 15px 15px 15px 60px;
	line-height: 1.4;
}
.teiki_help ul .teiki_help_q {
	background:url("bteiki_img/qa_img_q.gif");
	background-position: 10px 8px;
	background-repeat:no-repeat;
	background-color: #aedcec;
	font-weight: bold;
}
.teiki_help ul .teiki_help_a {
	background:url("bteiki_img/qa_img_a.gif");
	background-position: 10px 8px;
	background-repeat:no-repeat;
	background-color: #d1e9ed;

}
.teiki_help ul .teiki_help_a p{
	font-weight: bold;
	font-size: 14px; line-height: 1.4; color: #333;
}
.teiki_help ul .teiki_help_a ul{ margin: 0;padding: 0;}
.teiki_help ul .teiki_help_a ul li{ margin: 5px;padding: 0;}
.teiki_help_a ol{ margin: 0 0 0 30px;padding: 0;}
.teiki_help_a ol li{ margin: 0;padding: 0;}

.teiki_help_qa_link{
 margin: 0 10px;
 padding: 0;
}
.teiki_help_qa_txt{
	float:right;
	padding: 35px 0 20px 10px;
	font-size: 12px; line-height: 1.4; color: #333;
}
.txt_inquiry{
	text-align: center;
	font-size: 12px; line-height: 2; color: #333;
}
.teiki_ca_txt{
 text-align:left;
 margin-left: 20px;
 font-size: 12px; line-height: 1.4; color: #333;
}

/*-----------------------------------------------------------------
TOPへスクロール
-----------------------------------------------------------------*/

#page-top_area{
 z-index: 1;
 position: fixed;
 width: 100%;
 right: 0;
 bottom: 20px;
 margin: 10px 0 0;
}
#page-top_naka{
 max-width: 100% !important;
 margin: 0 auto;
 padding:  0 10px;
 box-sizing: border-box;
}

#page-top {
   width: 150px;
   font-size:12px;
   float: right;
}

#page-top a {
    background: #ffa500;
    text-decoration: none;
    color: #FFF;
    padding: 10px;
    text-align: center;
    display: block;
    border-radius: 5px;
    opacity: 1.0;
}
#page-top a:hover {
    text-decoration: none;
    background: #ff9583;
}
 /*---------------------------------------
フッター
--------------------------------------*/

.ft_pc_common_cp {
    padding: 1.5em;
}
#footer_pc_common {
    padding: 16px 0 42px 0;
}
#footer_pc_common li {
	line-height: 1em;
}

/*-----------------------------------------------------------------
Float
-----------------------------------------------------------------*/
/* clearfix */
.clearfix:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}
.clearfix {
 display:inline-block;
}
/* hide mac ie */
* html .clearfix {
 height:1%;
}
.clearfix {
 display: block;
}
.clear{
  clear:both;
  margin:0 auto;
}
.clearb{
  clear:both;
}


/* end */

 /*---------------------------------------
バナー
--------------------------------------*/
.bnr_w906{
margin:16px auto 16px auto;
width:906px;
}