/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2016/10/04, 19:44:00
    Author     : keisu
*/
.red_bold {
	font-weight: 900;
	color: #DF0012;
}

.green_bold {
	font-weight: 900;
	color: green;
}

.heading1 {
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	border: 3px solid black; 
    border-top-style:none; 
    border-left-style:none;
	border-right-style:none;
	border-color: red;
}


.add_margin{
	margin: 10px;
}

.under_line {
	background-color: red;
	height:30px;
}

#go_select_show {
	font-size: 10px;
}

a:hover img:not(.unable_click) {

opacity:0.8;

filter:alpha(opacity=80);

-ms-filter: "alpha( opacity=80 )";

}

.top_table {
	padding:3px;
	border:15px white solid;
	margin-left: 30px;
}

.back_orange {
	background-color: gold;
	color: white;
	font-weight: 900;
}

.middle_table {
	border:3px grey solid;
	margin-left: 45px;
}

.middle_table2 {
	margin-top: 20px;
	margin-left: 45px;
}


.unable_click {
	-webkit-filter: brightness(70%);
	filter:brightness(70%);
	cursor:not-allowed;
	border-radius: 10px;
}

.super_unable_click {
	-webkit-filter: brightness(70%);
	filter:brightness(70%);
	cursor:not-allowed;
	border-radius: 10px;
}


.choice_img {
	border: 3px solid #DF0012 ;
	border-radius: 10px;
	padding: 3px;
}



.fontxs {
	font-size: x-small;
}
.fontxs {
	font-size: midium;
}

.width95 {
	width:95px !important;
}
.width114 {
	width:114px !important;
}
.width115 {
	width:115px !important;
}
.width250 {
	width:250px !important;
}

.width150 {
	width:150px !important;
}
.width180 {
	width:180px !important;
}

.noki_7 {
	background-color:#008000;color:white;
}

.noki_6 {
	background-color:#90ee90;color:white;
}

.noki_5 {
	background-color:#ffd700;color:white;
}

.noki_4 {
	background-color:#ffa500;color:white;
}

.noki_3 {
	background-color:#d2691e;color:white;
}

.noki_2,.shiten_2 {
	background-color:#ff6347;color:white;
}

.noki_1,.shiten_1,.noki_78 {
	background-color:#ff4500;color:white;
}

.noki_0,.shiten_0,.noki_13,.noki_76 {
	background-color:#ff0000;color:white;
}

/*スクロール用*/
.pricelist thead,.pricelist tbody{
  display:block;
}
.pricelist tbody{
  /*overflow-y:scroll;*/
  /*height:1500px;*/
}

.pricelist tr th {
	border:2px black solid;
	/* width: 70px; */
	text-align: center;
}


/** 20170919add */
[v-cloak] {
	display:none;
}
/** Bold */
.bold{
	font-weight: bold;
}
/** color 赤 */
.text_red{
	color: #DF0012
}
/** color 緑 */
.text_green{
	color: #00913A
}
/** aタグはマウスオンで指カーソル */
a{
	cursor: pointer;
}
/** カート内共通 はがきイメージサイズ */
.block_postcard{
	width: 240px;
	height: 360px;
}
/** カート内共通 はがきイメージサイズ（横） */
.width_postcard{
	width: 240px;
}

/** 直下のDivを中央寄せし、マウスオンで赤枠表示。
 * 自身と直下Divは要サイズ指定  */
div.hoverd_border_float{
	position: relative;
}
div.hoverd_border_float:hover{
	border-style: solid;
	border-color: #DF0012;
	border-width: 5px;
	border-radius: 8px;
}
div.hoverd_border_float > div{
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	margin: auto;
	padding: 5px;
}

/** マウスオンで枠を表示 */
.hoverd_border{
	padding: 4px;
}
/** マウスオンで枠を表示 */
.hoverd_border:hover{
	margin: -6px;
	border-style: solid;
	border-color: #DF0012;
	border-width: 5px;
	border-radius: 8px;
}
/** ラジオボタンでラベルに枠を表示 */
.radio_border{
	cursor: pointer;
	padding: 4px;
}
.radio_border input{
	display: none;
}
/** ラジオボタンでラベルに枠を表示 */
.radio_border input:checked + *{
	margin: -4px;
	border-style: solid;
	border-color: #DF0012;
	border-width: 5px;
	border-radius: 12px;
}
/** 上下左右中央配置 外枠 */
.centering_outer{
	position: relative;
}
/** 上下左右中央配置 中身 */
.centering_inner{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

/** 影 */
.shadow{
	box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.4);
}

/** #6590 背景色 */
table.pricelist td.is-gray,table.pricelist th.is-gray {
	background-color: #808080;
}