/* CSS Document */

/*==========================
		初期化				
==============================*/
*{
	margin: 0;
	padding: 0;
	/*-webkit-appearance: none;*/
	}

ul, ol, li, p{
	margin: 0px;
	padding: 0px;
	/*color: #737373;*/
	color: #747474;
}
h2,h3,h4,h5 {
	/*color: #676767;*/
	color: #5b5b5b;
}

ul, li, ol{
	list-style: none;
}

table{
	border: 0px;
	font-size: 100%;
}

img{
	/* [disabled]vertical-align: baseline; */
	border: none;
}

hr{
	border:none;
	clear: both;
}

strong{
	font-weight:normal;
	}

.cl{
	clear:both;
	line-height:0;
	}
	
#categoBox a:link,#content-left a:link,#cate-menu a:link{
	color: #58493D;
}

#categoBox a:visited,#content-left a:visited,#cate-menu a:visited{
	color: #58493D;
}

#categoBox a:hover,#content-left a:hover,#cate-menu a:hover{
	color: #88796D;
}

a{
	text-decoration: none;
	outline: none;
	/*transition: .3s ease-in-out;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;*/
}
a:link {
	color: #4d594b;
}
a:visited {
	color: #848484;
}

a:hover{
	color: #989898 !important;
}

a.atel{
	text-decoration:none;
	color: #666;
	pointer-events: none;
	cursor: default;
	}
a:focus{
	outline:none;
}


/*==========================
		登録スタイル				
==============================*/

.line_tax {/*一覧自動計算*/
	text-decoration:line-through;
	font-size: .8rem !important;
	font-weight: bold;
	/*font-family: YakuHanRPs, "M PLUS Rounded 1c", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
	font-feature-settings: "palt" !important;*/
}
.red_tax {/*一覧自動計算*/
	color:#FF0000;
	font-size: .8rem !important;
	font-weight: bold;
	/*font-family: YakuHanRPs, "M PLUS Rounded 1c", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
	font-feature-settings: "palt" !important;*/
}
.tax {/*一覧自動計算（税）*/
	display: inline-block;
	font-size: .7rem !important;
	/*font-size: .8rem;*/
	font-family: YakuHanRPs, "M PLUS Rounded 1c", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
	font-feature-settings: "palt" !important;
}

.price_table {
	margin: 0 0 10px;
}

/*==========================
		▲価格計算				
============================*/

.red{
	color:#FF0000 !important;
	}
.campaign_color {
	color: #fe3203;
}	

.red2{
	color:#FF0000 !important;
	text-decoration:line-through;
	}	

.pred{
	color:#FF0000 !important;
	text-decoration:line-through;
	font-weight:bold;
	font-size: .8rem;
}

.pred2{
	color:#FF0000 !important;
	font-weight:bold;
	font-size: .8rem;
}


.pred_auto{/*テーブル天板自動計算*/
	color:#FF0000;
	text-decoration:line-through;
	font-weight:bold;
	font-size: .8rem;
}

.price_tax {
	font-size: .8rem;
}


.pred-16 {
	color:#FF0000;
	text-decoration:line-through;	
	font-weight:bold;
	font-size: .8rem;
}

.pred2-16 {
	color:#FF0000;
	font-weight:bold;
	font-size: .8rem;
}


.price_wrap {/*税込み表示右寄せ*/
	width: 100%;
	max-width: 300px;
}

.w300 {/*ボタン標準幅*/
	width: 100% !important;
	max-width: 300px !important;
	height: auto;
	box-sizing: border-box;
}

.w100 {/*価格表横幅いっぱい*/
	width: 100% !important;
	height: auto;
}

.max40 {
	width: 40px !important;
	/*max-width: 40px !important;*/
	height: auto !important;
}
.max100 {
	width: 100% !important;
	max-width: 100px !important;
	height: auto !important;
}
.max140 {
	width: 100% !important;
	max-width: 140px !important;
	height: auto !important;
}
.max250 {
	width: 100% !important;
	max-width: 250px !important;
	height: auto !important;
}

/*------------*/

.min60 {
	width: 60px;
	height: auto;
}
.min100 {
	min-width: 100px !important;
	height: auto !important;
}
.min140 {
	min-width: 140px !important;
	height: auto !important;
}
.min180 {
	min-width: 140px !important;
	height: auto !important;
}
.no_blend {
	mix-blend-mode: normal !important;
}

