@charset "utf-8";



/* campaign_top_css */



/* h1
----------------------------------------------------- */
h1 {
  font-size:150%; 
  padding:16px 0 ; 
}

#campaign_cont{
  width:967px; 
  margin:0 auto; 
}
/* h1 ポップアップ タイトル
----------------------------------------------------- */
p#mainimage {
  width:976px;
  padding:0 0 16px; 
  margin:0px auto;
}

/* h2 ポップアップ タイトル
----------------------------------------------------- */
h2.pp_ttl {
  padding:6px 16px;
  font-size:110%;
  background: #EFEFEF;
  margin-bottom:10px;
}
h2.pp_ttl2 {
  width:928px;
  padding:12px 16px; 
  font-size:100%;
  color:#FFFFFF; 
  background: #333333; /* Old browsers */
  background: -moz-linear-gradient(top, #333333, #666666);
  background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#666666));
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#333333,EndColorStr=#666666);
  margin-bottom:16px;
}



/* h3 ポップアップ タイトル
----------------------------------------------------- */
h3.ttl {
  padding:6px 16px;
  font-size:110%;
  background: #EFEFEF;
  margin-bottom:10px;
}

/* h4 ポップアップ タイトル
----------------------------------------------------- */
h4.ttl {
  color:#666;
  font-size:90%;
  line-height:150%; 
  border-left:3px solid #666;
  margin-bottom:10px;
  padding:0px 0px 0px 10px;
}

h4.ttl span {
  font-size:125%;
}
h4.ttl.lx {
  border-left:5px solid #66398C;
}
h4.ttl.lx span {
  color:#66398C;
}

h4.ttl.mx {
  border-left:5px solid #10844C;
}
h4.ttl.mx span {
  color:#10844C;
}
h4.ttl.rz{
  border-left:5px solid #B95C5D;
}
h4.ttl.rz span{
  color:#B95C5D;
}

h4.ttl.sz{
  border-left:5px solid #4472C4;
}
h4.ttl.sz span{
  color:#4472C4;
}

h4.ttl.xz{
  border-left:5px solid #002060;
}

h4.ttl.xz span{
  color:#002060;
}

h4.ttl_bk {
  border-top:#333 6px groove;
  font-size:100%;
  line-height:150%; 
  margin-bottom:30px;
  padding:5px 10px 4px;
  background:#ECECEC;
}

/* h5 ポップアップ タイトル
----------------------------------------------------- */
h5.ttl {
  color:#333;
  font-size:90%;
  line-height:150%; 
  text-shadow:none;
  background: #E2E2E2; 
  margin-bottom:20px;
  padding:5px 10px 4px;
}

/* ブロック分割ライン
----------------------------------------------------- */
div.top_separate {
  padding-top:60px;
  background-image:url(../../common_2016/img/pr_page_separate.jpg); 
  background-repeat:no-repeat; 
  background-position:top center;
}



/* ポップアップ クーポン番号 ボタン
----------------------------------------------------- */
div.coupon_btn {
  width:736px; 
  padding:8px 16px;
  border:1px solid #ccc; 
  margin:30px 0;
}
div.coupon_btn:after {content: ""; clear: both; height: 0; display: block; visibility: hidden; }
div.coupon_btn dl {
  width:480px; 
  float:left; 
  font-size:80%; 
  font-weight:bold; 
  padding-top:6px;
}
div.coupon_btn dl:after {content: ""; clear: both; height: 0; display: block; visibility: hidden; }
div.coupon_btn dl dt {
  width:300px; 
  float:left; 
  color:#666666;
}
div.coupon_btn dl dd {
  width:180px; 
  float:left; 
  color:#FF0000;
}
div.coupon_btn div.btn_side {
  width:247px; 
  float:right; 
}

.cam_btn,
.cam_btn2{
  font-size:90%; 
  padding-top:6px;
}

.cam_btn a,
.cam_btn2 a{
  width:400px;
  margin:15px auto 30px;
  padding:10px 0 ;
  border:1px solid #0051BA;
  background:#0051BA;
  text-align:center;
  display:block;
  color:#FFF !important;
}
.cam_btn2 a{
  margin:15px 0px 30px 55px;
  display:inline-block;
}

.cam_btn a span,
.cam_btn2 a span{
  padding-left:1.5em;
  background-image: url(/pc/common_2016/img/arrow_next.png);
  background-repeat: no-repeat;
  background-position:left center; 
}
.cam_btn.down a span{
  background-image:url(/pc/common_2016/img/arrow_down.png); 
  background-position:right center; 
  background-repeat:no-repeat; 
  padding-right:20px;
}

.cam_btn a:hover,
.cam_btn2 a:hover{
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}


/* ポップアップ クーポン流れ
----------------------------------------------------- */
ul.campaignimg_list_l {
  width:967px;
  margin:0px 0px 10px; 
  padding:0px; 
  list-style-type:none; 
}

ul.campaignimg_list_l:after {content: ""; clear: both; height: 0; display: block; visibility: hidden; }
ul.campaignimg_list_l li {
  padding:0px; 
  float:left; 
  line-height:0%;
}

/* STEP
----------------------------------------------------- */
div.step_box {
  display:table;
  width:967px;
  margin:30px auto 15px;
}
div.step_box div.step {
  display:table-cell;
  width:25%;
  padding:10px 10px 0px;
  border:1px solid #CCC;
}
div.step_box.step3 div.step {
  width:33%;
}

div.step_box div.step span {
  font-weight:bold;
  color:#0051BA;
}
div.step_box div.step h3 {
  font-size:100%;
  font-weight:bold;
  padding:8px 0 8px;
}
div.step_box div.step .cam_btn a {
  width:90%; 
}
div.step_box div.step .cam_btn a span{
  font-weight:normal ;
  color:#FFF;
}

div.step_box p.while {
  display:table-cell;
  vertical-align:middle;
  padding:0 8px;
}



/* ポップアップ 対象機種
----------------------------------------------------- */
div.cp_block {
  margin:0px auto 30px; 
}
div.cp_block h3 {
  font-size:80% !important; 
  padding:3px 10px;
  border:1px solid #CCC; 
  border-bottom:none;
  background-color:#F0F0F0;
}
div.cp_block h3.pre_ttl{
  color:#FFFFFF;
  border:1px solid #666; 
  background-color:#666;
}

div.cp_block table {
  width:960px; 
  margin:0px auto;
  font-size:80%; line-height:140%;
  border-top:1px solid #CCC;
  border-left:1px solid #CCC;
}
div.cp_block table th,
div.cp_block table td {
  padding:3px 10px;
  border-bottom:1px solid #CCC;
  border-right:1px solid #CCC;
}
div.cp_block table th {
  width:146px; 
}
div.cp_block table th h4 {
  font-size:80%; 
  padding-bottom:4px;
}
div.cp_block table td.number {
  width:110px; 
}
div.cp_block table td.body {
  width:260px; 
}
div.cp_block h3 {
  font-size:80%;
}
div.cp_block table td dl {
  width:240px !important; 
  padding:10px 0px 0px;
}
div.cp_block table td dl:after {content: ""; clear: both; height: 0; display: block; visibility: hidden; }
div.cp_block table td dl dt {
  width:50px !important;
  padding:5px 0px 0px; 
  float:left;
}
div.cp_block table td dl dd {
  width:160px !important;
  float:left;
}



/* 二分割パターン
----------------------------------------------------- */
#campaign_cont div.divbox {
  width:960px; 
}

