@charset "UTF-8";


p{margin:0;padding:0; font-weight:normal;}
.bold{font-weight:bold;}
.fs10_W{font-size:10px; color:#FFFFFF;}
.newmark{margin:1px 0 1px 3px; vertical-align:bottom;}
.fs9{ font-size:9px;}
.fs10{ font-size:10px;}
.fs14{ font-size:14px;}
.fs16{ font-size:16px;}
.fs18{ font-size:18px;}
.fc_red{color:#FF0000;}
.fc_navi{color:#000066;}
.fc_org{color:#FF6600;}
.fc_blue{color:#0033FF;}
.ft_norml{font-weight:normal;}


/*PC COUNTENT CONTROL*/
.forpc{display:none;}


/*SP COUNTENT CONTROL*/
.forsp{display:block; /*min-height:70px;*/ clear:both; height:45px;}



/*MUST SETTING*/
#container{width:100%;}
table{ width:100%;}
img{ width:100%; height:auto;} !important
#a{display:block;}


#main{ float:none; width:100%;}

#main img{ width:100%; float:none;}
#main img.nofix{ width:inherit;}

#main img.jdebit{ width:40%!important;}
#main img.jdebit2{ width:100%!important;}



ul{ padding:0;}



/********************************************************************************************/

/*SPご利用案内*/

/*INCLUDE SETTING*/
.inc_dcost1,.inc_dcost2,.inc_cod,
.inc_wrapcost,.inc_pps{
	font-weight:bold;
	color: #0c2890;
	font-size: 1.1rem;
	}



.udl{ text-decoration:underline;}
.udlb{ text-decoration:underline; font-weight:bold;}

.guide img{height:auto;}
.guide div.imgbox{margin:10px auto; text-align:center;}


#welcome{ font-size:18px; line-height:135%; text-align:center;}

#welcome>span{
	font-size: 14px;
	display: block;
	color: #926f1f;
	display: block;
	margin: 10px 0 5px;
	line-height: 140%;
} 

.guide #side ul{
	font-size:13px;	
	line-height:190%;
	margin-bottom:20px;
	}

.guide > #side ul li > span{
	font-weight:bold;
	}

.guide a{	color:#00f;}
.guide a:hover{ text-decoration:underline;}

/*DD直下spanタイトル*/
.spanttl{
    margin: 0;
    display: block;
    font-size: 1.0rem;
    padding: 5px 0 5px 11px;
    background: #f1ede0;
    border-left: 5px #dc5f99 solid;
    font-weight: bold;
	}

/*メインカラム*/

/*トップメニュー*/
#guide_topmenu{margin-bottom:50px;}

#guide_topmenu h2{ 
    padding: 5px 0!important;
    margin: 10px auto 0!important;
    font-weight: bold;
	}
#guide_topmenu ul{margin:0; padding:0!important;}

#guide_topmenu ul ul{
	float:none; width:100%!important;
}

#guide_topmenu ul ul li:first-child h3{
margin-top: 20px;
    font-size: 1.15em;
    color: #000;
    background: none;
    padding: 0;
    color: #ffffff;
    background: #83ad1d;
    border-radius: 1px;
    border-left: 4px #acce5b solid;
    padding: 6px;
	}

#guide_topmenu ul a{
    white-space: nowrap;
    border-left: 4px #d6d6d6	 solid;
    border-bottom: 1px #CCC dotted;
    display: block;
    color: #00F!important;
    font-size: 1.0em;
    margin: 6px 0;
    padding: 8px 0;
    text-decoration: none;
 }


#guide_topmenu ul a:hover{
    background: #EEE;
    text-decoration: none;
}


#guide_topmenu ul ul{margin:0!important; paddnig:0;}


span.ordertiming {
    font-size: 1.2em;
    background: #83ad1d;
    color: #FFF;
    padding: 7px 0;
    width: 99%;
    display: block;
    border-radius: 1px;
    width: 98%;
    margin: 20px 0 0;
}

/*セクション*/
.guide section { }