.w720 {
 width: 720px;
	margin: 0 auto 30px;
}

/*=========================*/

.green {
	color: #497d01;
}

.pblue1{
	color:#005dad !important;
    font-weight:bold;
    font-size: 1.1em;
}
.pblue2{
	color: #005dad !important;
}
.sred{
	color:#FF0000;
	font-size: 1.1em;
	margin: 0 5px 0 0;
}
.t14p{
	/*font-size: 1.16375rem !important;*/
	font-size: 1.4em !important;
	/*colir: #5b5b5b;*/
}
.t13p{
	/*font-size: 1.080625rem;*/
	font-size: 1.3em !important;
}
.t12p {
	font-size: 1.2em !important;
	/*font-size: .9975rem;*/
	}
.t11p {
	/*font-size: .914375rem !important;*/
	color: #747474;
	/*font-size: 1.125em !important;*/
	font-size: 1.1em !important;
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
	}
.t11pb {
	font-size: 1.1em !important;
	/*font-size: .914375rem;*/
	font-weight: bold;
	color: #747474;
}
.t10p {
	font-size: 1.0em !important;
	font-weight: normal !important;
}
.t10pb {
	font-size: 1.0em !important;
	font-weight: bold;
}

.t9pb {
	font-size: .9em !important;
	font-weight:bold;
	}

.t9p{
	font-size: .9em !important;
	font-weight: normal !important;
	}

.t8p{
	font-size: .8em;
	}

.s80{
	font-size:80% !important;
	}

.en{
	color:#CC0000;
	font-weight:bold;
	}

.p-en{
	color:#CC0000;
	font-weight:bold;
	text-decoration:line-through;
	}

.left{
	float:left;
}
.oshirase { 
	border-top: red double 3px;
	border-bottom: red double 3px;
	margin: 5px 0 12px;
	padding: 10px 20px 5px;
	text-align: center;
}
.oshirase p {
	margin: 0 0 5px;
}
.bold{
	font-weight:bold !important;
}

.bd1{
	border:solid 1px #ccc !important;
	box-sizing: border-box;
	}
.bd2{
	border:solid 1px #747474 !important;
	box-sizing: border-box;
	}

.bd_price {
	border: solid 1px #cc6600 !important;
	box-sizing: border-box;
	}


.bd_r {
	border-right: 1px dashed #747474 !important;
	box-sizing: border-box;
}
.bd_red {
	border: 1px solid #e32d17 !important;
	box-sizing: border-box;
}

.mini{
	font-size: .75rem;
	}

.yazi{
	background:url(../img/dotarrow.gif) no-repeat left center;
	padding-left:12px;
	}
	
.yazi2{
	background: url(../img/mark02.svg) no-repeat left center;
	background-size: 10px auto;
	padding-left: 12px;
	margin-left: 4px;
	}

.yazi3{
	background: url(../img/mark02.svg) no-repeat right center;
	background-size: 12px 20px;
	padding-right: 12px;
	margin-right: 4px;
	}
	
/*.svg_arrow {
	width: 10px;
	height: 10px;
	margin: 0 2px 0 4px;
}*/
	
.list1{
	background:url(../img/mark02.gif) no-repeat left center;
	padding-left:12px;
	}
	
.topgo{
	text-align:right;
	margin:0 0 10px 0;
	}
	
.textline{
	text-decoration:line-through;
	}	
.underline{
	text-decoration: underline;
	display: inline-block;
	}
.tx_c {
	text-align: center;
}
.bg_gray {
	background:#f5f5f5;
	
}
.bg_cream {
	background: #ffffcc;
	
}
.bg_white {
	background: #fff !important;
	
}
.h2_headtext {
	background: #83b149;
	padding:10px;
	margin: 0 0 20px;
	color: #fdfefc;
}
.pointer {
	cursor: pointer;
}

.po_no {
	pointer-events: none;
}


.pd_10 {
	padding: 10px !important;
	box-sizing: border-box;
}

.pd_20 {
	padding: 20px !important;
	box-sizing: border-box;
}
.no_bold {
	font-weight: normal !important;
}

.min_h120 {
	min-height: 120px;
}


/* CSS?n?b?N
------------------------------------------------------------ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

.top-bn02,
.top-bn01 {
	float:left;
	width:362px;
	height:165px;
	overflow:hidden;
	position:relative;
}
.top-bn02 a:hover,
.top-bn01 a:hover {
	position:absolute;
	top:-165px;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */