@charset "utf-8";

/* reset styles
----------------------------------------------- */
html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset{margin:0;padding:0;font-size:100%}table{border-collapse:collapse;border-spacing:0}th{text-align:left}ul li,ol li{list-style-type:none}a{text-decoration:none}img{border:0}img,input,select,textarea{vertical-align:middle}address,em{font-style:normal}hr{display:none}*:first-child+html *{letter-spacing:0}

/* basic link colours
----------------------------------------------- */
a,a:link, a:visited {
	color: #019946;
	text-decoration: none;
}
a:hover {
	color: #007032;
	text-decoration: underline; 
}

/* layout
----------------------------------------------- */
body {
	margin: 0;
	padding: 0;
  font-size: 15px;
  word-break: break-all;
  -webkit-text-size-adjust: none;
	line-height: 1.3;
	color: #333;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	background: #fbfbfc;
}

.mB30 {
	margin-bottom: 30px;
}
.mB20 {
	margin-bottom: 20px;
}
.mB15 {
	margin-bottom: 15px;
}
.mB10 {
	margin-bottom: 10px;
}
.mB5 {
	margin-bottom: 5px;
}
.txtRed {
	color: #ee3333;
}
img {
	max-width: 100%;
	height: auto;
}

#freepage1{
width:94%;
margin:0 auto;
}

/* span hidden
----------------------------------------------- */
.headIn h1 span,.headIn p.header-sitename span {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	overflow: hidden;
}

.headTel4,#headTel{
display:none;
}
/* clear
----------------------------------------------- */
.clB {
	clear: both;
}
.foot1In,
.foot1In,
.foot2In,
#contents,
.breadcrumbs,
.clearfix {
	overflow: hidden;
}

/* TOP HEADER
----------------------------------------------- */
#header {
	width: 100%;
	height: 42px;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

#header .payment{
display:none;
}

div#headDesc{
display:none;
}

.headTxt {
	display: none;
}
.headIn {
	height: 40px;
	border-top: solid 4px #a8dc3f;
	border-bottom: solid 1px #dadada;
	text-align: left;
	background: #fff;
}
/* SEO対応 2026-10-14: ページの見出しを h1 にしたページでは、ヘッダーのサイト名（ロゴ）が h1 ではなく p.header-sitename になる。
   見た目を変えないよう .headIn h1 と同じ指定を当てる（font-weight は h1 の既定値に合わせる）。 */
.headIn p.header-sitename {
	font-weight: bold;
}
.headIn h1,.headIn p.header-sitename {
    width: 50%;
    margin: 4px 0;
    float: left;
    background-image: url(../img/common/sp_head_logo.jpg);
    -moz-background-size: cover;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    height: 38px;
    box-sizing: border-box;
}
.headIn h1 a,.headIn p.header-sitename a {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
	display: block;

}
.headMemb,.headTel {
	display: none;
}
.head_sp {
	width: 138px;
	float: right;
}
.head_sp li {
	float: left;
}
.head_sp li a {
	width: 45px;
	height: 35px;
	display: block;
	border-left: solid 1px #dadada;
	text-align: center;
	padding-top: 7px;
	line-height: 1;
	font-size: 9px;
	letter-spacing: 0;
}
.head_sp li p {
	padding-top: 3px;
}

.sp_head_tel{
display:block;
background:#45a738;
height:25px;
word-break: normal;
font-size:4.2vw;
text-align:center;
color:#fff;
font-family: "Rounded Mplus 1c";
padding:2px 0 0 0;
  -webkit-text-size-adjust: 100%!important;
  position:relative;
line-height:1;
}

.sp_head_tel span.text{
display:block;
position:absolute;
   top:0px;
   right:0px;
   bottom:0px;
   left:0px;
   margin:3px auto;
font-size:12px;
}

.sp_head_tel a{
color: #fff;
display:inline-block;
margin:0 auto;
padding:2px 0;
font-weight:bold;
font-size:1.4em;
}

.sp_head_tel span.icon{
background:#fff;
padding:0 3px;
color:#45a738;
font-weight:bold;
margin:0 3px;
}


/* GLOBAL NAVI
----------------------------------------------- */
#gnav {
	width: 100%;
	margin-top: 46px;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
  right: 0;
	z-index: 2100;
  overflow-y: scroll;
}
#nav1{
margin-top:25px;
background:#fff;
}

#nav1,#nav2 {
	display: block;
}
#nav1 li a {
	display: block;
	font-size: 14px;
	padding: 8px 12px;
	background: #63636a;
	color: #fff;
	border-bottom: 1px solid #fff;
}
#nav2 li a {
	display: block;
	font-size: 14px;
	padding: 8px 12px;
	background: #FFF;
	color: #666;
	border-bottom: 1px solid #fff;
}
.nav1_2 {
	display: none;
}

/* SIDE
----------------------------------------------- */
#side {
	width: 100%;
}
.sideBan li {
	width: 45.3125%;
	float: left;
	padding: 0 0 3.125% 3.125%;
}
.sideBan li img {
	width: 100%;
	height: auto;
}


#dropmenu{
  list-style-type: none;
  margin: 10px auto;
  padding: 0;
}

#dropmenu > li >img{
  display: none;
}


#dropmenu > li::before{
  white-space: pre;
  content: "〈FAX注文用紙〉\Aプリントアウトしてお使いください";
  background: #3FA9F5;
  color: #fff;
  text-align: center;
  display: block;
  padding: 4px 0;
  font-size: 12px;
}

#dropmenu > li > ul{
  border: 1px solid #3FA9F5;
}
#dropmenu > li > ul > li{
  position: relative;
  padding: 4px 10px;
  border-bottom: 1px dotted #3FA9F5;
  height: 1.6em;
}

#dropmenu > li > ul > li a{
  color:#3FA9F5;
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  line-height: 1.6;
}

#dropmenu > li > ul > li:last-child{
  border-bottom: 0;
}
#dropmenu > li > ul > li::after {
  content: "\f0ab";
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  color: #3FA9F5;
  font-size: 130%;
}


/* FOOTER
----------------------------------------------- */

#footer .foot2In {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
  justify-content: flex-start;
display:flex;
flex-wrap: wrap;
}


#footer .invoice {
  background: #fff;
  padding: 15px;
  margin-top:20px;
  box-sizing: border-box;
  display: block;
  border-radius: 10px;
  border:solid 2px #333;
	width: 100%;
  vertical-alingn:middle;
}

#footer .invoice p.bold_number {
  font-weight: bold;
  color: #000;
  font-size: 13px;
  line-height: 2;
}

.foot2In .contact-image img{
max-width:100%;
}



#pageTop {
	bottom: 10px;
	right: 10px;
	display: block;
	width: 35px;
	height: 35px;
	position: fixed;
	z-index: 999;
}
#pageTop img {
	width: 35px;
	height: 35px;
}
.foot1 {
	width: 100%;
	background: #f0f0f1;
	border-top: solid 1px #e0e0e2;
	text-align: center;
	clear: both;
}
.foot1 .mB30 {
	margin-bottom: 0;
}
.foot1In,
.foot2In{
	width: 100%;
	text-align: left;
	padding: 10px 0;
}
.footLogo {
	display: none;
}
.foot1In ul {
	clear: both;
}
.foot1In li {
	width: 45.3125%;
	float: left;
	padding: 0 0 5px 3.125%;
	font-size: 12px;
	letter-spacing: 0;
}
.foot1In li a {
	color: #666;
	line-height: 1.2;
}
.foot2 {
	display: none;
}
.copy {
	width: 100%;
	font-size: 10px;
	clear: both;
	background: #0075c1;
	padding: 5px 0;
	text-align: center;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

/* CONTENTS
----------------------------------------------- */
#contents {
	width: 100%;
	margin-top: 50px;
}
#main {
	width: 100%;
	text-align: left;
	margin-top:25px;
}
.breadcrumbs {
	display: none;
}
.ttlCmn {
	color: #7BC63F;
	line-height: 1.2;
	padding: 5px 0 5px 10px;
	clear: both;
	font-size: 16px;
}
}
.guide {
	display: none;
}
.spNone {
	display: none;
}



/* categories
----------------------------------------------- */

#cateTop{
	/*height:230px;*/
}