#campaign_cont div.divbox:after {content: ""; clear: both; height: 0; display: block; visibility: hidden; }

#campaign_cont div.divbox div.layout_l {
  float:left; 
  display:inline; 
}

#campaign_cont div.divbox div.layout_r {
  float:right; 
  display:inline; 
}

#campaign_cont div.divbox div.div_763 {
  width:763px; 
}
#campaign_cont div.divbox div.div_179 {
  width:179px; 
}

#campaign_cont div.divbox div.div_662 {
  width:662px; 
}
#campaign_cont div.divbox div.div_280 {
  width:280px; 
}

#campaign_cont div.divbox div.div_566 {
  width:566px; 
}
#campaign_cont div.divbox div.div_376 {
  width:376px; 
}

span.kisyu{
  font-size:80%;
  margin-left:10px;
}



/* メインエリア上　文章
----------------------------------------------------- */
.main_info{
  width:770px;
  font-size:90%;
  color:#FFF;
  font-weight:bold;
  margin:0px auto 10px;
  padding:5px 0px; 
  background:#0C2D64;
  text-align:center;
}

/* メインエリア下　文章
----------------------------------------------------- */

p.lead_copy {
  font-size:114%;
  width:100%;
  font-weight:bold;
  /*background-color:#DBDBDB;*/
  box-sizing: border-box;
  padding:16px;
  margin:8px auto 40px;
  text-align:center;
}

#campaign_cont p.lead {
  font-size:90%;
}

.link_block_txt a{
  font-weight:bold;
  border:1px solid #CCC;
  /*background-color:#DBDBDB;*/
  padding:6px 0px;
  margin:15px auto 0px;
  text-align:center;
  clear:both;
  display:block;
  font-size:85% !important;
  width:770px;
}

#campaign_cont .sp_info {
  font-size:90%;
  font-weight:bold;
  margin:0px 10em 10px;
  padding:5px 10px;
  background-color:#C7D5ED;
  color:#4473C5;
  text-align:center;
  border-radius: 3px; 
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}


/* もっとお得に！
----------------------------------------------------- */

div.c_bnr_box {
  width:100%;
  margin:0 auto ;
}
div.c_bnr_box:after {
  content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div.c_bnr_box img{
  width:308px;
}
div.c_bnr_box div.div_2_l {
  width:376px;
  float:left;
  padding-right:16px;
  padding-bottom:15px ;
}
div.c_bnr_box div.div_3_l {
  width:308px;
  float:left;
  padding-right:18px;
  padding-bottom:15px ;
}
div.c_bnr_box div.div_3_r {
  width:308px;
  float:left;
  padding-right:0px;
  padding-bottom:15px ;
}





/* カスタマイズレッツノートだけの魅力
----------------------------------------------------- */

/* menu_contents */
div#menu_contents {
  width:958px; 
  margin:0 0 20px;
  border:1px solid #CCC;
  padding-bottom:6px;
}
div#menu_contents:after {content: ""; clear: both; height: 0; display: block; visibility: hidden; }

div#menu_contents h4{
  margin:13px 0px 5px;
  text-align:center;
}

div#menu_contents div {
  font-size:86%;
}