.guide section h2 {
	background: #EDEDED;
	padding:10px 0 10px 3%;
	margin-top:50px;
	font-weight: bold!important;
	font-size: 15px;
	width: 90%!important;
	border-bottom: none!important;
	border-left-width: 9px!important;
	width: 89%!important;
	}

.guide section dl {
	margin:20px auto;
	width:100%;
	}

.guide section dt {
font-size: 1.1rem;
    color: #192e54;
    margin: 0 0 10px 0!important;
    display: block;
    background: #EEE;
    font-weight: bold;
    padding: 6px 0!important;
    border-left: 7px #548888 solid;
		}


.guide section dd {
	margin: 10px 0 20px 0;
    padding: 0 0 10px 0;
	}

.guide section dd p {
	padding:10px 5px;
	line-height:180%;
	font-size:1.0rem;
	}

.guide section dd ul.on{ list-style: inside; width:98%; margin:0 5px; }
.guide section dd ul.on li{
	margin:0;
    border-bottom: 1px #CCC dashed;
    padding: 10px 0;
    font-size: 1.0rem;
	}


.guide section table {
	margin:20px auto;
	width:100%;
	border-collapse:collapse;
	}

.guide section table th{
	width:41%;
	font-weight:bold;
	background:#F0F0F0;
	text-align:left;
	}



