@charset "Shift_JIS";
/*== 全　体 ==============================================================================================*/
body {
	background: url(/mswp2015/image/body_bg.jpg) repeat center top;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Arial, Helvetica, "HGS明朝E", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "メイリオ", meiryo, serif;
	font-size: 1em;
	color: #221714;
	margin: 0;
	padding: 0;
}
body * {
	line-height: 140%;
}
/*-- 細　々 --*/
#mainbox dl {
	margin: 0;
	padding: 0;
}
#mainbox ul,
#mainbox ol {
	margin: 0;
	padding: 0 0 0 1.2em;
}
#mainbox ol li {
	margin-bottom: 0.6em;
}
#mainbox dt,
#mainbox dd {
	margin: 0;
	padding: 0;
}
#mainbox dt {
	float: left;
	clear: left;
	font-weight: bold;
	padding-top: 0.8em;
	padding-right: 0;
	padding-bottom: 0.8em;
	padding-left: 1em;
}
#mainbox dd {
	border-top: dotted 1px #6c7a8b;
	padding: 0.8em 0;
}
#mainbox dl dd:nth-of-type(1) {
	border-top: dotted 1px #fff;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 20px;
}
th {
	text-align: left;
}
th,
td {
	border: solid 1px #6c7a8b;
	padding: 0.6em;
}
img {
	max-width: 100%;
	height: auto;
	border: 0;
	vertical-align: top;
}
.smaller80 {
	width: 80%;
}
.smaller60 {
	width: 60%;
}
.half {
	width: 48%;
}
.smaller30 {
	width: 30%;
}
.lines_2 {
	height: 2.8em;
}
*:before {
	padding-right: 0.3em;
}
.nowrap {
	display: inline-block;
}

/*ページ内告知*/
.msg {
	/*display: none;/*表示・非表示*/
	width: 70%;
	background-color: #FAFAD2;
	font-size: 87.5%;/*14px*/
	margin: 0 auto 50px;
	padding: 10px 20px;
}
.msg h3 {
	text-align: center;
	margin: 0.5em 0 0;
}
.msg p {
	margin: 0.5em 0;
}
.msg strong {
	color: #DB0000;
}
/*重要*/
.attention {
	font-size: 112.5%;/*18px*/
	font-weight: bold;
}
#soryo .attention {
	border: 3px solid #E22626;
	padding: 10px;
}
/*限定表示*/
#mainbox_inner .item_info .limited {
	background-color: #C00;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-ms-border-radius: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;/*18px*/
	font-weight: bolder;
	color: #FFF;
	text-align: center;
	margin: 0.5em;
	padding: 0.1em;
}
/*注釈など*/
.notice {
	font-size: 75%;/*12px*/
}
.tokki_boder {
	border: 3px solid #C30;
	padding: 0.3em 0.5em;
	background-color: #FFEEEC;
}
/*個人情報の扱い*/
.privacy_policy {
	background-color: #FAFAD2;
	font-size: 87.5%;/*14px*/
	padding: 5px 10px;
}

.float_left {
	float: left;
	margin: 0 20px 20px 0; 
}
.float_right {
	float: right;
	margin: 0 0 20px 20px; 
}
.setphoto {
	text-align: center;
}
.setphoto.under {
	margin-top: -30px;
}
.clear {
	clear: both;
}
/*clearfix*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/*FontAwesomeをフォント指定*/
input[type=submit] {
	font-family: FontAwesome;
	font-size: 150%;
}


/*== ヘッダ =================================================*/
#header {
	position: relative;
	width: 98%;
	min-height: 50px;
	color: #fff;
	margin: 0 auto;
	padding-top: 12px;
}
#header h1 {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	margin: 0 55px 0 0;
	padding: 0;
}
#header #checkkago {
	position: fixed;
	top: 10px;
	right: 10px;
	z-index: 501;
	margin: 0;
}
#header #checkkago:after {
	/*display: block;
	content: "カート";
	text-align: center;
	font-size: 90%;
	text-shadow: 0 0 3px #000;*/
}
#header #checkkago .clickbutton {
	width: 45px;
	height: 45px;
	background-color: #fff;
	border: none;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-ms-border-radius: 6px;
	box-shadow: 0 0 5px #000;
	color: #221714;
}
#header #checkkago .clickbutton:hover {
	background-color: #E5D600;
}
#header ul {
	list-style-type: none;
	border-right: 1px solid #fff;
	text-align: right;
	font-size: 87.5%;/*14px*/
	line-height: 100%;
	margin: 0 60px 0 0;
	padding: 0;
}
#header ul li {
	display: inline;
	border-left: 1px solid #fff;
	margin: 0;
	padding: 0 0.5em;
}
#header a {
	color: #fff;
	text-decoration: none;
}
#header a:hover {
	color: #E5D600;
	text-decoration: underline;
}