/* sp_contents_center */
div#sp_contents_left {
  width:230px; 
  float:left;
  margin:0px 8px 0px 7px;
}

div#sp_contents_center {
  width:467px; 
  float:left;
  margin-right:8px;
}

div#sp_contents_right{
  width:232px; 
  float:left;
  margin-right:0px;
}

div#sp_contents_left h2.custom,
div#sp_contents_center h2.custom,
div#sp_contents_right h2.premium {
  font-size:80% !important;
  line-height:120%;
  padding:7px 0px 0px 10px;
  -webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
    -moz-border-radius-topleft: 5px;  
    -moz-border-radius-topright: 5px;  
}

div#sp_contents_left h2.custom,
div#sp_contents_center h2.custom{
  color:#0B304A; 
  background: #e4e4e4; /* Old browsers */
  background: -moz-linear-gradient(top, #e4e4e4 0%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e4e4e4 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e4e4e4 0%,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e4e4e4 0%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(to bottom, #e4e4e4 0%,#ffffff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

div#sp_contents_left p{
  margin-top:10px;
}

div#sp_contents_right h2.premium {
  color:#7D5922; 
  background: #ddd5bf; /* Old browsers */
  background: -moz-linear-gradient(top, #ddd5bf 0%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddd5bf), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ddd5bf 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ddd5bf 0%,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ddd5bf 0%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ddd5bf 0%,#ffffff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd5bf', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/**/
div#sp_contents_center ul {
  width:467px; 
  font-size:0%;
  line-height:0%; 
  list-style-type:none; 
}

div#sp_contents_center ul li {
  float:left;
  margin:10px 0 0;
}

/**/
div#sp_contents_right ul {
  width:232px; 
  font-size:0%;
  line-height:0%; 
  list-style-type:none; 
}

div#sp_contents_right ul li {
  margin:9px 0 0;
}



/* シリーズ別
----------------------------------------------------- */

ul.target {
  width:100%;
  margin:0 auto;
}
ul.target:after {
  content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
ul.target li {
  width:228px;
  float:left;
  padding-left:16px;
}
ul.target li.left {
  width:228px;
  padding-left:0px;
}

/* 機種別
----------------------------------------------------- */
ul.cam_coupon_link{
  width:100%;
  font-size:90%; 
  line-height:140%; 
  padding:10px 0 30px; 
}

ul.cam_coupon_link:after {content: ""; clear: both; height: 0; display: block; visibility: hidden; }
ul.cam_coupon_link li {
  float:left; 
  padding:0 2em 0 0;  
}
ul.cam_coupon_link a {
  color: #003A91;
  background-image:url(../../common_2016/img/icn_arrow_blue_anchor2017.png); 
  background-position:0px 2px; 
  background-repeat:no-repeat; 
  padding:0 0 0 1.3em; 
}
ul.cam_coupon_link a:hover {
  color: #6186D4 !important;
}


/* ご注文 NEW design
----------------------------------------------------- */
ul.coupon_list{
  width:967px; 
  margin:30px 0px 0; 
  padding:0px; 
  list-style-type:none;
  background:none;
  border:none;
}
ul.coupon_list:after,
ul.sh_series:after {content: ""; clear: both; height: 0; display: block; visibility: hidden; }
ul.coupon_list li{
  margin:0px 0 0 1px; 
  padding:0px; 
  float:left; 
  text-align:center;
}

ul.coupon_list li .coupon_tab{
  font-size:90%;
  margin:20px 10px 0 0; 
  padding:15px 20px 15px 80px; 
  color:#333;
  font-weight:bold;
  background-image:url(../img/icn_coupon1.png);
  background-color:#EFEFEF;
  background-repeat:no-repeat;
  background-position:10px center; 
  cursor:pointer;
  box-shadow: 2px -3px 5px 2px #CCC;
  -webkit-box-shadow: 2px -3px 5px 2px #CCC;
  -moz-box-shadow:  2px -3px 5px 2px #CCC;
}

ul.coupon_list li.on .coupon_tab,
ul.coupon_list li.coupon02.on .coupon_tab{
  color:#FFF;
  font-size:120%;
  background-color:#002060;
  background-image:url(../img/icn_coupon_off.png);
  margin:0px 10px 0 0; 
  padding:22px 20px 20px 80px; 
}
ul.coupon_list li.coupon02.on .coupon_tab{
  background-color:#4473C5;
}

ul.coupon_list li .coupon_tab span{
  font-size:160%;
  line-height:96%;
  padding:0px; 
  margin:0px; 
}


ul.coupon_list li .coupon_tab:hover{
  -moz-opacity:0.70;
  opacity:0.70;
  filter:alpha(opacity=70);
}

ul.sh_series{
  width:967px; 
  margin:30px 0px 0; 
  padding:0px; 
  list-style-type:none;
}
ul.sh_series li{
  width:240px; 
  margin:0px; 
  padding:0px; 
  border-left:1px solid #FFF;
  float:left; 
  text-align:center;
}

ul.sh_series li .sh_series_tab{
  font-size:90%;
  margin:0px; 
  padding:110px 0 25px; 
  color:#333;
  background-image:url(../img/tab_rz.png);
  background-repeat:no-repeat;
  background-position:0 0; 
  cursor:pointer;
}
ul.sh_series li .sh_series_tab.season {
  padding:10px 0 25px; 
}

ul.sh_series li.on .sh_series_tab{
  color:#FFF;
}


ul.sh_series li .sh_series_tab span{
  display: block; 
  font-size:240%;
  line-height:96%;
  padding:0px; 
  margin:0px; 
}
ul.sh_series li .sh_series_tab.season span.season{
  display: block; 
  font-size:90%;
  line-height:100%;
  padding:3px 0; 
  margin:0px 5px 65px 180px;
  color:#333;
  border:1px solid #333;
  background:#FFF;
}
@-moz-document url-prefix(){
  ul.sh_series li .sh_series_tab.season span.season{
    margin:0px 5px 66px 180px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0){
  ul.sh_series li .sh_series_tab.season span.season{
    margin:0px 5px 68px 180px;
  }
}
ul.sh_series li.xz .sh_series_tab{
  background-image:url(../img/tab_xz.png);
}
ul.sh_series li.sz .sh_series_tab{
  background-image:url(../img/tab_sz.png);
}
ul.sh_series li.lx .sh_series_tab{
  background-image:url(../img/tab_lx.png);
}

ul.sh_series li.on .sh_series_tab,
ul.sh_series li .sh_series_tab:hover{
  color:#FFF;
  background-image:url(../img/tab_rz_on.png);
}
ul.sh_series li.xz.on .sh_series_tab,
ul.sh_series li.xz .sh_series_tab:hover{
  background-image:url(../img/tab_xz_on.png);
}
ul.sh_series li.sz.on .sh_series_tab,
ul.sh_series li.sz .sh_series_tab:hover{
  background-image:url(../img/tab_sz_on.png);
}
ul.sh_series li.lx.on .sh_series_tab,
ul.sh_series li.lx .sh_series_tab:hover{
  background-image:url(../img/tab_lx_on.png);
}

ul.sh_series li .sh_series_tab:hover{
  -moz-opacity:0.70;
  opacity:0.70;
  filter:alpha(opacity=70);
}
.series_area{
  padding:10px 6px 0; 
  margin-bottom:30px;

}

.coupon01.series_area{
  border:3px solid #002060;
}
.coupon02.series_area{
  border:3px solid #4473C5;
}
.rz.series_area{
  border:3px solid #B85B5D;
}
.xz.series_area{
  border:3px solid #002060;
}
.sz.series_area{
  border:3px solid #4473C5;
}
.lx.series_area{
  border:3px solid #66398C;
}

div.order_area {
  width:967px; 
}
.series_area .order_area{
  width:947px; 
}
div.order_area:after {content: ""; clear: both; height: 0; display: block; visibility: hidden; }

div.order_area .sp_info {
  font-size:90%;
  font-weight:bold;
  margin:0px 0 20px;
  padding:5px 10px;
  background-color:#C7D5ED;
  color:#4473C5;
  text-align:center;
  border-radius: 3px; 
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.kakaku_pre {
  background-color:#121523;
  background-image: url(/pc/common_2016/img/kakaku_bg_pre.jpg);
  background-repeat: no-repeat;
  background-position:0 0; 
  padding-bottom:10px;
  margin-bottom:10px;
}
.kakaku_pre .pretitle {
  display:table;
  width:100%;
  box-sizing: border-box;
  padding:20px;
  margin-bottom:20px;
  border-bottom:1px solid #FFF;
}
.kakaku_pre .pretitle p.name {
  display:table-cell;
  text-align:left;
  vertical-align:top;
}
.kakaku_pre .pretitle p.link {
  display:table-cell;
  text-align:right;
  vertical-align:bottom;
  padding-bottom:0;
}
.kakaku_pre .pretitle p.link a {
  display:block;
  font-size:120%;
  color:#FFF !important;
  text-align:center;
  padding:8px 24px;
  background-image: url(/pc/common_2016/img/arrow_next.png);
  background-repeat: no-repeat;
  background-position:90% 50%;
  border:1px solid #FFF;
}
.kakaku_pre .pretitle p.link a:hover {
  filter:alpha(opacity=60) !important; 
  -moz-opacity:0.6 !important;
  opacity: 0.6 !important; 
}

.new_order_form{
  width:925px;
  border:1px solid #CCC;
  margin:0 auto 10px;
  background-color:#FFFFFF;
}
.series_area .new_order_form{
  width:910px;
}

.kakaku_normal {
  padding-top:20px;
  padding-bottom:10px;
  margin-bottom:8px;
  background-color:#CCC;
}

.new_order_form .inside{
  width:900px;
  padding:10px 0px 10px 10px;
  border-bottom:1px dotted #CCC;
}
.series_area .new_order_form .inside{
  width:100%;
  padding:10px 0px ;
}
.new_order_form .inside:after {
  content: ""; 
  clear: both; 
  height: 0; 
  display: block; 
  visibility: hidden;
}

.new_order_form p.photo{
  width:220px !important;
  float:left;
}

.new_order_form .inside ul{
  width:680px;
  float:right;
}

.new_order_form .inside ul:after {
  content: ""; 
  clear: both; 
  height: 0; 
  display: block; 
  visibility: hidden;
}

.new_order_form .inside ul li{
  font-size:85% !important;
  height:1.6em;
  margin:0px 5px 8px 0px;
  padding:3px 15px 0;
  display:inline-block;
  float:left;
  text-align:center;
  background-color:#EBEBEB;
  border-radius: 3px; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.new_order_form .inside ul li.sp_spec{
  background-color:#C7D5ED;
  color:#4473C5;
  font-weight: bold;
}

.new_order_form .inside ul li.width_3{
  width:220px !important;
  padding:3px 0px 0;
}

.new_order_form .inside ul li.model{
  text-align:left;
  font-weight:bold;
  height:auto;
  color:#333;
  display:block;
  background-color:#FFF !important;
  margin:0px;
  padding:0px !important;
  border: 0px; 
  clear:left;
  font-size:110% !important;
}
.new_order_form .inside ul li.txt_red {
  background-color:#F8E0E0;
  color: #CC0000!important; 
  font-weight:bold;
}
.new_order_form .inside ul li.link,
.new_order_form .inside ul li.kome,
.new_order_form .inside ul li.rise_cell{
  height:auto;
  margin:0px !important;
  padding:0px !important;
  background-color:#fff !important;
  border-radius: 0px; 
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
  font-size:70% !important;
  clear:both!important;
  display:block;
  width:auto;
}
.new_order_form .inside ul li.link{
  font-size:80% !important;
}

.new_order_form .inside ul li.link a{
  padding:3px 30px 0 15px;
  background:url(../img/cp_arrow.jpg) no-repeat left center;
}

.new_order_form .inside ul li.rise_cell{
  width:600px;
  margin:0px 0 10px !important;
  text-align:left;
}
.new_order_form .inside ul li span.for_pc{
  display:inline;
}

.new_order_form dl{
  width:100%;
  float:left;
  margin:5px 0 5px;
  border-top:1px solid #CCC;
}
.new_order_form dl.order_w50{
  width:50%;
}
.new_order_form dl dt,
.new_order_form dl dd{
  font-size:100% !important;
  line-height:120% !important;
  text-align:center;
  padding:5px 10px 0px ;
  float:left;
  width:190px;
}

.new_order_form dl dt{
  font-weight: bold;
  width:90%;
  float:none;
  text-align:left;
  padding:12px 10px 10px;
}

.new_order_form dl dt.silver,
.new_order_form dl dt.black,
.new_order_form dl dt.copper,
.new_order_form dl dt.gold{
  text-indent:-1em;
  margin-left:1em;
}

.new_order_form dl dt.silver span{
  color:#CCCCCC;
}

.new_order_form dl dt.black span{
  color: #000;
}

.new_order_form dl dt.copper span{
  color: #CC9900;
}
.new_order_form dl dt.gold span{
  color: #927A5C;
}

.new_order_form dl dd.btn_order{
  font-size:90% !important;
  vertical-align:middle;
  padding:5px 15px 5px 0px;
  width:220px;
}

.new_order_form dl dd.line{
  border-right:1px dotted #CCC; 
}

.pr_btn_order a{
  padding:10px 20px 10px 50px;
  font-size:18px !important;
  font-weight:bold;
    background:#FF6600;
  background-image: url(/pc/common_2016/img/icon_cart.png);
  background-repeat: no-repeat;
  background-position:20px center; 
  display: inline-block ;
  color:#FFF !important;
}

.pr_btn_order a:hover{
  background:#FF8533;
  background-image: url(/pc/common_2016/img/icon_cart.png);
  background-repeat: no-repeat;
  background-position:20px center; 
  display: inline-block ;
}

.bdr{
  border-bottom:3px solid #999;
  margin:5px 0px 10px;
}

/* 160526 */
.kisyu_btn a{
  margin:0 auto 0;
  background: #4473C5;
  background-image: url(../../common_2016/img/arrow_next.png);
  background-repeat: no-repeat;
  background-position: 35px center !important;
  width:230px; 
  font-size:90% !important;
  padding:9px 0px 8px 25px;
  font-weight:bold;
  color:#FFF !important;
  display:block;
  text-decoration: none !important;
  text-align:center;
}

.kisyu_btn a:hover{
  background: #698FD1;
  background-image: url(../../common_2016/img/arrow_next.png);
  background-repeat: no-repeat;
  background-position: 35px center !important;
}

ul.base_anchor_hr li{
  font-size:80%;
}

.my_pagetop_end{
  width:967px; 
  margin-left:auto;
  margin-right:auto;
}

div#close_footer {
  width:967px; 
  margin:0px auto; 
  height:auto !important;
  padding:0px 0 15px !important;
}

p#close_copyright {
  font-size:13px;
  margin:0 auto;
  padding:0px 5px 5px !important;

}


/* spn */
@media screen and (max-width: 640px) {
/* h1
----------------------------------------------------- */
h1 {
  font-size:150%; 
  padding:1em 2% ; 
}

#campaign_cont{
  width:100%; 
  margin:0 auto; 
  line-height:1.3em; 
}
#campaign_cont a{
  text-decoration:none !important;
}
#campaign_cont div.divbox p{
  margin-right: 2%; 
  margin-left: 2%; 
}

/* h1 ポップアップ タイトル
----------------------------------------------------- */
p#mainimage {
  width:100%;
  padding:0 0 0.5em; 
}
p#mainimage img{
  width:100%;
}

/* h2 ポップアップ タイトル
----------------------------------------------------- */
#campaign_cont h2.pp_ttl {
  font-size:140%;
  color:#000;
  background: #EFEFEF;
  margin:0 2% 0.5em;
  padding:10px 16px;
  border:none;
}
#campaign_cont h2.pp_ttl2 {
  padding:0.5em 1em; 
  font-size:130%;
  margin:0 2% 0.5em;
  background: #333333; /* Old browsers */
  background: -moz-linear-gradient(top, #333333, #666666);
  background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#666666));
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#333333,EndColorStr=#666666);
}



/* h3 ポップアップ タイトル
----------------------------------------------------- */
#campaign_cont h3.ttl {
  font-size:140%;
  color:#000;
  background: #EFEFEF;
  margin:0 2% 0.5em;
  padding:10px 16px;
}

/* h4 ポップアップ タイトル
----------------------------------------------------- */
h4.ttl {
  color:#666;
  font-size:110%;
  line-height:150%; 
  border-left:3px solid #666;
  margin:0 2% 0.5em;
  padding:0px 0px 0px 0.5em;
}

h4.ttl span {
  font-size:150%;
}

#campaign_cont  h4.ttl_bk {
  border-top:#333 2px solid;
  font-size:100%;
  line-height:150%; 
  margin:0 2% 1em;
  padding:0.3em 2% 0.2em;
  background:#ECECEC;
}


/* h5 ポップアップ タイトル
----------------------------------------------------- */
h5.ttl {
  font-size:100%;
  text-shadow:none;
  background: #E2E2E2; 
  margin:0 2% 0.5em;
  padding:0.3em 0.5em 0.2em;
}

/* ブロック分割ライン
----------------------------------------------------- */
div.top_separate {
  padding-top:60px;
  background-image:url(../../common_2016/img/pr_page_separate.jpg); 
  background-repeat:no-repeat; 
  background-position:top center;
}



/* ポップアップ クーポン番号 ボタン
----------------------------------------------------- */
div.coupon_btn {
  width:736px; 
  padding:8px 16px;
  border:1px solid #ccc; 
  margin:30px 0;
}
div.coupon_btn:after {content: ""; clear: both; height: 0; display: block; visibility: hidden; }
div.coupon_btn dl {
  width:480px; 
  float:left; 
  font-size:80%; 
  font-weight:bold; 
  padding-top:6px;
}
div.coupon_btn dl:after {content: ""; clear: both; height: 0; display: block; visibility: hidden; }
div.coupon_btn dl dt {
  width:300px; 
  float:left; 
  color:#666666;
}
div.coupon_btn dl dd {
  width:180px; 
  float:left; 
  color:#FF0000;
}
div.coupon_btn div.btn_side {
  width:247px; 
  float:right; 
}

.cam_btn,
.cam_btn2{
  font-size:110%; 
  padding-top:0.3em;
}

.cam_btn a,
.cam_btn2 a{
  width:90%;
  margin:0.5em auto 1em;
  padding:1em 0 ;
}
.cam_btn2 a{
  margin:0.5em 4% 1em;
}
.cam_btn a span,
.cam_btn.down a span,
.cam_btn2 a span{
  padding-left:1em;
  background-size: 0.7em; 
}
/* ポップアップ クーポン流れ
----------------------------------------------------- */
ul.campaignimg_coupon_list {
  width:96%;
  margin:0px auto 0.5em; 
  padding:0px; 
  list-style-type:none; 
}

ul.campaignimg_coupon_list:after {content: ""; clear: both; height: 0; display: block; visibility: hidden; }
ul.campaignimg_coupon_list li {
  padding:0 0 1em 2.5em; 
  margin:0px 2em 0.5em 1em;
  text-indent: -2em;
  background:url(../img/coupon_flow_spn.gif) no-repeat top left; 
  background-size:2em;
}

#campaign_cont ul.campaignimg_coupon_list li span.cam_coupon_ttl {
  font-size:120%; 
  font-weight:bold; 
  margin:0px; 
  padding:0.3em 0 1em; 
  display: block;
  color:#6699FF;
}
ul.campaignimg_coupon_list li span.cam_coupon_no {
  margin-right:0.6em;
}

/* STEP
----------------------------------------------------- */
div.step_box {
  display:block;
  width:90%;
  margin:2em auto 1em;
}
div.step_box div.step {
  display:block;
  box-sizing: border-box;
  width:100%;
  padding:16px 16px 0;
  margin:0 auto;
}
div.step_box.step3 div.step {
  width:100%;
}

div.step_box div.step span {
  font-size:120%;
}
div.step_box div.step h3 {
  font-size:130%;
  color:#000;
}
div.step_box div.step h3 br {
  display:none;
}
div.step_box div.step p.lead {
  padding-left:0;
  padding-right:0;
  margin-left:0 !important;
  margin-right:0 !important;
}
div.step_box div.step .cam_btn a{
  width:90%;
}

div.step_box div.step .cam_btn a span{
  font-size:100%;
}

div.step_box p.while {
  display:block;
  width:30% !important;
  text-align:center;
  padding:8px 0;
  margin:0 auto !important;
}
div.step_box p.while img {
  width:70%;
  text-align:center;
  margin:0 auto;
}


/* 二分割パターン
----------------------------------------------------- */
#campaign_cont div.divbox {
  width:100%; 
}

#campaign_cont div.divbox:after {content: ""; clear: both; height: 0; display: block; visibility: hidden; }

#campaign_cont div.divbox div.layout_l {
  float:left; 
  display:inline; 
}

