/* ************************************************ 
 * ------------------------------------------------
 *	共通設定
 * ------------------------------------------------
 * ************************************************ */
 
/* --- Reset Start --- 
   --- 各ブラウザ間の表示を統一する為の記述です --- */

/* default property reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,th,td {margin:0px; padding:0px;}
table {border-collapse:collapse; border-spacing:0px;}
fieldset,img {border:0px;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0px;}
   
body * {line-height:1.22em; word-break:break-all;}
/* line-height:1.22em;について */
/*
各フォントサイズ毎に行間を算出する指定です。
この指定を削除すると、全体の行間は統一される為、
見た目のレイアウトが変更される場合があります。
*/

/* --- Reset End --- */

body {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:170%;
	margin:0px;
	padding:0px;
	text-align:center;
	font-size:16px;
	color:#333333;
	}

img {
	 vertical-align:bottom;
	}

.bold {
	font-weight:bold;
	}

.cell_mar {
	margin:0px 5px 0px 15px;
	}

a:link    {color:#0000cc;text-decoration:underline;}
a:visited {color:#0000cc;text-decoration:underline;}
a:active  {color:#0000cc;text-decoration:underline;}
a:hover   {color:#ee0000;text-decoration:underline;}

.stock_zero {
     color:red;
}
.text p {
   text-indent : 1em ;
   margin-bottom : 1em ;
   }

.thumbnail {
    display: inline-block; /* ここがポイント */
    height: 80px;
    margin-right: 4px;
    margin-bottom: 4px;
}
.thumbnail img {
    height: 80%;
}

.flex-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}