/*== コンテナ ===============================================*/
#container {
	clear: both;
	width: 95%;
	max-width: 1000px;
	background: url(/mswp2015/image/menu_bg_height.jpg) repeat-y right top #fff;
	background-size: 23%;
	margin: 0 auto;
}
/*-- メインボックス -----------------------------------------*/
#mainbox {
	float: left;
	position: relative;
	width: 77%;
}
#mainbox_inner {
	/*box-shadow: inset #B4B4B4 -3px -3px 15px;*/
	padding: 20px 25px 50px;
}
#cat_page #mainbox_inner { /*カテゴリーページのみ*/
	padding-top: 260px;
}
/*-- カテゴリーページ<body id="cat_page"> --*/
#mainbox #page_ph {
	background: url(/mswp2015/image/body_bg.jpg) repeat center top;
	margin: 0;
	padding: 0 0 15px;
}
#cat_title {
	position: absolute;
	top: 175px;
	left: 25px;
	width: 93.5%;
	min-height: 200px;
	background: url(/mswp2015/image/cat_ti_bg.png) no-repeat left top;
	padding-top: 70px;
}
#cat_title h2 {
	font-size: 60px;
	margin: 0 0 0 70px;
	padding: 0;
}
#cat_title p {
	font-size: 24px;
	margin: 10px 0 0 125px;
}
/*アイテム詳細*/
#mainbox_inner .itemname {
	clear: both;
	border-bottom: 2px solid #1e3c50;
	font-size: 162.5%;/*26px*/
	color: #1e3c50;
	margin: 0;
	padding-top: 2em;
}
#mainbox_inner .itemname:nth-of-type(1) {
	padding-top: 0;
}
#mainbox_inner .itemname:before {
	font-family: FontAwesome;
	content:"\f111";
	color: #E5D600;
}
#mainbox_inner .item_info {
	margin-right: 30px;
	margin-left: 30px;
}
/*clearfix*/
.item_info:before,
.item_info:after {
    content: " ";
    display: table;
}
.item_info:after {
    clear: both;
}
.item_info {
    *zoom: 1;
}
#mainbox_inner .item_info p:nth-of-type(1) {
	font-size: 112.5%;/*18px*/
	font-weight: bold;
}
#mainbox_inner .tel_order {
	clear: both;
	background-color: #dde1e5;
	text-align: center;
	font-weight: bold;
	padding: 3px 5px 7px;
}
#mainbox_inner .tel_order * {
	margin: 0;
}
#mainbox_inner .tel_order h4 {
	font-size: 156.25%;/*25px*/
}
h3.itemname img {
	vertical-align: text-top;
}
/*購入フォーム*/
.item_info .kagobox {
	float: left;
	width: 48.5%;
	border-top: dotted 1px #DDE1E5;
	margin-bottom: 15px;
	padding-top: 15px;
}
.item_info .kagobox.half {
	width: 25%;
}
.item_info .kagobox.full {
	width: 100%;
}
.item_info .kagobox:nth-of-type(1),
.item_info .kagobox:nth-of-type(2) {
	border-top: none;
	padding-top: 0;
}
.item_info .kagobox:nth-of-type(even) {
	margin-left: 3%;
}
.item_info .kagobox .kagosize {
	font-size: 137.5%;
}
.item_info .kagobox .kagosize:before {
	font-family: FontAwesome;
	content:"\f04d";
	font-size: 88.888%;
	vertical-align: top;
}
.item_info .kagobox .kagosize sub {
	vertical-align: middle;
}
.item_info .kagobox .kagoprice strong {
	font-family: Arial, Helvetica, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
	font-size: 262.5%;
	color: #DB0000;
}
.item_info .kagobox .kagoprice strong span {
	font-size: 47.62%;/*20px*/
}
.item_info .kagobox .kagoamount,
.item_info .kagobox .ondotai {
	float: left;
	color: #1e3c50;
	min-height: 40px;
	margin-right: 1em;
}
/*-- 温度帯について --*/
.item_info .kagobox .ondotai select {
	width: 5em;
}
/* モーダルウィンドウ */
* {
	box-sizing: border-box;
}
.over-lay {
	content: '';
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	background-color: #999;
	opacity: 0.7;
	transform: translate(-50%, -50%);
}
.modal_wrap {}
.modal-open-btn {
	display: block;
	font-size: .9em;
	font-weight: bold;
	text-align: right;
	margin-bottom: 0.8em;
}
.modal-close-btn {
	cursor: pointer;
	display: inline-block;
	border: 1px solid #666;
	background-color: buttonface;
	text-align: center;
	margin: 0em;
	padding: 3px 10px;
}
.modal {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 95%;
	max-width: 800px;
	background-color: #fff;
	padding: 1em;
}
.modal h2 {
	font-size: 1.2em;
	margin: 0;
}
.modal p {
	font-size: 1em !important;
	font-weight: normal !important;
}
.modal ul {
	list-style: none;
	background-color: #eae7dc;
	border-radius: 10px;
	padding: 0.7em 0.5em 0.6em !important;
}
.modal ul strong {
	list-style: none;
}
/* モーダルを開いたとき */
.modal.active,
.over-lay.active {
	display: block;
}

.item_info .kagobox .clickbutton {
	background-color: #1e3c50;
	border: 3px solid #E5D600;
	font-family: FontAwesome, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif, Arial, Helvetica,;
	font-size: 100%;
	color: #fff;
	padding: 5px 10px;
}
.item_info .kagobox .clickbutton:hover {
	color: #E5D600;
}
.item_info select {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	text-indent: 1em;
	background-position: right center;
	height: 36px;
	line-height: 36px;
	font-size: 15px;
	vertical-align: middle;
	border: 1px solid #CCC;
	margin-bottom: 5px;
	background-color: #EEE;
	background-image: url(sale/img/arw_select_down.gif);
	background-repeat: no-repeat;
	background-size:30px 30px;
	width: 4em;
}
.item_info .sabaki select {
	width: 10em;
}
.sabaki {
	clear: both;
	margin-top: 1em;
}

/*細々した商品リスト*/
.other_item_list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.other_item_list li {
	float: left;
	width: 33.33333%;
	margin: 0 0 20px 0;
	padding: 0;
}
.other_item_list li img {
	width: 90%;
	maax-width: 180px;

}

/*-- カテゴリーページ以外 --*/
body:not(#cat_page) #mainbox h2 {
	font-size: 25px;
	color: #1e3c50;
	margin: 5px 0 20px 0;
}
body:not(#cat_page) #mainbox h2:before {
	font-family: FontAwesome;
	font-size: 28px;
	content:"\f192";
	color: #6c7a8b;
}
body:not(#cat_page) #mainbox h3 {
	background-color: #6c7a8b;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	margin-top: 40px;
	margin-bottom: 0;
	padding: 0 0.5em;
}
body:not(#cat_page) #mainbox h2+h3 {
	margin-top: 0;
}
body:not(#cat_page) #mainbox h3~dl,
body:not(#cat_page) #mainbox h3~ol,
body:not(#cat_page) #mainbox h3~ul,
body:not(#cat_page) #mainbox h3~h4,
body:not(#cat_page) #mainbox h3~h5,
body:not(#cat_page) #mainbox h3~p,
body:not(#cat_page) #mainbox h3~table,
body:not(#cat_page) #mainbox h4~h3~p,
body:not(#cat_page) #mainbox h4~h3~ul {
	margin-right: 20px;
	margin-left: 20px;
}
body:not(#cat_page) #mainbox h3~ol,
body:not(#cat_page) #mainbox h3~ul {
	margin-top: 1em;
}
body:not(#cat_page) #mainbox h4 {
	border-bottom: 1px solid #1e3c50;
	font-size: 16px;
	color: #1e3c50;
	margin-bottom: 0;
}
body:not(#cat_page) #mainbox h4:before,
body:not(#cat_page) #mainbox dt:before {
	font-family: FontAwesome;
	content:"\f111";
	color: #6c7a8b;
	margin-left: -1em;
}
body:not(#cat_page) #mainbox h4~p,
body:not(#cat_page) #mainbox h4~ul {
	margin-top: 0.6em;
	margin-left: 38px;
}
body:not(#cat_page) #mainbox h5 {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 0;
}
body:not(#cat_page) #mainbox h5:before {
	font-family: FontAwesome;
	content:"\f0c8";
}
body:not(#cat_page) #mainbox h5+table {
	margin-top: 0;
}
/*会社概要*/
#cominfo {}
#cominfo .photos img {
	max-width: 25%;
}
#cominfo dl {}
#cominfo dd {
	padding-left: 7em;
}
#cominfo dd span {
	font-weight: bold;
	letter-spacing: 0.3em;
}
#cominfo dd+dd {
	clear: both;
	margin-left: 7em;
	padding-left: 0;
}
#cominfo dd ul {
}
#cominfo dd li {
	float: left;
	margin-left: 1em;
	padding-right: 1em;
}
/*お買物ガイド*/
#guide {}
#guide dd {
	padding-left: 10em;
}
/*送料・お届けについて*/
#soryo {}
#soryo table {
	width: 94.5%;
}
#soryo table.soryodeta tr:nth-of-type(1) td {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	background-color: #1e3c50;
	color: #fff;
	white-space: nowrap;
}
#soryo table.soryodeta td {
	text-align: center;
}
#soryo table th ul {
	font-weight: normal;
}
#soryo table th li {
	float: left;
	margin-left: 1em;
	padding-right: 1em;
}
/*カタログ請求*/
#catalog {}
#catalog form {
	margin-left: 255px;
}
#catalog dt {
	clear: none;
}
#catalog dd {
	padding-left: 6em;
}
#catalog form dd input,
#catalog form dd textarea {
	width: 100%;
}
#catalog form p {
	text-align: center;
}
#catalog form p input.sendbutton {
	width: 4em;
	margin: 0 auto 20px;
}
.senduser input,.senduser textarea {
	font-size:1.3em;
	line-height: 1.5em;
}
/*お問合せ*/
#inquiry {}