#campaign_cont div.divbox div.layout_r {
  float:right; 
  display:inline; 
}

#campaign_cont div.divbox div.div_763 {
  width:80%; 
}
#campaign_cont div.divbox div.div_179 {
  width:18%; 
}

#campaign_cont div.divbox div.div_662 {
  width:70%; 
}
#campaign_cont div.divbox div.div_280 {
  width:28%; 
}

#campaign_cont div.divbox div.div_566 {
  width:60%; 
}
#campaign_cont div.divbox div.div_376 {
  width:38%; 
}

span.kisyu{
  font-size:80%;
  margin-left:10px;
}



/* メインエリア上　文章
----------------------------------------------------- */
.main_info{
  width:96%;
  font-size:90%;
  margin:0px auto 0.5em;
  padding:0.2em 0px; 
}

/* メインエリア下　文章
----------------------------------------------------- */

p.lead_copy {
  font-size:120%;
  line-height:1.4em;
  width:100%;
  padding:0.5em;
  margin:0.3em auto 1em;
}

#campaign_cont p.lead {
  font-size:110%;
  line-height:1.4em;
  margin:0 2% ;
}
.link_block_txt a{
  width:90%;
}

.link_block_txt a{
  padding:1em 0px;
  margin:1em auto 0px;
  font-size:110% !important;
}

#campaign_cont .sp_info {
  font-size:110%;
  margin:0px 2% 0.5em;
  padding:0.3em 1em;
  background-color:#C7D5ED;
  color:#4473C5;
  text-align:center;
  border-radius: 3px; 
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}


/* もっとお得に！
----------------------------------------------------- */

div.c_bnr_box {
  width:100%;
  margin:0 auto ;
}
div.c_bnr_box div.div_2_l,
div.c_bnr_box div.div_3_l,
div.c_bnr_box div.div_3_r {
  width:90%;
  float:none;
  padding:0px ;
  margin:0 auto 0.5em ;
  text-align:center;
}
div.c_bnr_box div.div_2_l img,
div.c_bnr_box div.div_3_l img,
div.c_bnr_box div.div_3_r img{
  width:60%;
}





/* 機種別
----------------------------------------------------- */

ul.target {
  width:100%;
  margin:0 auto;
}
ul.target li {
  width:47%;
  padding-left:2%;
  margin:0 auto 0.3em;
}
ul.target li img {
  width:100%;
}

ul.target li.left {
  width:47%;
  padding-left:2%;
}

/* ご注文 NEW design
----------------------------------------------------- */
.series_area{
  padding:0px; 
  margin-bottom:0px;

}

.coupon01.series_area,
.coupon02.series_area,
.rz.series_area,
.xz.series_area,
.sz.series_area,
.lx.series_area{
  border:none;
}

.series_area .order_area{
  width:96%; 
  margin:0px 2%;
}

.kakaku_pre {
  background-size:contain;
  margin-bottom:10px;
}
.kakaku_pre .pretitle {
  display:block;
  width:100%;
  box-sizing: border-box;
  padding:16px 0 0 !important;
  margin-bottom:0px;
  border-bottom:none;
}
.kakaku_pre .pretitle p.name {
  display:block;
  padding:0 0 16px !important;
}
.kakaku_pre .pretitle p.name img {
  width:100%;
}
.kakaku_pre .pretitle p.link {
  display:block;
  width:90%;
  text-align:center;
  margin:0 auto;
  padding-bottom:20px;
}
.kakaku_pre .pretitle p.link a {
  width:100%;
  box-sizing: border-box;
  font-size:90%;
  padding:8px 0px;
}

.kakaku_normal {
  padding-top:0.5em;
  margin-bottom:8px;
}

#campaign_cont .kakaku_pre div.new_order.divbox,
#campaign_cont .kakaku_normal div.new_order.divbox,
#campaign_cont div.new_order.divbox{
  display: block; 
  width:100% !important;
  margin: 0 0 0.5em !important;
  padding:0 !important;
  overflow: hidden;
}
.new_order .new_order_form.layout_l,
.new_order .new_order_form.layout_r{
  width:96% !important;
  display: block; 
  float:none;
}
.kakaku_pre .new_order .new_order_form,
.kakaku_normal .new_order .new_order_form,
.series_area .kakaku_pre .new_order_form,
.series_area .kakaku_normal .new_order_form,
.new_order_form{
  width:96%;
  margin: 0 2% 0.5em;
}
.new_order_form.new_pro{
  background:url(../img/order_bk.gif) no-repeat right top;
}

.kakaku_pre .new_order_form .inside,
.kakaku_normal .new_order_form .inside,
.series_area .kakaku_pre .new_order_form .inside,
.series_area .kakaku_normal .new_order_form .inside,
.new_order_form .inside{
  width:96%;
  padding:1em 2%;
}


.kakaku_pre .new_order_form p.photo,
.kakaku_normal .new_order_form p.photo,
.new_order_form p.photo{
  width:96% !important;
  font-size:100% !important;
  text-align:center;
  margin:0px auto 1em;
  padding:0;
  display: block; 
}
.new_order_form p.photo img{
  width:70% !important;
  max-width:200px;
}

.kakaku_pre .new_order_form .inside ul,
.kakaku_normal .new_order_form .inside ul,
.series_area .kakaku_pre .new_order_form .inside ul,
.series_area .kakaku_normal .new_order_form .inside ul,
.new_order_form .inside ul{
  width:98%;
  display: block; 
}


