/* CSS Document */

/*==========================
		初期化				
==============================*/

*{
	margin:0;
	padding:0;
	/*-webkit-appearance: none;*/
	}

*, *:before, *:after {
	  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	 }

ul, ol, li, p{
	margin: 0;
	padding: 0;
	color: #737373;
}
h2,h3,h4,h5 {
	color: #676767;
}

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

table{
	border: 0;
}

img{
	max-width:100%; width /***/:auto; /*IE8用ハック*/
	height:auto;
	border: none;
}

hr{
	border:none;
	clear: both;
}

strong{
	font-weight:normal;
	}

.cl{
	clear:both;
	line-height:0;
	}
	
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:focus{
	outline:none;
}
/*==========================
		登録スタイル				
==============================*/

.line_tax {/*一覧自動計算*/
	text-decoration:line-through;
	font-size: .75rem !important;
	font-weight: 700;
	/*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: .75rem !important;
	font-weight: 700;
	/*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-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;
	text-decoration:line-through;
	font-size: .75rem;
}

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


/*--------価格計算---------*/

.price_tax {
	font-size: .75rem !important;
}

@media screen and (max-width: 374px) {
	
	.price_tax {
	font-size: .7rem !important;
}
	
}


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


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

}

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

}

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

}

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

}

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

.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;
}
.max100 {
	width: 100%;
	max-width: 100px !important;
	height: auto;
}
.max140 {
	width: 100%;
	max-width: 140px !important;
	height: auto;
}
.max250 {
	width: 100%;
	max-width: 250px !important;
	height: auto;
}

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

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

.w720 {
 width: 100%;
	margin: 0 auto 30px;
	background: plum;
}


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

.green {
	color: #497d01;
}

.pblue1{
	color:#005dad !important;
    font-weight:bold;
    font-size: 1.0em;
}

.pblue2{
	color: #005dad !important;
}
.sred{
	color:#FF0000;
	font-size: .665rem;
	margin: 0 3px 0 0;
	}

.t14p{
	font-size: 1.3em !important;
	}
.t13p {
	font-size: 1.2em !important;
	}
.t12p {
	font-size:1.1em !important;
	}
.t11p {
	font-size:1.0em !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.0em !important;
	font-weight: bold;
}
.t10p {
	font-size: .9em !important;
	font-weight: normal !important;
}
.t10pb {
	font-size: .9em !important;
	font-weight: bold !important;
}
.t9p{
	font-size: .875em !important;
	font-weight: normal !important;
	}

.t9pb {
	font-size: .875em !important;
	font-weight: bold !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 1px;
	border-bottom: red double 1px;
	margin: 10px 1%;
	padding: 10px 3% 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: .6875rem;
	}

.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:16px;
	}
	
.topgo{
	text-align:right;
	margin:0 0 10px 0;
	}
	
.textline{
	text-decoration:line-through;
	}
	
.underline{
	text-decoration: underline;
	display: inline-block;
	}

.bg_gray {
	background:#f5f5f5;
	
}
.bg_cream {
	background:#ffffcc;
	
}
.bg_white {
	background:#fff !important;
	
}
.h2_headtext {
	background: #83b149;
	padding: 10px;
	margin: 0 0 20px !important;
	color: #fdfefc;
	font-size: 1.0em;
}

.pointer {
	cursor: pointer;
}

.po_no {
	pointer-events: none;
}

.pd_10 {
	padding: 1% !important;
	box-sizing: border-box;
}

.pd_20 {
	padding: 2% !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 */