#type351_cate{background: url("../img/cate/sp_type351.jpg") no-repeat;}
#type352_cate{background: url("../img/cate/sp_type352.jpg") no-repeat;}
#type353_cate{background: url("../img/cate/sp_type353.jpg") no-repeat;}
#type354_cate{background: url("../img/cate/sp_type354.jpg") no-repeat;}
#type355_cate{background: url("../img/cate/sp_type355.jpg") no-repeat;}
#type356_cate{background: url("../img/cate/sp_type356.jpg") no-repeat;}
#type357_cate{background: url("../img/cate/sp_type357.jpg") no-repeat;}
#type358_cate{background: url("../img/cate/sp_type358.jpg") no-repeat;}
#type359_cate{background: url("../img/cate/sp_type359.jpg") no-repeat;}
#type360_cate{background: url("../img/cate/sp_type360.jpg") no-repeat;}
#type361_cate{background: url("../img/cate/sp_type361.jpg") no-repeat;}
#type362_cate{background: url("../img/cate/sp_type362.jpg") no-repeat;}
#type363_cate{background: url("../img/cate/sp_type363.jpg") no-repeat;}
#type364_cate{background: url("../img/cate/sp_type364.jpg") no-repeat;}
#type365_cate{background: url("../img/cate/sp_type365.jpg") no-repeat;}
#type366_cate{background: url("../img/cate/sp_type366.jpg") no-repeat;}
#type367_cate{background: url("../img/cate/sp_type367.jpg") no-repeat;}
#type368_cate{background: url("../img/cate/sp_type368.jpg") no-repeat;}
#type369_cate{background: url("../img/cate/sp_type369.jpg") no-repeat;}
#type370_cate{background: url("../img/cate/sp_type370.jpg") no-repeat;}
#type371_cate{background: url("../img/cate/sp_type371.jpg") no-repeat;}
#type372_cate{background: url("../img/cate/sp_type372.jpg") no-repeat;}
#type373_cate{background: url("../img/cate/sp_type373.jpg") no-repeat;}
#type374_cate{background: url("../img/cate/sp_type374.jpg") no-repeat;}
#type375_cate{background: url("../img/cate/sp_type375.jpg") no-repeat;}
#type376_cate{background: url("../img/cate/sp_type376.jpg") no-repeat;}
#type377_cate{background: url("../img/cate/sp_type377.jpg") no-repeat;}
#type378_cate{background: url("../img/cate/sp_type378.jpg") no-repeat;}
#type379_cate{background: url("../img/cate/sp_type379.jpg") no-repeat;}
#type380_cate{background: url("../img/cate/sp_type380.jpg") no-repeat;}
#type381_cate{background: url("../img/cate/sp_type381.jpg") no-repeat;}
#type382_cate{background: url("../img/cate/sp_type382.jpg") no-repeat;}
#type383_cate{background: url("../img/cate/sp_type383.jpg") no-repeat;}
#type384_cate{background: url("../img/cate/sp_type384.jpg") no-repeat;}
#type385_cate{background: url("../img/cate/sp_type385.jpg") no-repeat;}
#type386_cate{background: url("../img/cate/sp_type386.jpg") no-repeat;}
#type387_cate{background: url("../img/cate/sp_type387.jpg") no-repeat;}
#type389_cate{background: url("../img/cate/sp_type389.jpg") no-repeat;}
#type390_cate{background: url("../img/cate/sp_type390.jpg") no-repeat;}
#type391_cate{background: url("../img/cate/sp_type391.jpg") no-repeat;}
#type393_cate{background: url("../img/cate/sp_type393.jpg") no-repeat;}
#type394_cate{background: url("../img/cate/sp_type394.jpg") no-repeat;}
#type395_cate{background: url("../img/cate/sp_type395.jpg") no-repeat;}
#type396_cate{background: url("../img/cate/sp_type396.jpg") no-repeat;}
#type397_cate{background: url("../img/cate/sp_type397.jpg") no-repeat;}
#type398_cate{background: url("../img/cate/sp_type398.jpg") no-repeat;}
#type399_cate{background: url("../img/cate/sp_type399.jpg") no-repeat;}
#type494_cate{background: url("../img/cate/sp_type494.jpg") no-repeat;}

#cateTop p{
width:94%;
padding-top: 31%;
margin:0 auto;
line-height: 1.6;
}

#original_cateTop p{
width:94%;
padding-top: 31%;
margin:0 auto;
line-height: 1.6;
}

#cateTop p span,
#original p span{
color:#E50011;
font-size:1em;
}

#cateTop div,
#original_cateTop div{
background-size: contain;
padding-bottom:5%;
}

/* point
----------------------------------------------- */
#itemPointBox {
    margin:20px 0;
    /*display: flow-root;*/
}
.pbBase {
    margin:8px 0; 
}
.pbLeft {
    width:55px;
	height:80px;
    float:left;
}
.pbCenter {
width:100%;
font-size:14px;;
line-height:1.6;
text-align:justify;
}


.pbCenterwide {
display:inline-block;
padding:12px 0 ;
}


.pbCenter h3,
.pbCenterwide h3 {
font-size:5.5vw;
font-weight:bold;
padding: 0 0 5px;
vertical-align:top;
line-height:1.1;
margin-bottom:5px;
}

.pbCenter h3 span,
.pbCenterwide h3 span {
font-weight:bold;
font-size:1.2;
color:#E50011;
}


.pbRight {
width:90%;
margin:5px auto 20px auto;
text-align:center;
padding:0;
}

.pbRight img{
margin-right:2%;
}


.pbCenter h3 span.small,
.pbCenterwide h3 span.small{
font-size:4vw;
font-weight:bold;
color:#333;
line-height:1.4;
vertical-align:top;
}


.pbCenter h3 span.small_red{
font-size:3vw;
font-weight:bold;
color:#E50011;
line-height:1.4;
}


/* 配送方法・送料について
----------------------------------------------- */
div#freepage1 div#delivery_fee{
background: url(../img/guide/sp_delivery_fee.jpg) 0 center no-repeat;
background-size: contain;
padding-bottom:215%;
text-indent: 200%;
white-space: nowrap;
margin-bottom:10px;
}

h3.delivery_fee{
border-left: solid 7px #000;
font-size:1.4em;
font-weight:bold;
padding:2px 0 2px 10px;
width:100%;
background:#f2f2f2;
letter-spacing:0.05em;
margin:20px 0 10px 0;
box-sizing:border-box;
}



div.delivery table{
border-top: solid 1px #666;
border-left: solid 1px #666;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
margin:5px 0;
}

div.delivery table td.head{
background:#e6e6e6;
font-size:1.05em;
font-weight:bold;
}

div.delivery table span{
color:#E50011;
}
div.delivery table span.small{
color:#333;
font-size:0.85em;
font-weight:normal;
line-height:1.4;
display:block;
text-align:left;
}

div.delivery table ul{
list-style-type:disc;
font-size:0.9em;
text-align:left;
}

div.delivery table thead th{
border-right: solid 1px #666;
border-bottom: solid 1px #666;
background:#e6e6e6;
padding:10px 0;
text-align:center;
width:28%;
}

div.delivery table thead th:first-child{
width:16%;
}

div.delivery table tbody td{
border-right: solid 1px #666;
border-bottom: solid 1px #666;
background:#fff;
padding:10px;
text-align:center;
}

div.delivery_fee_list{
margin-left:15px;
}

div.delivery_fee_list ul{
}

div.delivery_fee_list ul li{
list-style-type: disc;
font-size:1.05em;
margin-left:20px;
padding-bottom:5px;
}


/* トップページリニューアル
----------------------------------------------- */

ul.pickup{
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-between;
justify-content:space-between;
margin:0 auto 40px auto;
width:95%;
}

ul.pickup li{
width:48%;
}

ul.easytool{
width:95%;
margin:0 auto 40px auto;
}

ul.easytool li:first-child{
width:100%;
height:auto;
}

ul.easytool li:first-child p:first-child{
margin-bottom:20px;
}

ul.easytool li:last-child{
display:none;
}

p.top_lead{
margin-right:10px;
font-size:12px;
line-height:1.4;
text-align:center;
margin-bottom:30px;
}

p.top_lead span.strong{
font-size:1.2em;
color:#00d445;
font-weight:bold;
}

p.top_lead span{
font-weight:bold;
color:#000;
}

p.top_lead_img{
display:none;
}


/* サンプル請求について
----------------------------------------------- */

div#sample_free h3{
border-left: solid 7px #0075b8;
font-size:1.35em;
font-weight:bold;
padding:4px 0 4px 10px;
width:100%;
background:#f2f2f2;
color:#0075b8;
margin-bottom:20px;
box-sizing:border-box;
}

div#sample_order h3{
border-left: solid 7px #f2001f;
font-size:1.35em;
font-weight:bold;
padding:4px 0 4px 10px;
width:100%;
background:#f2f2f2;
color:#f2001f;
margin-bottom:20px;
box-sizing:border-box;
}

table.sample_list{
margin-bottom:30px;
width:100%;
}

div#sample_free table.sample_list th{
background:#e2eff8;
}
div#sample_order table.sample_list th{
background:#fee5e6;
}

table.sample_list th{
display:block;
text-align: center;
padding:5px 0;
border-bottom:2px solid #fff;
}

table.sample_list tr{
margin-bottom:10px;
}

table.sample_list td{
display:block;
box-sizing:border-box;
padding:10px 10px 0 15px;
margin-bottom:10px;
}

table.sample_list ul{

}
table.sample_list ul li{
margin-bottom:5px;
list-style-type: disc!important;
font-size:13px;
}

table.sample_list ul li span.price{
color:#e50011;
padding-left:5px;
}

dl.sampleOrder_caution{
margin-bottom:30px;
font-size:13px;
}

dl.sampleOrder_caution dt{
display:inline-block;
vertical-align:top;
width:10%;
margin-bottom:5px;
}

dl.sampleOrder_caution dd{
display:inline-block;
vertical-align:top;
width:85%;
margin-bottom:5px;
}

div#head_bottom{
display:none;
}



/* 春の商戦応援特集
----------------------------------------------- */
div#springSale div.main{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 1%, #ffffff 79%, #d7f4c6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 1%,#ffffff 79%,#d7f4c6 100%); /* Chrome10-25,Safari5.1-6 */
background-image:url(../img/guide/spring_event_main.jpg) ,
linear-gradient(to bottom,  #ffffff 1%,#ffffff 79%,#d7f4c6 100%);
background-repeat:
    no-repeat,
    no-repeat;
background-size:
contain,
contain;
background-position:
    top left,
	left;
padding-top:30%;
padding-bottom:10px;
margin-bottom:10px;
}