.new_order_form .inside ul li,
.series_area .new_order_form .inside ul li,
.new_order_form .inside ul li.os{
  font-size:100% !important;
  width:49% !important;
  height:auto!important;
  margin:0px  1% 1% 0%;
  padding:0.3em 0 0.2em;
  border-radius: 3px; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.new_order_form .inside ul li.spn_width_full,
.series_area .new_order_form .inside ul li.spn_width_full{
  width:99% !important;
  margin:0px  1% 1% 0%;
}
.new_order_form .inside ul li.model,
.new_order_form .inside ul li.rise_cell,
.new_order_form .inside ul li.link,
.new_order_form .inside ul li.kome{
  font-size:90% !important;
  line-height:140%;
  width:96% !important;
  text-align:left;
  padding:0.5em 0 0 1.3em!important;
  text-indent:-1em;
  border-radius: 0px; 
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
.new_order_form .inside ul li.model,
.series_area .new_order_form .inside ul li.model{
  text-align:center;
  font-size:130% !important;
  padding:0.5em 0 0!important;
}

.new_order_form .inside ul li.link{
  font-size:110%!important;
}

.new_order_form .inside ul li.link a{
  padding:0.2em 1.5em 0 1em;
  background:url(../img/cp_arrow.jpg) no-repeat left center;
  background-size:0.7em;
}

.new_order_form .inside ul li.kome,
.new_order_form .inside ul li.rise_cell{
  width:97% !important;
  line-height:120%; 
  margin:0px 1% 5px 1em;
  text-indent:-1em;
}

div.new_order:after,
.new_order_form .inside:after,
.new_order:after,
.new_order_form .inside ul:after {
  content: ""; 
  clear: both; 
  height: 0; 
  display: block; 
  visibility: hidden;
}

/**/
.kakaku_pre .new_order_form dl,
.kakaku_normal .new_order_form dl,
.series_area .kakaku_pre .new_order_form dl,
.series_area .kakaku_normal .new_order_form dl,
.new_order_form dl{
  width:100%;
  display:block;
  margin:5px auto 5px;
  text-align:center;
}
.new_order_form dl.order_w50{
  width:100%;
}
.new_order_form dl.spn_noline {
  margin:0 0 5px;
  padding:0 ;
  border-top:none;
}
.new_order_form dl dt,
.new_order_form dl dd{
  display:block;
  float:none;
  width:90%;
  font-size:120% !important;
  line-height:130% !important;
  margin:0 3% ;
  padding:10px 2%;
}

.new_order_form dl dt{
  font-size:120% !important;
  padding:10px 2% 0px;
}
.new_order_form dl.spn_noline dt{
  border-top:1px dotted #CCC;
  font-size:0% !important;
  line-height:0% !important;
  margin:0 3% ;
  padding:0px 2%;
}

.new_order_form dl dd.btn_order{
  width:90%;
  padding:0 2% 10px;
}

.new_order_form dl dd.line{
  border-right:none;
}
.new_order_form dl dd.btn_order{
  border-bottom:1px dotted #CCC;
}

.new_order_form dl dd.btn_order:last-child{
  border-bottom:none;
}


.pr_btn_order{
  margin:5px 0px 5px;
}

.pr_btn_order a{
  padding:10px 20px 10px 50px;
  font-size:16px !important;
  font-weight:bold;
    background:#FF6600;
  background-image: url(/pc/common_2016/img/icon_cart.png);
  background-repeat: no-repeat;
  background-position:20px center; 
  display: inline-block ;
  color:#FFF !important;
  text-decoration:none;
}

.pr_btn_order a:hover{
  background:#FF8533;
  background-image: url(/pc/common_2016/img/icon_cart.png);
  background-repeat: no-repeat;
  background-position:20px center; 
  display: inline-block ;
}

.bdr{
  border-bottom:3px solid #999;
  margin:5px 0px 10px;
}

/* 160526 */
.kisyu_btn a{
  margin:0 auto 0;
  background: #4473C5;
  background-image: url(../../common_2016/img/arrow_next.png);
  background-repeat: no-repeat;
  background-position: 35px center !important;
  width:230px; 
  font-size:90% !important;
  padding:9px 0px 8px 25px;
  font-weight:bold;
  color:#FFF !important;
  display:block;
  text-decoration: none !important;
  text-align:center;
}


ul.base_anchor_hr,
ul.base_link_hr{
  width:90%; 
  margin:0 auto 0.5em;
}
ul.base_anchor_hr li,
ul.base_link_hr li{
  font-size:100%;
  border-top:1px solid #999; 
  padding:0.5em 2em 0.5em 0.5em; 
  background: -moz-linear-gradient(top, #FFFFFF, #FEFEFE);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FEFEFE));
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFFFF,EndColorStr=#FFFEFEFE);
}

ul.attention{
  margin:0 2% 0.5em;
}
#campaign_cont ul.attention.ex_red_txt li {
  color:#FF0000; 
}

#campaign_cont .commonList{
  padding:0px 0 1.5em !important; 
}
#campaign_cont .commonList .listBtn {
  font-size:110%; 
  width:96%; 
  margin:0 auto !important;
}
div#close_footer {
  width:96%; 
  text-align:center;
}

p#close_copyright {
  font-size:16px;
  text-align:center;
}

}