/*-- サイドボックス -----------------------------------------*/
#sidebox {
	float: right;
	width: 23%;
	color: #fff;
}
#sidebox h3 {
	margin: 0;
	padding: 0;
}
#sidebox .cat_list,
#sidebox .shop_navi,
#sidebox .shopping_guide {
	margin: 0 20px;
	padding: 0;
}
#sidebox ul li {
	margin: 0;
	padding: 0;
}
#sidebox a {
	color: #fff;
	text-decoration: none;
}
#sidebox a:hover {
	color: #E5D600;
}
/*-- カテゴリーリスト --*/
#sidebox ul.cat_list {
	list-style: none;
	font-size: 125%;/*20px*/
}
#sidebox ul.cat_list li {
	text-shadow: #000 2px 2px 2px;
	line-height: 200%;
}
#sidebox ul.cat_list li:before {
	font-family: FontAwesome;
	content:"\f10c";
	color: #E5D600;
}
/*-- ガイドメニュー --*/
#sidebox ul.shop_navi {
	list-style: none;
	border-top: 2px dotted #fff;
	font-size: 93.75%;/*15px*/
	margin-top: 25px;
	padding-top: 25px;
}
#sidebox ul.shop_navi li {
	line-height: 250%;
}
#sidebox ul.shop_navi li:before {
	font-family: FontAwesome;
	content:"\f0da";
}
#sidebox ul.shop_navi a:hover {
	text-decoration: underline;
}
/*-- ショッピングガイド --*/
#sidebox .shopping_guide {
	border-top: 2px dotted #fff;
    margin-top: 25px;
    padding-top: 25px;
}
#sidebox .shopping_guide h4 {
	font-size: 112.5%;/*18px*/
	font-weight: normal;
	margin: 0 0 5px 0;
}
#sidebox .shopping_guide h4:before {
	font-family: FontAwesome;
	content:"\f04d";
	font-size: 88.888%;/*16px*/
	vertical-align: top;
}
#sidebox .shopping_guide strong,
#sidebox .shopping_guide h4~ul {
	color: #E5D600;
	font-weight: normal;
}
#sidebox .shopping_guide h4~ul {
	font-weight: normal;
	margin: 0.5em 0;
	padding: 0 0 0 1.5em;
}
#sidebox .shopping_guide p {
	font-size: 87.5%;/*14px*/
	margin-top: 0;
}