div#springSale div.main dl{
background: url(../img/guide/sakura_top.png),
 url(../img/guide/sakura_bottom.png);
background-size:
30%,
30%;
 background-position:
98% 10px,
10px 96%;
background-repeat:
    no-repeat,
    no-repeat;
background-color:#fffee5;
width:94%;
box-sizing:border-box;
padding:10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin:0 auto;
overflow:hidden;
}

div#springSale div.main dl dt{
width:35%;
}

div#springSale div.main dl dd{
width:60%;
font-size:11px;
text-align:justify;
}

div#springSale div.main dl dt:nth-child(1),
div#springSale div.main dl dd:nth-child(4){
float:left;
}

div#springSale div.main dl dd:nth-child(2){
float:left;
margin-bottom:20px;
margin-left:10px;
}

div#springSale div.main dl dt:nth-child(3){
float:right;
}


div#springSale div.main dl dd p span.underline{
border-bottom:1px dashed #ccc;
line-height:2;
}

div#springSale div.main dl dd span.attention{
color:#ff0000;
font-weight:bold;
}

div#springSale div#list{
width:100%;
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-between;
justify-content:space-between;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}

div#springSale div#list a{
width:48%;
margin-top:20px;
}


div#springSale div#list a:nth-child(2n){
margin-right:0;
}


div#springSale div#list a div img{
border:2px solid #ececec;
}

div#springSale div#list a div p{
text-align:center;
margin:5px auto 0 auto;
padding:5px 1px;
text-align:center;
border:2px solid #76c455;
color:#76c455;
font-size:3vw;
font-weight:bold;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.rightBnr,.leftBnr{
display:none;
}



/* 車検証入れ（国内品）
----------------------------------------------- */
div.cate_productList div.gray_line{
border: solid 6px #ebebed;
padding:10px;
position:relative;
box-sizing:border-box;
margin-bottom:20px;
width:100%;
}

div.cate_productList a:hover{
text-decoration:none;
}

div.cate_productList div.img{
width:100%;
text-align:center;
}
div.cate_productList div.img img{
max-width:100%;
}

div.cate_productList div.text_area{
    width: 100%;
    text-align: justify;
	position:relative;
}

div.cate_productList div.text_area p:nth-child(3){
width:52%;
}

div#main div.cate_productList dl.price#flex{
width:100%;
margin-bottom:15px;
}

div#main div.cate_productList dl.price#flex dt{
width:70%;
color:#000;
}

div#main div.cate_productList dl.price#flex dd{
width:115px;
}

div.cate_productList div.text_area div.img2{
position:absolute;
right:5px;
top:18%;
z-index:0;
width:40%;
}

div.cate_productList div.text_area div.img2 img{
max-width:100%;
}

div.cate_productList div.text_area p.product_name {
font-size: 2em;
line-height: 1em;
margin-bottom:10px;
    color: #FF0000;
    font-family: "Rounded Mplus 1c";
    font-weight: bold;
    letter-spacing: -0.05em;
    padding: 5px 0;
	text-align:center;
}

div.cate_productList#naire_shakensho div.gray_line div.text_area p.product_name {
color:#00c7b4;
}

div.cate_productList div.highgradeBox div.text_area p.product_name {
color:#004ca8;
font-size:1.8em;
    padding: 15px 0 10px 0;
}

div.cate_productList div.text_area p{
font-size:12px;
color:#333;
}

div.cate_productList div.text_area .product_copy {
font-size: 1.3em;
line-height: 1.3;
padding: 5px 0;
font-weight: bold;
background: 0;
display:block;
margin-bottom:10px;
}

div.cate_productList div.text_area p.btn{
width: 100%;
height: 100%;
padding: 8px 10px;
margin-top: 10px;
box-sizing: border-box;
display: block;
background: #00c7b4;
color: #FFF;
font-size: 14px;
font-weight: bold;
line-height: 1.3;
vertical-align: middle;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-decoration: none;
text-align: center;
}

div.cate_productList div.highgradeBox div.text_area p.btn{
margin-top:0;
background:#004ca8;
}

div.cate_productList div.highgradeBox{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaebec+0,fffcea+25,e2ddd4+61,f3f3f3+85,e0dcc8+100 */
background: #eaebec; /* Old browsers */
background: -moz-linear-gradient(left,  #eaebec 0%, #fffcea 25%, #e2ddd4 61%, #f3f3f3 85%, #e0dcc8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #eaebec 0%,#fffcea 25%,#e2ddd4 61%,#f3f3f3 85%,#e0dcc8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #eaebec 0%,#fffcea 25%,#e2ddd4 61%,#f3f3f3 85%,#e0dcc8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaebec', endColorstr='#e0dcc8',GradientType=1 ); /* IE6-9 */
padding:8px;
position:relative;
box-sizing:border-box;
display:table;
margin-bottom:20px;
width:100%;
}

div.cate_productList div.highgradeBox .inside_box{
width:100%;
margin:0 auto;
background:#fff;
padding:8px;
box-sizing:border-box;
}

/* ---------- 西濃送料について ---------- */

div#seinou_desc p{
line-height:1.3;
margin:8px 0;
}

div#seinou_desc h3.seinou_attention{
margin:20px 0 10px;
width:100%;
font-size:1.6em;
color:#000;
font-weight:bold;
padding:8px 0 8px 15px;
border:1px solid #ececec;
border-left:4px solid #004896;
box-sizing:border-box;
}

div#seinou_desc h4.seinou_attention{
display:inline-block;
border-bottom:2px solid #000;
font-size:16px;
font-weight:bold;
padding:4px 0;
margin:20px 0 5px;
}

div#seinou_desc span.txtb{
font-weight:bold;
}

div#seinou_desc ul{
margin:5px 0;
padding-left:30px;
}

div#seinou_desc ul li{
margin-bottom:10px;
list-style-type: disc;
}

div#seinou_desc table{
line-height:1.4;
font-size:12px;
box-sizing:border-box;
border:2px solid #ccc;
	overflow: auto;
	white-space: nowrap;
	display:block;
	width:auto;
}

div#seinou_desc table thead tr:first-child th{
font-weight:bold;
letter-spacing:0.1em;
font-size:1.05em;
background:#fff;
text-align:center;
}

div#seinou_desc table thead tr:last-child th:first-child{
width:165px;
}

div#seinou_desc table tr{
border-bottom:1px solid #ccc;
}

div#seinou_desc table thead th{
background:#ececec;
border-right:1px solid #ccc;
}

div#seinou_desc table th{
border-right:1px solid #ccc;
padding:5px;
text-align:center;
}


div#seinou_desc table td{
padding:15px 2px;
text-align:center;
border-right:1px solid #ccc;
}

div#seinou_desc .txtBig{
font-size:1.3em;
font-weight:bold;
}

div#seinou_desc .attention{
color:#ff0000;
}


/* ---------- テント組み立て方 ---------- */

#tent_setup dl{
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-around;
justify-content:space-around;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}

#tent_setup dl.setup dd.w210{
width:210px;
}

#tent_setup dl.setup dd.w310{
width:310px;
}


/* ---------- 買い替え応援プレゼントキャンペーン ---------- */

div#kaikae_campaign div#lead{
background: url(../img/lead_img.png)#f2f2f2 center bottom no-repeat;
background-size:60%;
padding:10px 10px 55% 10px;
box-sizing:border-box;
line-height:1.5;
margin-bottom:30px;
font-size:12px;
}

div#kaikae_campaign div#lead span.strong{
color:#ff0000;
font-weight:bold;
font-size:1.2em;
line-height:1.3;
}

div#kaikae_campaign dl.detail{
margin-bottom:15px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
border:2px solid #30aef1;
}


div#kaikae_campaign dl.detail > dt{
background:#30aef1;
color:#fff;
font-family: "Rounded Mplus 1c";
font-weight:600;
font-size:20px;
padding:6px 10px 6px 80px;
position:relative;
}

div#kaikae_campaign dl.detail > dt p.number{
position:absolute;
left:5px;
top:-8px;
}

div#kaikae_campaign dl.detail > dd{
padding: 5px 10px 5px 10px;
line-height:1.65;
font-size:12px;
}

div#kaikae_campaign dl.detail > dd br{
display:none;
}

div#kaikae_campaign dl.detail > dd p.img{
text-align:center;
}

div#kaikae_campaign dl.detail:nth-of-type(1) p:nth-child(2){
color:#0075b8;
font-family: "Rounded Mplus 1c";
font-weight:600;
font-size:18px;
line-height:1.3;
}

div#kaikae_campaign dl.detail:nth-of-type(1) dl#compare{
color:#000;
font-size:18px;
margin-top:10px;
line-height:1.3;
}

div#kaikae_campaign dl.detail:nth-of-type(1) dl#compare dt{
}
div#kaikae_campaign dl.detail:nth-of-type(1) dl#compare dd{
}

div#kaikae_campaign dl.detail:nth-of-type(1) dl#compare dd + dt{
margin-top:8px;
}

div#kaikae_campaign dl.detail:nth-of-type(1) dl#compare span.deals{
color:#ff0000;
font-size:1.4em;
font-family: "Rounded Mplus 1c";
font-weight:600;
display:block;
}

div#kaikae_campaign dl.detail:nth-of-type(1) dl#compare span.small{
font-size:80%;
}