.cerocode{ width:100%; clear:both; margin:15px auto; display:block;}
.cerocode ul{ width:33%; float:left;margin: 7px 0;}
.cerocode ul li{ background:#FFF; border:1px #F2F2F2 solid; text-align:center;}
.cerocode ul li img{ margin:0 auto; width:50%!important;}
.cerocode ul li:last-child{ min-height:200px; color:#000;}


.cerocode ul.ceroA li:first-child{background-color:#000000!important; color:#FFF!important; padding:5px 0;}
.cerocode ul.ceroB li:first-child{background-color:#339966!important; color:#FFF!important; padding:5px 0;}
.cerocode ul.ceroC li:first-child{background-color:#000066!important; color:#FFF!important; padding:5px 0;}
.cerocode ul.ceroD li:first-child{background-color:#dc6a31!important; color:#FFF!important; padding:5px 0;}
.cerocode ul.ceroZ li:first-child{background-color:#CC0033!important; color:#FFF!important; padding:5px 0;}
.cerocode ul.cero99 li:first-child{background-color:#555!important; color:#FFF!important; padding:5px 0;}




.guide section table.narrow th{width:24%!important;}
.guide section table.narrow.payment th{width:58%!important;}
.guide section table.narrow.payment td img{width:28px!important; margin:0 auto;}

.guide section table.narrow td:nth-child(n+3){ width:20%!important;}

.guide section table td,
.guide section table th {
	border:1px #D2D2D2 solid;
	padding:6px;
	font-size:1.0rem;
	}
	

.guide section table td ul{ margin:10px 0; padding:0px;}
.guide section table td ul>li{ margin:10px 0; padding:0px; font-size:1.0rem;}

/*BORDERなしテーブル*/
.guide section table.noborder{ width:inherit!important; margin:0 auto!important;}
.guide section table.nomargin{ margin:0 auto; }
.guide section table.noborder td,.guide section table.noborder th { border:none; padding:10px 10px 0 10px;}



/*
main:not(.shop1) .nsp1{ display:none!important;}
main:not(.shop2) .nsp2{ display:none!important;}
main:not(.shop3) .nsp3{ display:none!important;}
main:not(.shop4) .nsp4{ display:none!important;}
*/


/*見出し前見出し*/
section dt span{
	display: block;
    font-size: 1.1rem;
    line-height: 38px;	
}



/*納期設定*/

/*shop共通*/
.delivdate{ width:98%; margin:15px auto;}
.delivdate>li{
    border: 1px #CCC solid;
    margin: 10px auto 0;
	}

.delivdate>li:last-child{
	border-bottom:1px #CCC solid;
	}

.delivdate ul li{padding:5px 8px;}
.delivdate ul li p{ margin:0;}

.delivdate ul li:first-child{
    padding: 0;
    background: #F0F0F0;
}

.delivdate ul li:nth-child(2){
    border-top: 1px #CCC dotted;
    background: #ffffff;
	}



/*shop4*/
.shop4 .delivdate.sp2 th{
	padding-top:20px;
	border:none!important;
	}

.shop4 .delivdate.sp2 .prod_delivinfo{
    /* text-indent: -9999px!important; */
    display: block;		
    margin: 0;
    padding-left: 10px;
    font-weight:bold;
    font-size:	1.0rem;
    }


/*Prod納期カラー*/
.prod_delivinfo.resv{background:#226c7d;}
.prod_delivinfo.resv_ib{background:#111a98;}
.prod_delivinfo.stock{background:#3e824d;}	
.prod_delivinfo.makerstock{background:#86621f;}
.prod_delivinfo.toriyose{background:#5f227d;}
.prod_delivinfo.warehouse{	background:#CC9966;}

.prod_delivinfo{ background:none!important;}


/*画像切替*/

.shoppingflow{ display:none;}


.shoppingflowsp li {
    display: inline-block;
    margin: 5px auto;
    width: 93%;
    padding: 8px;
    font-weight: bold;
    font-size: 1.0rem;
    border: 2px solid #e4e2d6;
}

/*.shoppingflowsp li:first-child {background:#8fc31f;}
.shoppingflowsp li:nth-child(2) {background:#49c31f;}
.shoppingflowsp li:nth-child(3) {background:#1fc397;}
.shoppingflowsp li:nth-child(4) {background:#1faec3;}
.shoppingflowsp li:nth-child(5) {background:#1f7cc3;}
*/


.shoppingflowsp li span {
    display: block;
    font-weight: normal;
    padding:8px 0 8px;
    font-size: 0.9rem;
}


.phoneno{width:24%!important;}




/*FOTER*/
.footer_nav {
    padding: 30px 0;
    background:#e6e6e6;
    color: #333;
    text-align: center;
	border-top:12px #0D62C1 solid;
}
.footer_nav a { color: #333; font-size:11px; }
.footer_nav a:hover { text-decoration: underline; }

.footer_nav ul {
	margin: 0 0 20px;
    padding: 0;
    list-style: none;
    text-align: center;
}

.footer_nav li {
	/*display: block; */
    text-align: center;
    /* float: left; */
    margin: 0 4px;
	}
.footer_nav li:not(:last-child):after { content: "｜"; }

.footer_nav small {
    display: block;
    font-size: 12px;
}

.ft_links{ width:100%!important;}



/*GUIDE 営業日カレンダー*/
.guide #left_underopt {/**/
    width: 98%px;
}

.guide img#happinet50th,
.guide #left_underopt #wrapping {
    display: none;
}

.guide #left_underopt .calenders ul li{
	font-size:12px!important;
}

.guide #left_underopt h3 {
    font-weight: bold;
    padding: 5px 7px;
}

.guide #left_underopt h3+a {
text-align: center;
    font-size: 1.3em;
    margin: 15px auto;
    background: #125d9c;
    width: 80%;
    padding: 10px;
    border-radius: 4px;
    color: #FFF;
    box-shadow: #CCC 3px 3px 3px;
}



/*GUIDE 営業日カレンダー*/


/*CAUTION TH*/
.guide section table tr:nth-child(3) th.caution{
	background:#ffdfdf!important;
	}
	
.cautionimg{
	width: 18px!important;
	height:auto;
	vertical-align:middle;
	margin-right:8px;
	}


/*納期差異注意文言*/
.delivcaution {
    width: 94%;
    margin: 10px auto;
    padding: 10px 0;
    font-size: 1.0rem;
    color: #FFF;
    font-weight: bold;
}

.delivcaution li {
    margin: 10px 0;
    background: #c31f1f;
    padding: 7px 15px;
    border-left: 8px #ffaeae solid;
    border-radius: 3px;
}

/*xmasdeliv*/
.ano .for_pc {display:none;}
.ano .for_sp {display:inherit;}