/*== フッタ =================================================*/
#footer {
	clear: both;
	width: 95%;
	max-width: 1000px;
	color: #fff;
	margin: 0 auto;
}
#footer ul {
	list-style-type: none;
}
#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	color: #E5D600;
}
/*-- カテゴリーリスト --*/
#footer .foot_cat_list {
	float: left;
	margin: 10px 0 0;
}
#footer .foot_cat_list h3 {
	float: left;
}
#footer .foot_cat_list ul {
	float: left;
    padding-left: 1.2em;
}
#footer .foot_cat_list ul li {
	font-size: 87.5%;/*14px*/
	line-height: 180%;
}
#footer .foot_cat_list ul li:before {
	font-family: FontAwesome;
	content:"\f10c";
	color: #E5D600;
}
#footer .foot_cat_list ul.featured li {
	font-size: 114.29%;/*16px*/
	line-height: 140%;
}
/*-- ガイドメニュー --*/
#footer ul.foot_shop_navi {
	clear: left;
	font-size: 75%;/*12px*/
	margin: 0;
	padding: 0;
}
#footer ul.foot_shop_navi li:first-child {
	padding: 0;
}
#footer ul.foot_shop_navi li {
	display: inline-block;
	border-right: 1px solid #fff;
	line-height: 100%;
	margin: 0;
	padding: 0 0.5em;
}
#footer ul.foot_shop_navi a:hover {
	text-decoration: underline;
}
/*-- 会社情報 --*/
#footer #com_info {
	float: right;
	font-size: 75%;/*12px*/
	margin: 10px 0;
	padding: 0;
}
#footer #com_info p {
	margin: 0;
	padding-left: 20px;
}
#footer #com_info p.shop_name {
	padding-left: 0;
}
/*このページの先頭へ*/
#footer #pagetop {
	position: fixed;
	bottom: 5px;
	right: 10px;
	margin: 0;
	padding: 0;
}
#footer #pagetop a {
	display: block;
	width: 55px;
	height: 55px;
	background-color: #E5D600;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-ms-border-radius: 50px;
	color: #221714;
	font-size: 75%;/*12px*/
	font-weight: bold;
	text-align: center;
	line-height: 80%;
}
#footer #pagetop a:hover {
	color: #fff;
}
#footer #pagetop i:before {
	padding: 0;
}
/*コピーライト*/
#copyright {
	clear: both;
	background-color: #221714;
	color: #fff;
	font-size: 62.5%;/*10px*/
	text-align: center;
	line-height: 200%;
	margin: 10px 0 0;
	padding: 0;
}
.frdel strong {
	font-size: 150%;
}

/* ========================================================
 Responsive settings Media query
=========================================================== */
/* -- #containerサイズ1000px以下(スクロールバー17px計算) -- */
@media screen and (max-width: 1017px) {
#container {}
#cat_page #mainbox_inner {
	padding-top: 0;
}
#cat_title {
	position: inherit;
	width: 100%;
	min-height: 240px;
	padding-top: 50px;
}
#cat_title h2 {
    margin-left: 30px;
}
#cat_title p {
	font-size: 20px;
    margin-top: 0;
    margin-left: 35px;
}
#cat_title p br {
	display: none;
}
}
/* -- iPad以下 -------------------------------------------- */
@media screen and (max-width: 767px) {
#container {
	background-image: none;
}
#mainbox {
	float: none;
	width: 100%;
}
.item_info .kagobox {
    float: none;
    width: 100%;
}
.item_info .kagobox:nth-of-type(even) {
	margin-left: 0;
}
#sidebox {
	display: none;
}
#footer #pagetop {
	display: none;
}
#catalog img.float_left {
	float: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
#catalog form {
	clear: both;
	margin-left: 0;
}
.over-lay {
	margin: 0 calc(50% - 50vw);
}
}
/* -- 微調整 ---------------------------------------------------------------------------- */
@media screen and (max-width: 950px) {
#footer .foot_cat_list {
    float: none;
    margin: 10px 0 5px;
}
#footer .foot_cat_list h3 {
    float: none;
	margin: 0 0 5px 15px;
}
#footer .foot_cat_list ul {
    margin: 0;
}
#footer #com_info {
	clear: both;
    float: none;
	margin-bottom: 20px;
	padding-top: 20px;
}
}
@media screen and (max-width: 1017px) and (min-width: 551px) {
#header ul {
    border-right: none;
    line-height: 150%;
}
#header ul li {
	display: inherit;
    border-left: none;
    margin: 0 0 0.5em 0;
    padding: 0;
}
}
@media screen and (max-width: 550px) {
#header ul {
	margin: 70px 0 .8em 0;
}
#mainbox dt {
	float: none;
	border-top: dotted 1px #6c7a8b;
	padding-bottom: 0;
}
#mainbox dt br {
	display: none;
}
body:not(#cat_page) #mainbox h4:before,
body:not(#cat_page) #mainbox dt:before {
	padding-left: 0;
}
#mainbox dd {
	border-top: none;
	padding-top: 0;
	padding-left: 2em !important;
}
#cominfo dd+dd {
    margin-left: 0;
}
#cominfo dd+dd {
    margin-left: 0;
}
}
@media screen and (max-width: 360px) {
#header ul li {
	padding: 0 0.25em;
}
}


/*買い物カゴを非表示（年末年始など）*/
form.kagobox input,/*買い物カゴ他*/
form.kagobox .kagoamount,/*数量*/
form.kagobox .sabaki,/*さばき方*/
.tel_order/*電話注文*/ {
	/*display: none;*/
}