div#kaikae_campaign dl.detail:nth-of-type(2){
background: url(../img/kaikae_content2.png)center bottom 10px no-repeat;
background-size:80%;
padding-bottom:45%;
}
div#kaikae_campaign dl.detail:nth-of-type(3){
background: url(../img/kaikae_content3.png)right bottom no-repeat;
background-size:80%;
margin-bottom:10px;
padding-bottom:45%;
}

div#kaikae_campaign dl.detail span.attention{
font-weight:bold;
color:#ff0000;
}



div#kaikae_campaign dl.detail span.attention{

}

div#kaikae_campaign p.caution{
font-size:90%;
margin-bottom:30px;
}
div#kaikae_campaign div#howtoreceive{
margin:15px 0;
}

div#kaikae_campaign dl.present{
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	width:100%;
	position:relative;
margin-bottom:30px;
}

div#kaikae_campaign dl.present:not(:last-child)::after{
  content: "\f0d7";
  font-family: FontAwesome;
  color:#ff0000;
  font-size:2.3em;
position:absolute;
right:50%;
bottom:-35px;
}

div#kaikae_campaign dl.present dt{
background:#ff8a2f;
text-align:center;
box-sizing:border-box;
padding-right:8px;
}
div#kaikae_campaign dl.present img{
max-width:100%;
}

div#kaikae_campaign dl.present dd{
background:#fff3cf;
padding:6px;
}


div#kaikae_campaign dl.present dd p{
font-size:14px;
padding:5px;
}


/* ---------- メイン部分リニューアル ---------- */


div#topCont section h3.primary{
font-family: "Mplus 1p";
font-weight: 800;
font-size:6vw;
line-height:1;
padding:8px 0 2px 15%;
margin:20px 0 10px 0;
}

div#topCont section#ranking h3.primary{
border-bottom:3px solid #9b7f1a;
background: url(../img/top/icon_ranking.png)left bottom no-repeat;
background-size:contain;
}
div#topCont section#pickup h3.primary{
border-bottom:3px solid #ff0302;
background: url(../img/top/icon_pickup.png)left bottom no-repeat;
background-size:contain;
}
div#topCont section#freetool h3.primary{
border-bottom:3px solid #120ffd;
background: url(../img/top/icon_freetool.png)left bottom no-repeat;
background-size:contain;
}
div#topCont section#lineup h3.primary{
border-bottom:3px solid #70d73e;
background: url(../img/top/icon_lineup.png)left bottom no-repeat;
background-size:contain;
}


div#topCont section h3 span.ttl{
color:#000;
display:inline-block;
vertical-align:middle;
}

div#topCont section h3 span.copy{
color:#666;
display:inline-block;
vertical-align:middle;
background:none;
width: auto;
clear: none;
text-align: left;
font-family: "Mplus 1p";
font-weight:500;
font-size:13px;
padding-left:10px;
}

div#topCont section#ranking ul{
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-around;
justify-content:space-around;
margin:10px auto;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
width:98%;
}

div#topCont section#ranking ul li{
width:46%;
box-sizing:border-box;
background:#fff;
-webkit-filter: drop-shadow(0px 3px 10px rgba(0,0,0,.8));
filter: drop-shadow(0px 0px 2px rgba(0,0,0,.3));
padding:30px 0 0 0 ;
position:relative;
margin-bottom:15px;
}


div#topCont section#ranking a {
display:block;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
box-sizing:border-box;
padding:170px 0 0 50px;
color:#000;
}

div#topCont section#ranking a:hover{
text-decoration:none;
}


div#topCont section#ranking ul li div.lead{
padding:3px 0;
background:#ec1d44;
height:25px;
box-sizing:border-box;
color:#fff;
font-size:11px;
font-weight:normal;
text-align:center;
position: relative;
margin:-35px 0 0 10px;
width:89%
}

div#topCont section#ranking ul li div.lead span.yellow{
font-size:1.2em;
color:#fff000;
font-weight:bold;
}

div#topCont section#ranking ul li div.lead::before{
content: '';
width: 11px;
height: 25px;
display: block;
position: absolute;
left:-11px;
top:0;
background: url(../img/top/ranking_copy_left.png) no-repeat;
}

div#topCont section#ranking ul li div.lead::after{
content: '';
width: 11px;
height: 25px;
display: block;
position: absolute;
right:-11px;
top:0;
background: url(../img/top/ranking_copy_right.png) no-repeat;
}

div#topCont section#ranking ul li p.img{
text-align:center;
height:140px;
position: relative;
}

div#topCont section#ranking ul li p.img img{
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}

div#topCont .narrow{
letter-spacing:-0.05em;
}

div#topCont section#ranking p.img + p{
border-bottom:1px dashed #666;
width:92%;
margin:5px auto;
font-size:11px;
line-height:1.3;
font-weight:bold;
box-sizing:border-box;
color:#000;
height:36px;
}

div#topCont section#ranking p.img + p.line1{
line-height:2.7;
}

div#topCont section#ranking p.img + p.no1{
background: url(../img/top/ranking_no1.png) left top no-repeat;
}
div#topCont section#ranking p.img + p.no2{
background: url(../img/top/ranking_no2.png) left top no-repeat;
}
div#topCont section#ranking p.img + p.no3{
background: url(../img/top/ranking_no3.png) left top no-repeat;
}
div#topCont section#ranking p.img + p.no4{
background: url(../img/top/ranking_no4.png) left top no-repeat;
}

div#topCont section#ranking dl.price{
width: 92%;
margin:0 auto;
color:#000;
}

div#topCont section#ranking dl dt{
    width:100%;
    font-size:10px;
    line-height:1.1;
    text-align: center;
}

div#topCont section#ranking dl dt br{
    display: none;
}
div#topCont section#ranking dl dd{
    width:100%;
    font-size:12px;
    padding-top:4px;
    text-align: center;
    margin: 0 0 10px;
}

div#topCont section#ranking dl dd span.number{
font-size:1.5em;
}

div#topCont div.site_desc{
margin:20px auto;
font-size:12px;
line-height:1.6;
width:90%;
text-align:justify;
}

div#topCont div.site_desc br{
display:none;
}

div#topCont div.site_desc span.strong{
font-size:1.2em;
font-weight:bold;
color:#00a93d;
display:block;
line-height:1.3;
margin-bottom:4px;
}

div#topCont section#freetool {
display:none;
}


section#lineup ul{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 4px;
}


section#lineup ul li{
height:auto;
position:relative;
box-sizing:border-box;
margin-bottom:8px;
height: auto;
padding-bottom: 2em;
}


section#lineup div#lineup_tsukaeru ul li{
border:1px solid #70d73e;}
section#lineup div#lineup_originalgoods ul li{
border:1px solid #02b3ca;}
section#lineup div#lineup_sd ul li{
border:1px solid #ec1d44  ;}
section#lineup div#lineup_cd ul li{
border:1px solid #1163fd;}
section#lineup div#lineup_security ul li{
border:1px solid #ff57d9;}
section#lineup div#lineup_gift ul li{
border:1px solid #a158cb;}
section#lineup div#lineup_os ul li{
border:1px solid #fe890c;}

section#lineup ul li.hidden{
display:none;
}

section#lineup ul li.sp_hidden{
visibility:hidden;
}

section#lineup ul li:last-child::after{
  content:"";
  display: block;
  width:80%;
}

section#lineup ul li a{
left: 0;
padding: 88% 0 0 0;
text-align: center;
color: #000;
font-size: 11px;
font-weight: bold;
bottom: 0;
right: 0;
margin: auto;
position: absolute;
cursor: pointer;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

section#lineup ul li a.twoline{
padding-top:74%;
line-height:1.2;
}

section#lineup a:hover{
text-decoration:none;
}

section#lineup ul li p.img{
text-align:center;
box-sizing:border-box;
min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 80px;
    margin: 0 auto;
}

section#lineup ul li p.img.left{
text-align:left;
}
section#lineup ul li p.img.right{
text-align:right;
}

section#lineup ul li p.img.margin{
padding-top:10px;
}

section#lineup ul li a + p{
display:none;
}

div#topCont section#lineup h4{
font-family: "Mplus 1p";
font-weight: 800;
font-size:20px;
line-height:1;
padding:8px 0 0 15%;
margin:20px 0 10px 0;
height:50px;
box-sizing:border-box;
}

div#topCont section#lineup h4 span.ttl{
display:block;
color:#000
}

div#topCont section#lineup h4 span.copy{
display:block;
font-size:12px;
color:#000;
background:none;
width: auto;
clear: none;
text-align:center;
}

div#topCont section#lineup div#lineup_tsukaeru h4{
background: url(../img/top/product_tsukaeru.png)#e2f7d8 left top no-repeat;
}
div#topCont section#lineup div#lineup_tsukaeru h4 span.ttl{
color:#70d73e;
}
div#topCont section#lineup div#lineup_originalgoods h4{
background: url(../img/top/product_originalgoods.png)#e5f7fa left top no-repeat;
}
div#topCont section#lineup div#lineup_originalgoods h4 span.ttl{
color:#02b3ca;
}  
div#topCont section#lineup div#lineup_sd h4{
background: url(../img/top/product_sd.png)#fde8ec left top no-repeat;
}
div#topCont section#lineup div#lineup_sd h4 span.ttl{
color:#ec1d44;
}
div#topCont section#lineup div#lineup_cd h4{
background: url(../img/top/product_cd.png)#e7efff left top no-repeat;
}
div#topCont section#lineup div#lineup_cd h4 span.ttl{
color:#1163fd;
}
div#topCont section#lineup div#lineup_security h4{
background: url(../img/top/product_security.png)#ffeefb left top no-repeat;
}
div#topCont section#lineup div#lineup_security h4 span.ttl{
color:#ff58d7;
}
div#topCont section#lineup div#lineup_gift h4{
background: url(../img/top/product_gift.png)#f5eefa left top no-repeat;
}
div#topCont section#lineup div#lineup_gift h4 span.ttl{
color:#a158cd;
}
div#topCont section#lineup div#lineup_os h4{
background: url(../img/top/product_os.png)#fff3e6 left top no-repeat;
}
div#topCont section#lineup div#lineup_os h4 span.ttl{
color:#fe890c;
}
div#topCont section#lineup .txtRed{
color:#ff0000;
}



/* ---------- 超プライスボード ---------- */

div#superpriceboard div.intro{
width:100%;
height:auto;
margin:0 0 10px;
overflow:hidden;
box-sizing:border-box;
padding:10px;
background:#f1faff;
}

div#superpriceboard div.intro p{
font-weight:bold;
color:#000;
line-height:1.8;
margin:10px 0 0 0 ;
}

div#superpriceboard div.intro p br{
display:none;
}

div#nw_superpriceboard div.intro{
background:none !important;
}


div#superpriceboard p.trouble{
margin:40px 0 20px 0;
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-around;
justify-content:space-around;
}

div#superpriceboard div.lineupBox{
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border:5px solid #ebe8a0;
background:#fff4ef;
box-sizing:border-box;
padding:15px 15px 5px 15px;
margin:20px 0 40px;
}

div#superpriceboard div.lineupBox ul{
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-between;
justify-content:space-between;
margin:15px 0 0 0!important;
padding:0!important;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}

div#superpriceboard div.lineupBox ul li{
width:48%;
text-align:center;
margin:0 0 20px 0;
font-weight:bold;
color:#000;
font-size:12px;
}

div#superpriceboard div.lineupBox ul li dl{
margin-bottom:5px;
}

div#superpriceboard div.lineupBox ul li dl dt{
color:#fff;
background:#fe992a;
padding:3px 0;
font-weight:bold;
}

div#superpriceboard div.lineupBox ul li:last-child{
letter-spacing:-0.1em;
}

div#superpriceboard div.lineupBox ul li dl dd{
background:#fff;
border:2px solid #fe992a;
border-top:0;
box-sizing:border-box;
height:130px;
  display: flex;
  justify-content: center;
  align-items: center;
}

section#cate_index div#superpriceboard ul li a{
width: auto;
padding: 0;
border: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
display: inline;
position: relative;
}

section#cate_index div#superpriceboard div.lineupBox a.orderBtn{
display:block;
color:#fff;
font-weight:bold;
background:#f2b14d;
width:100%;
border-bottom:5px solid #ef982a;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding:3px 0;
margin:0;
}


div#superpriceboard div#video p.head{
background:#0d82eb;
padding:5px 10px;
text-align:center;
}

div#superpriceboard div#video .wrapper{
margin-bottom:10px;
}

div#superpriceboard div#video .wrapper iframe{
  width: 100%;
}

div#superpriceboard div#video div.videoBox{
-webkit-background-size: 25px 25px;
-moz-background-size: 25px 25px;
background-size: 25px 25px;
background-color: #b0ddfc;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #9ed4f5), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #9ed4f5),
            color-stop(.75, #9ed4f5), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #9ed4f5 25%, transparent 25%,
          transparent 50%, #9ed4f5 50%, #9ed4f5 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #9ed4f5 25%, transparent 25%,
          transparent 50%, #9ed4f5 50%, #9ed4f5 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #9ed4f5 25%, transparent 25%,
          transparent 50%, #9ed4f5 50%, #9ed4f5 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #9ed4f5 25%, transparent 25%,
          transparent 50%, #9ed4f5 50%, #9ed4f5 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #9ed4f5 25%, transparent 25%,
          transparent 50%, #9ed4f5 50%, #9ed4f5 75%,
          transparent 75%, transparent);
padding:20px;
height:auto;
margin-bottom:20px;
}

div#superpriceboard div#video a.orderBtn{
display:block;
color:#fff;
font-weight:bold;
background:#0ba7f7;
width:100%;
border-bottom:5px solid #0d93f5;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:12px 20px 9px 20px;
margin:0 auto;
font-size:14px;
position: relative;
box-sizing:border-box;
width:100%;
text-align:center;
}


div#superpriceboard div#video a.orderBtn:after {
display: block;
content: "";
position: absolute;
top: 47%;
right: 5%;
width: 0;
height: 0;
margin: -3px 0 0 0;
border-top: 8px solid #fff;
border-left: 8px solid transparent;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}


div#superpriceboard div#point{
padding:50px 5px 5px 5px;
background:#e3ddcf;
position:relative;
margin-bottom:30px;
}

div#superpriceboard div#point p.head{
position:absolute;
top:0;
left:0;
}

div#superpriceboard div#point .wrapper{
background:#fff;
padding:15px 20px 15px 20px;
box-sizing:border-box;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin-bottom:5px;
text-align:center;
}

div#superpriceboard div#point .wrapper br{
display:none;
}

div#superpriceboard div#point .wrapper:nth-of-type(1){
padding-top:45px;
}

div#superpriceboard div#point .wrapper:last-child{
margin-bottom:0;
}

div#superpriceboard div.cartype_ex{
border-top:2px dashed #000;
padding-top:20px;
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-between;
justify-content:space-between;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}

div#superpriceboard div.cartype_ex img{
width:48%;
max-width:100%;
}



/* ---------- 超プライスボードver1.5 ---------- */

div#nw_superpriceboard div.intro{
background: url(../img/cate/superpriceboard/nw_introduction_bg.png) right bottom no-repeat;
width:auto;
height:190px;
margin:0 0 10px;
overflow:hidden;
box-sizing:border-box;
padding:20px 0 0 15px;
}


div#nw_superpriceboard div.intro h3{
color:#0042B4;
font-size:170%;
}

div#nw_superpriceboard div.intro p{
color:#000;
line-height:1.6;
margin:0 0 0 5px;
}

div#nw_superpriceboard .trouble_box{
background:#E1F7FF;
padding:20px 0 10px 0;
}

div#nw_superpriceboard p.trouble{
margin:0 0 20px 0;
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-around;
justify-content:space-around;
}

div#nw_superpriceboard p.trouble img{
width:130px;
}

div#nw_superpriceboard div.lineupBox{
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border:3px solid #FF8B00;
background:#fff;
box-sizing:border-box;
padding:0;
margin:20px 0 40px;
}


div#nw_superpriceboard div.lineupBox h3 {
    border: solid 1px #FF8B00;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    background: #FF8B00;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    margin: 0;
    font-size: 150%;
	padding: 4px 0 4px 7px;
	text-align:center;
}


div#nw_superpriceboard div.lineupBox ul{
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-around;
justify-content:space-around;
margin:15px 0 20px 0!important;
padding:0!important;
}

div#nw_superpriceboard div.lineupBox ul li{
width:33%;
text-align:center;
margin:0!important;
font-weight:bold;
color:#000;
}

div#nw_superpriceboard div.lineupBox ul li dl{
margin-bottom:5px;
}

div#nw_superpriceboard div.lineupBox ul li dl dt{
padding:3px 0;
}

div#nw_superpriceboard div.lineupBox ul li:last-child{
letter-spacing:-0.1em;
}

div#nw_superpriceboard div.lineupBox ul li dl dd{
background:#fff;
color:#333;
font-weight:bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

section#cate_index div#nw_superpriceboard ul li a{
width: auto;
padding: 0;
border: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
display: inline;
position: relative;
}

section#cate_index div#nw_superpriceboard div.lineupBox a.orderBtn {
    display: block;
    color: #fff;
    font-weight: bold;
    background: #f2b14d;
    width: 80%;
    border-bottom: 5px solid #ef982a;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 3px 0;
    margin: 0 auto;
}

section#cate_index div#nw_superpriceboard div.lineupBox a.orderBtn:hover{
margin-top:6px;
border-bottom:4px solid #ef982a;
}

div#nw_superpriceboard div#video p.head{
background:#0d82eb;
padding:5px 0;
text-align:center;
}

div#nw_superpriceboard div#video div.videoBox{
-webkit-background-size: 25px 25px;
-moz-background-size: 25px 25px;
background-size: 25px 25px;
background-color: #b0ddfc;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #9ed4f5), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #9ed4f5),
            color-stop(.75, #9ed4f5), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #9ed4f5 25%, transparent 25%,
          transparent 50%, #9ed4f5 50%, #9ed4f5 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #9ed4f5 25%, transparent 25%,
          transparent 50%, #9ed4f5 50%, #9ed4f5 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #9ed4f5 25%, transparent 25%,
          transparent 50%, #9ed4f5 50%, #9ed4f5 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #9ed4f5 25%, transparent 25%,
          transparent 50%, #9ed4f5 50%, #9ed4f5 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #9ed4f5 25%, transparent 25%,
          transparent 50%, #9ed4f5 50%, #9ed4f5 75%,
          transparent 75%, transparent);
padding:20px;
height:auto;
margin-bottom:20px;
}

div#nw_superpriceboard div#video a.orderBtn{
display:block;
color:#fff;
font-weight:bold;
background:#0ba7f7;
width:100%;
border-bottom:8px solid #0d93f5;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:12px 20px 9px 20px;
margin:0 auto;
font-size:22px;
position: relative;
box-sizing:border-box;
width:60%;
text-align:center;
}


div#nw_superpriceboard div#video a.orderBtn:after {
display: block;
content: "";
position: absolute;
top: 44%;
right: 40px;
width: 0;
height: 0;
margin: -3px 0 0 0;
border-top: 15px solid #fff;
border-left: 15px solid transparent;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}

div#nw_superpriceboard div#video a.orderBtn:hover{
margin-top:22px;
border-bottom:6px solid #0d93f5;
text-decoration:none;
}

div#nw_superpriceboard div#video div.wrapper{
margin:0 auto 20px;
border:9px solid #fff;
box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
width:560px;
height:315px;
}

div#nw_superpriceboard div#point{
padding:130px 15px 15px 15px;
background:#EAEAEA;
position:relative;
}

div#nw_superpriceboard div#point p.head{
position:absolute;
top:-25px;
left:0;
}

div#nw_superpriceboard div#point .wrapper{
background:#fff;
padding:30px 10px 15px 10px;
box-sizing:border-box;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin-bottom:15px;
text-align:center;
}

div#nw_superpriceboard div#point .wrapper:nth-of-type(1){
padding-top:45px;
}

div#nw_superpriceboard div#point .wrapper:last-child{
margin-bottom:0;
}

div#nw_superpriceboard div.cartype_ex{
border-top:2px dashed #000;
padding-top:20px;
}

div#nw_superpriceboard div.cartype_ex img{
margin:4px;
}


       div#spb15 {
    font-family: ''Noto sans'';
    }

    div#spb15 .lead {
    background: url(/img/lp/sp_spb_main.jpg)no-repeat;
  background-size: auto;
margin-bottom: 20px;
text-align: center;
background-size: contain;
    }

    div#spb15 .lead p.catch {
    padding-top: 170px;
font-size: 20px;
font-weight: bold;
color: #2e3190;
line-height: 25px;
    }

    div#spb15 .lead p.txt {
    font-size: 14px;
    font-weight: lighter;
    color: #222;
    padding-left: 20px;
    margin-top: 10px;
    line-height: 22px;
    }

    div#spb15 div.tokkyo {
    margin: 30px 0;
padding: 10px;
background: #fffae9;
border: 2px solid #d5c000;
text-align: center;
    }

    div.row_between {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    }

    div#spb15 .row_between p.tokkyo_copy {
      font-weight: bold;
  font-size: 15px;
  color: #db0000;
  line-height: 20px;
  margin-top: 10px;
}

    div#spb15 .row_between p.tokkyo_txt {
    font-weight: 100;
font-size: 12px;
color: #222222;
line-height: 18px;
margin-top: 6px;
    }


    div#spb15 .btn {
    display: block;
    padding: 15px;
    background-color: #ff9b00;
    box-shadow: 0 5px 0 #d58f47;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    margin: 0 auto;
    text-align: center;
    width: 250px;

    }

    div#spb15 .btn:hover {
    box-shadow: none;
    transform: translateY(5px);
    }

    div#spb15 div.points_ttl {
    background: url(/img/lp/spb_point_back.png)no-repeat;
    width: 740px;
    height: 170px;
    }

    div#spb15 div.points_ttl p {
    color: #222;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    padding-top: 60px;
    line-height: 25px;
    text-align: center;
    text-shadow:
    3px 3px 10px #ffffff,
    3px 0px 10px #ffffff,
    0px 3px 10px #ffffff,
    3px -3px 10px #ffffff,
    -3px 3px 10px #ffffff,
    -3px -3px 10px #ffffff,
    -3px -0px 10px #ffffff,
    -0px -3px 10px #ffffff;
    }

    div#spb15 div.points_ttl p span {
    font-size: 15px;
    color: #aaa;
    }

    div#spb15 div.points_lead_1 {
    border-top: 5px solid #2e3190;
background: #e8f0f1;
text-align: center;
margin-top: 40px !important;
padding: 20px 0;
position: relative;
    }


    div#spb15 div.points_lead_1:before {
    background: #2e3190;
content: "1";
color: #fff;
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 4px 11px 5px 10px;
border-radius: 30px;
position: absolute;
top: -18px;
margin: 0 auto;
    }


    div#spb15 div.points_lead_2 {
    border-top: 5px solid #2e3190;
    background: #e8f0f1;
    text-align: center;
    margin-top: 40px !important;
    padding: 20px;
    position: relative;
    }


    div#spb15 div.points_lead_2:before {
    background: #2e3190;
    content: "2";
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 4px 10px 3px 10px;
    border-radius: 30px;
    position: absolute;
    top: -18px;
    }


    div#spb15 div.points_lead_3 {
    border-top: 5px solid #2e3190;
    background: #e8f0f1;
    text-align: center;
    margin-top: 40px !important;
    padding: 20px;
    position: relative;
    }


    div#spb15 div.points_lead_3:before {
    background: #2e3190;
    content: "3";
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 4px 10px 3px 10px;
    border-radius: 30px;
    position: absolute;
    top: -18px;
    }


    div#spb15 div.points_lead_4 {
    border-top: 5px solid #2e3190;
    background: #e8f0f1;
    text-align: center;
    margin-top: 40px !important;
    padding: 20px;
    position: relative;
    }


    div#spb15 div.points_lead_4:before {
    background: #2e3190;
    content: "4";
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 4px 10px 3px 10px;
    border-radius: 30px;
    position: absolute;
    top: -18px;
    }

    div#spb15 p.or_cacth {
    color: orange;
    font-weight: bold;
    font-size: 16px;
    }

    div#spb15 p.bk_cacth {
    color: #000;
    font-weight: bold;
    font-size: 22px;
    }

    div#spb15 div.pointBox {
    padding: 20px 0 0 0 !important;
    }

    div#spb15 div.pointBox p.txt {
    text-align: center;
    font-size: 13px;
    font-weight: lighter;
    }

    div#spb15 div.pointBox p.txt_l {
    text-align: left;
    font-size: 13px;
    font-weight: lighter;
    }

    div#spb15 div.pointBox p.point1 {
    font-size: 16px;
    font-weight: bold;
    color: #2e3190;
    text-align: center;
    margin-top: 10px;
    }

    span.txt_red {
    color: #f00;
    font-weight: bold;
    font-size: 100%;
    }

    div#spb15 h5#lineup{
    background: linear-gradient(#0b1c34, #314576);
    padding: 10px;
    margin-top: 50px!important;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    }
    
div#spb15 div.step img{
    width: 100%;
    margin-top: 20px;
}




    div.spb_lineupBox{
    padding: 10px;
    border: 5px solid #eee;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
        text-align: center;
    }

    div.spb_lineupBox div.text_area {
    width: 360px;
    }

    div.spb_lineupBox div.text_area p.product_copy{
    font-size: 16px;
    font-weight: bold;
    color: #000;
    }

    div.spb_lineupBox div.text_area p.product_copy span{
    background: linear-gradient(transparent 60%, #FF0 40% 90%, transparent 90%);
    font-size: 100%;
    }


    div.spb_lineupBox div.text_area p.product_name{
    font-size: 20px;
    font-weight: bold;
    color: #2e318f;
    margin: 5px 0 10px 0;
    }
    div.spb_lineupBox div.text_area p.product_name span{
    font-size: 18px;
    font-weight: bold;
    color: #2e318f;
    }

    div.spb_lineupBox div.text_area p.product_text{
    font-size: 14px;
    font-weight: lighter;
    color: #222;
    }


    div.spb_lineupBox div.text_area a.linkbtn_or{
    display: block;
    border-radius: 5px;
    padding: 3px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    background: orange;
    margin-top: 10px;
    text-decoration: none;
    }

    div.spb_lineupBox div.text_area a.linkbtn_or:hover{
    opacity: 0.6;
    }

br.br_pc{
    display: none;
}

 div.order_row{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 0 20px;
        margin-bottom: 30px;
        }

        div.order_row div{
        width: 330px;
        margin-bottom: 40px;
        }

        div.order_row div p.lead{
        font-weight: bold;
        text-align: center;
        font-size: 16px;
        line-height: 22px;
        margin-top: 15px;
        }

        div.order_row div p.txt{
        margin-top: 10px;
        text-align: justify;
        font-size: 13px;
        }    
        #order_attentionBox {
          margin-bottom:40px;
          background-color: rgb(252, 241, 241);
          border: 2px solid rgb(185, 0, 0);
        }
        #order_attentionBox p.ttl{
          padding: 8px; 
          background-color: rgb(185, 0, 0);
          color: #ff0;
          font-weight: bold;
          font-size: 16px;
          text-align: center;
        }
        #order_attentionBox p.txt{
          padding: 15px;
          color: #2b2b2b;
          font-weight: lighter;
          font-size: 13px;
          text-align: justify;
          line-height: 23px;
        }
        #order_attentionBox p.txt span{
          color:rgb(185, 0, 0);
          font-weight: bold;
        }

  
/*左メニュー変更*/

#g-nav{
	position:fixed;
	z-index: 999;
	top:0;
	left: -120%;
	width: calc(100% - 70px);
	height: 100vh;
	background:#fff;
	transition: all 0.6s;
	margin: 0;
}


#g-nav.panelactive{
    left: 0;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
}

#g-nav.panelactive #g-nav-list{
    position: fixed;
    z-index: 999; 
    width: calc(100% - 70px);
    height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/*========= スマホメニューボタン ===============*/
.openbtn1{
  position:fixed;
    z-index: 9999;/*ボタンを最前面に*/
  top: 0;
  right: 5px;
  cursor: pointer;
    width: 50px;
    height:50px;
}
  
/*×に変化*/  
.openbtn1 span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
  background-color: #666;
    width: 45%;
  }

.openbtn1 span:nth-of-type(1) {
  top:15px; 
}

.openbtn1 span:nth-of-type(2) {
  top:23px;
}

.openbtn1 span:nth-of-type(3) {
  top:31px;
}

.openbtn1.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
}

.openbtn1.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn1.active span:nth-of-type(3){
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
}
.openbtn1{
	display: block;
}


/* 左メニューアカウント
----------------------------------------------- */
.accountInfo{
    background: #f2f2f2;
    padding: 5px;

}

#iconImage{
    display: inline-block;
    vertical-align: top;
    width: 32px;
}

.loginBox{
    display: inline-block;
    vertical-align: top;
    list-style: none;
    padding-left: 10px;
    font-size: 12px;
    width: 210px;
}

.loginBox li.login,
.loginBox li.cart{
    display: inline-block;
	vertical-align: top;
	margin: 0 4px;
}

.loginBox li.login::before,
.loginBox li.cart::before{
    content: "";
    display: inline-block;
    top: 50%;
    bottom: 0;
    margin: auto;
    left: 4px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #019946;
}

.mypage{
    text-align: center;
    margin:8px 0;
    border-bottom: 1px dotted #000;
    padding-bottom: 10px;
}

.mypage li{
    display: inline-block;
    margin: 0 5px;
}

.mypage li a{
    border: 1px solid #5E4B3C;
    border-radius: 3px;
    padding: 3px 0;
    text-align: center;
    color: #5E4B3C!important;
    width:100px;
    display: block;
    cursor: pointer;
	text-decoration: none;
	font-size: 12px;
}

.leftmenu dt{
  margin-top: 10px;
  width: 100%;
}

.leftmenu dd{
  box-sizing: border-box;
  border-bottom: 1px dotted #000;
  border-right: 1px dotted #000;
  width: 50%;
}

.leftmenu dd a{
  position: relative
}
.leftmenu dd a::before{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  width: 5px;
  height: 5px;
  margin: -4px 0 0 0;
  border-top: solid 1px #097eda;
  border-right: solid 1px #097eda;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.leftmenu dd a{
  height: 100%;
  display: flex;
  padding: 10px 4px 10px 1.4em;
  font-size: 12px;
  box-sizing: border-box;
  color: #333;
  align-items: center;
}

.leftmenu dd img{
  display: none;
}

.leftmenu #select_hakuoshi > a img,
.leftmenu #select_fullcolor > a img,
.leftmenu #select_muji > a img,
.leftmenu #select_paper > a img{
    display: none;
}
.leftmenu .menu__multi{
    margin-top: 5px;
}
.leftmenu .menu__multi > a{
    display: block;
    width: 100%;
    height: 2em;
    background-color: #0A7CD5;
    position: relative
}

 .leftmenu #select_hakuoshi > a::before{
    content: "箔押しクリアファイル";
    color: #fff;
    display: block;
    display: flex;
    align-items: center;
    height: 2em;
    padding: 0 10px;
    }
    .leftmenu #select_fullcolor > a::before{
    content: "フルカラー印刷クリアファイル";
    color: #fff;
    display: block;
    display: flex;
    align-items: center;
    height: 2em;
    padding: 0 10px;
    }
    .leftmenu #select_muji > a::before{
    content: "無地クリアファイル";
    color: #fff;
    display: block;
    display: flex;
    align-items: center;
    height: 2em;
    padding: 0 10px;
    }
    .leftmenu #select_paper > a::before{
    content: "紙クリアファイル";
    color: #fff;
    display: block;
    display: flex;
    align-items: center;
    height: 2em;
    padding: 0 10px;
    }

    .leftmenu .menu__multi > a::after,
    .menu__second-level > li > a::after{
        font-size: 11px;
        content: "\025b6";
        display: flex;
        align-items: center;
        position: absolute;
        color: #fff;
        right: 0;
        top: 0;
        bottom: 0;
        margin-right: 5px;
    }

    .menu__second-level > li > a::after{
        color: #0A7CD5;
    }

.menu__third-level{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.menu__third-level > li{
    width: 50%;
    background: #fff;
    padding: 8px 0;
    font-size: 12px;
    box-sizing: border-box;
    border-right: 1px solid #dfeff4;
    font-size: 11px;
    border-bottom: 1px solid #dfeff4;
}

.menu__third-level > li > a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 4px 0 8px;
    box-sizing: border-box;
}

.menu__third-level > li:nth-child(odd){
    border-left: 1px solid #dfeff4;
}

#select_paper .menu__third-level > li{
    border-left: 1px solid #dfeff4;
}

.menu__second-level > li > a{
    background: #dfeff4;
    display: block;
    width: 100%;
    height: 2em;
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
    line-height: 2em;
}

.leftmenu{
    display: block;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
}

#side .sideImg{
width: 70%;
margin: 0 auto;
}

#select_paper .menu__third-level{
    display: block;
}

#select_paper .menu__third-level > li{
    width: 100%;
}

#select_paper{
    margin-bottom: 10px;
}

.leftmenu_ttl{
    margin-top: 15px;
}

.leftmenu_ttl img {
    margin-right: 10px;
}


.sideNav1{
    color:#1a1a1a;
    margin: 0 0 10px;
    padding:0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sideNav1 li{
    width: 50%;
    box-sizing: border-box;
    border-bottom: 1px solid #D9D9D6;
}

.sideNav1 li:nth-child(even){
    border-left: 1px solid #D9D9D6;
}

.sideNav1 li a {
    display: block;
    position: relative;
    padding: 8px 10px 8px 20px;
    background: #FFF;
    font-size: 12px;
    text-decoration: none;
    color:#333;
}

.sideNav1 li a:after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 5px;
width: 5px;
height: 5px;
margin: -4px 0 0 0;
border-top: solid 1px #097eda;
border-right: solid 1px #097eda;
-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


#g-nav .gloupsite{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 10px 0;
}

#g-nav .gloupsite li{
    width: 48%;
    margin-bottom: 6px;
}

#g-nav .gloupsite::after{
    content: "";
    display: inline-block;
    width: 48%;
}

.sideIpt {
    width: 80%;
    height: 2em;
    box-sizing: border-box;
}

.sideSrchBtn {
    margin-left: 5px;
    }

div.sideNav form {
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box;
    margin: 10px 0;
}

.sideNav > p:nth-of-type(1),
.sideNav1 + p{
    background: #0075c1;
    color: #fff;
    padding: 8px;
    box-sizing: border-box;
  }


  
/* SIDE
----------------------------------------------- */

#side .sideImg1{
width:100%;
margin: 10px 0;
}

#side .pc_img{
display:none;
}


#side .sideImg br{
display:none;
}


#side .sideImg img {
	width: 100%;
	height: auto;
}

.sideCnt8 {
    border: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box;
    font-size: 12px;
    overflow: hidden;
  }

  .sideCnt8 img{
    float: left;
    margin-right: 10px;
  }


.sideCntTtl,
.sideCaleTtl,
.gloupsite_ttl{
	padding: 11px;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	font-size: 15px;
	background: #9a9b9b;
	margin:30px 0 10px;
}

.sideGuideNav .sideCntTtl{
    margin-bottom: 0;
}

.sideCale table {
	width: 48%;
    float: left;
	margin: 0 auto 8px;
}

.sideCale table:nth-of-type(2){
    float: right;
}


.sideCale th,.sideCale td {
	padding: 2px 0;
	line-height: 1.1;
	text-align: center;
    font-size: 10px;
}
.sideCale th,.sideCale td {
	padding: 3px 0;
	line-height: 1.1;
	text-align: center;
	border: solid 2px #fff;
}
.sideCale th {
	background: #e5e6e8;
}
.sideCale td {
	background: #f5f5f5;
}
.sideCale caption {
	background: #e5e6e8;
	padding: 3px;
	text-align: center;
	font-weight: bold;
	border: solid 2px #fff;
}

.sideCale + .sideCnt > .sideCntTtl{
    margin-top: 0;
}

.rest {
	background: #ffdfdf!important;
}
.holiTxt {
	padding: 0 10px 8px;
	font-size: 12px;
	line-height: 1.2;
    clear: both;
}
.holiTxt span {
	color: #ffb7b7;
}


.sideCnt{
    border: 1px solid #ccc;
    margin: 20px 0;
    padding: 10px;
    box-sizing: border-box;
    font-size:12px;
}

.sideCnt dl {
	padding: 0;
}

.sideCnt2 {
	background: #0075c1;
	display: inline-block;
	float: left;
	font-size: 13px;
	margin-right: 3px;
	padding: 3px 4px 1px;
	color: #fff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-bottom: 3px;
}
.sideCnt3 {
	font-size: 25px;
	letter-spacing: 0;
	color: #0075c1;
	line-height: 1;
}
.sideCnt4 {
	font-size: 18px;
	letter-spacing: 0;
	color: #0075c1;
	line-height: 1.3;
}
.sideCnt5 {
	display: inline-block;
	float: left;
	font-size: 10px;
	margin-right: 3px;
	padding: 3px 1px 1px;
	color: #666;
	border: solid 1px #ccc;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-bottom: 3px;
}


.sideCnt6{
    padding-top: 4px;
}

.sideCnt6 br{
    display: none;
}

.sideCnt6 span{
font-weight:bold!important;
font-size:1.2em;
text-align:left!important;
}

.sideTxts {
	font-size: 11px;
    margin: 5px 0 10px;
}

.sideCntBtn {
	clear: both;
	width: 100%;
    padding: 5px 3px 10px 9px;
    text-align: center;
}
.sideCntBtn a {
	clear: both;
	width: 160px;
	height: 27px;
	padding: 13px 5px 0 40px;
	display: block;
	color: #fff;
	font-size: 15px;
	line-height: 1;
	background: url(../img/common/side_mail.png) 10px center no-repeat #0075c1;
	border-bottom: solid 4px #005a94;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
    margin: 0 auto;
}
.sideCntBtn a:hover {
	border-bottom: solid 2px #005a94;
	margin-top: 2px;
	text-decoration: none;
	background: url(../img/common/side_mail.png) 10px center no-repeat #006aaf;
}

.guidelink{
    width: 90%;
    margin: 0 auto;
}

#gnav{
    display: none
}

#sougaku p.read{
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	margin: 30px auto 15px auto;
	color:#000;
}

#sougaku p.read span{
	color:#f00;
}
#sougaku div.readflex{
	display: flex;
	padding: 0;
	justify-content: space-between;
    flex-wrap: wrap;
}
#sougaku div.readflex div.txt{
	text-align: justify;
	font-weight: lighter;
	font-size: 12px;
    width: 100%;
	line-height: 1.8em;
}
#sougaku div.readflex div.img{
width: 280px;
margin: 10px auto;
}
#sougaku div.pricesheet_point{
	background: url(../img/lp/sp_sougaku_back.png)no-repeat;
	width: 100%;
	height: auto;
}
#sougaku div.pricesheet_point p.ttl{
	font-size: 20px;
	text-align: center;
	margin: 0 auto;
	padding-top: 40px;
	color: #ff0;
	font-weight: bold;
}
#sougaku div.pricesheet_point p.txt_w{
	font-size: 13px;
	text-align: center;
	margin: 5px auto 0 auto;
	color: #fff;
	font-weight: lighter
	;
}

#sougaku div.pricesheet_point p.txt_bk{
	font-size: 13px;
	text-align: left;
	margin: 5px auto 0 auto;
	color: #000;  
	font-weight: lighter;
padding-top: 140px;
padding-left: 350px;
padding-right: 58px;
}


#sougaku a.button {
	display: block;
position: relative;
background: #18d28d;
width: 330px;
padding: 13px;
border-radius: .6rem;
color: #fff;
text-align: center;
text-decoration: none;
font-weight: bold;
letter-spacing: .1rem;
transition: .5s;
font-size: 16px;
margin: 30px auto 10px auto;
line-height: 1.4em;
}


#sougaku a.button:hover {
text-decoration: none;
opacity: 0.6;
}

#sougaku a.button:before {
content: "";
position: absolute;
top: 46%;
right: 12px;
width: 10px;
height: 2px;
background: #fff;
transform: rotate(45deg);
}

#sougaku a.button:after {
content: "";
position: absolute;
top: 54%;
right: 12px;
width: 10px;
height: 2px;
background: #fff;
transform: rotate(-45deg);
}
#sougaku p.small{
font-size: 12px;
margin: 10px auto;
text-align: center;
color: #333;
}

#sougaku div.item_ttl{
width: 100%;
padding: 20px;
border-top: 3px solid #0042B4;
background: #ddd;
margin: 30px 0 20px 0;
}
#sougaku div.item_ttl p.sub{
font-size: 15px;
font-weight: bold;
text-align: center;
margin: 0 auto;
padding: none;
}
#sougaku div.item_ttl p.main{
font-size: 18px;
font-weight: bold;
text-align: center;
margin: 0 auto;
color: #0086c2;
}
#sougaku div.spb{
    background:none;
    width: 100%;
    height: auto;
}

#sougaku div.easy{
background:none;
width: 100%;
height: auto;
}
#sougaku div.spb a,#sougaku div.easy a{
display: block;
}
#sougaku div.spb a:hover,#sougaku div.easy a:hover{
opacity: 0.6;
text-decoration: none;
text-align: center;
}

.spb .txtbox {
padding: 0;
color: #000;
text-decoration: none;
text-align: center;
}
.easy .txtbox {
padding: 0;
color: #000;
text-decoration: none;
text-align: center;
}

#sougaku p.catch{
font-size: 18px;
font-weight: bold;
color: #f00;
}
#sougaku p.product{
font-size: 25px;
font-weight: bold;
color: #000;
}
#sougaku p.sentence{
margin-top: 20px;
 color: #000;
 font-size: 12px;
}
#sougaku p.price{
margin-top: 10px;
font-weight: bold;
margin-left: 0;
color: #000;    
}
#sougaku p.price span.kakaku{
color: #f00;
font-size: 23px;
}
#sougaku p.price span.yen{
color: #f00;
}
#sougaku ul.row{
display: flex;
padding: 20px;
justify-content: space-between;
flex-wrap: wrap;
}
#sougaku ul.row li.item3{
list-style: none;
width: 220px;
}
#sougaku ul.row li.item2{
list-style: none;
width: 100%;
}
#sougaku ul.row li img{
width: 100%;
}
#sougaku p.line{
margin: 50px 0;
border-bottom: 1px dashed #333;
}


/* コラム */

.column p{
	font-size: 14px;
	line-height: 2.2;
	margin: 10px 0;
    text-align: justify;
}

.column p br{
    display: none;
}

.column p br.spNone{
    display: block;
}

.column p span.marker{
	background-color: #FEE3E4;
	font-weight: bold;
}

.column h3{
    font-size: 18px;
    padding: 10px 0 10px 15px;
    border-left: 6px solid #FBB03B;
    margin: 30px 0 20px;
}

.column .fig{
	width: 94%;
	margin: 30px auto;
}

.column .fig img{
	max-width: 100%;
}

.column .underline{
	border-bottom: 1px solid #000;
}

.column .check li::before{
	content: "\f00c";
	font-family: fontawesome;
	margin-right: 4px;
	font-size: 120%;
	color: #FBB03B;
	margin-left: -1.2em;
  }


  .column ul.check li{
	padding: 10px 2em;
	border-bottom: 1px dashed #ccc;
	box-sizing: border-box;
  }

  .column ul li{
    line-height: 1.6;
  }


  /*注文フォーム*/
  
.order_notes{
	background: #ffefef;
	padding: 5px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.order_notes .txtRed{
	font-size: 108%;
	line-height: 1.6;
}
.order_notes ul{
	margin: 5px 10px 10px 20px;
}
.order_notes li{
	list-style: disc;
	margin:10px 0 0;
}



.img-link{
	width: 100%;
	margin: 20px auto;
}

.img-link > div{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border: 1px solid #ccc;
	position: relative;
    padding-bottom: 2em;
}


.img-link .thumb{
	width: 40%;
	height: auto;
    width: 100%;
}

.img-link .detail{
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 30px;
	flex-wrap: wrap;
    width: 100%;
    font-size: 12px;
}

.img-link .ttl{
	color: #333;
}

.img-link div::after{
	content: "詳細はこちら";
	display: block;
	text-align: right;
	font-size: 12px;
	color: #0075c1;
	position: absolute;
	right: 10px;
	bottom: 5px;
}

.txtCate2 .np_box{
    text-align: center;
}



.foot2 {
	display: block;
	background:#fff
}
  .ft_groupsite{
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
        width: 96%;
        margin: 10px auto
  }
  
  .ft_groupsite .inner .ttl{
      font-size: 14px;
      font-weight: bold;
      margin: 10px 0 15px;
	  text-align: left;
  }
  
  .ft_groupsite .inner > ul li{
      border-left: 2px solid #DDD;
      padding-left: 4px;
      margin-bottom: 15px;
	  text-align: left;
  }
  
  .ft_groupsite .inner > ul li a{
      padding: 2px 4px;
      display: flex;
      align-items: center;
      display: inline-block;
      line-height: 2;
      font-size: 11px;
  }
  

  .ft_groupsite a, .ft_groupsite a:link,.ft_groupsite a:visited{
    color: #333;
  }
  
  .ft_groupsite .inner > ul li img{
      width: 34px;
      display: inline-block;
      text-align: center;
      height: auto;
      margin-right: 6px;
      width: 26px;
      float: left;
  }
  
  .ft_groupsite .inner{
      width: 49%;
  }
  
  .ft_groupsite .inner > ul li a.line2{
      line-height: 1.3;
  }

  .foot2 p.gs_title {
    margin: 0;
    padding: 2px 0 3px;
    width: 100%;
    background: #ABCA37;
    text-align: center;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
  }


  #nplp div.ptBox div.item{
    width: 99%;
    margin-bottom: 30px;
}

.noukiList{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 90%;
    margin: 0 auto;
    grid-column-gap: 5px;
}