@charset "utf-8";

/* ===================================================================
CSS information
 file name  :  commont.css
 style info :  
=================================================================== */


/*--- reset */
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
/* 赤帯見出し処理2022-03-30 oda */
/* 更新2025-04-05 oda           */
.table-caption {
	height: 35px;
	line-height: 35px;
	background   : linear-gradient(to bottom, #ba6666, #8e0404);
	border-radius:5px;
	text-align: center;
	color: #fff;
	font-size:20px;
	font-weight:bold;
}
@media screen and (max-width: 427px){
   .table-caption {
       font-size:15px;
   }
}

/* **************************** */
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}
td img {
	vertical-align: bottom;
}

/*--- default */
body {
	background: #F5F5F5 url(https://file001.shop-pro.jp/PA01122/099/images/online_top_04.gif) left top repeat-x;
	color: #333;
	font-size: small;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
#header {
	position: relative;
	width: 1000px;
	height: calc(120px + 70px - 70px + 190px - 190px + 75px - 22px);
}

#header h1 {
	position: absolute;
	left: 0;
	top: 10px;
}
#header h1 {
	display: block;
	width: 251px;
	height: 69px;
}
#headlead {
	position: absolute;
	left: 0;
	top: 91px;
}


/* #utilityNav
----------------------------------------------------------- */
#header #utilityNav {
	position: absolute;
	left: 500px;
	top: 57px;
}

#header #utilityNav li {
	float: left;
	margin-right: 10px;
}
#header #utilityNav li.last {
	margin: 0;
}

/* #gNav
----------------------------------------------------------- */
#header #gNav {
	overflow: hidden;
}

* html #header #gNav {
	height: 1%;
}

#header #gNav li {
	float: left;
}

/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */
#footer {
	min-width: 1000px;
	height: 40px;
	background: url(https://file001.shop-pro.jp/PA01122/099/images/online_top_143.gif) left top repeat;
	border-top: 1px solid #939393;
}
#footer-inner {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
#address {
	position: absolute;
	left: 0;
	top: 13px;
}
#copyright {
	position: absolute;
	left: calc(664px - 90px);
	top: calc(13px - 2px);
}

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
}

a:link {
}

a:visited {
}

a:hover {
	text-decoration: none;
}

a:active {
}
/*--
p a img {
	overflow:hidden;
}

a img:hover {
	transform: scale(1.1, 1.1);
}
--*/

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
}

/* 外部リンクは別窓用の指定 */
.externalIcon {
	padding-left: 5px;
	vertical-align: middle;
}

/* clearfix */
#hoge:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* CSS3 animation using */
.blinking {
	animation: blink1 0.5s linear 0s infinite alternate none; /* remove "running" for IE11 */
	-webkit-animation: blink1 0.5s linear 0s infinite alternate none running;
	-moz-animation: blink1 0.5s linear 0s infinite alternate none running;
}
@keyframes blink1 {
	0% { opacity: 0}
	19.9% { opacity: 0}
	20% { opacity: 1}
	100% { opacity: 1}
}
@-webkit-keyframes blink1 {
	0% { opacity: 0}
	19.9% { opacity: 0}
	20% { opacity: 1}
	100% { opacity: 1}
}
@-moz-keyframes blink1 {
	0% { opacity: 0}
	19.9% { opacity: 0}
	20% { opacity: 1}
	100% { opacity: 1}
}

.blinking2 {
	animation: blink2 1.5s ease-in-out 0s infinite alternate none; /* remove "running" for IE11 */
	-webkit-animation: blink2 1.5s ease-in-out 0s infinite alternate none running;
	-moz-animation: blink2 1.5s ease-in-out 0s infinite alternate none running;
}
@keyframes blink2 {
	0% { opacity: 0}
	100% { opacity: 1}
}
@-webkit-keyframes blink2 {
	0% { opacity: 0}
	100% { opacity: 1}
}
@-moz-keyframes blink2 {
	0% { opacity: 0}
	100% { opacity: 1}
}

/*----------------------------------------------------
	#navSkip (NavigationSkip)
----------------------------------------------------*/
span#navSkip {
	position: absolute;
	top: 0;
	left: 0;
}


/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}


/*----------------------------------------------------
	#wrap
----------------------------------------------------*/
#wrap {
	width: 1000px;
	margin-bottom: 20px;
	padding-top: 10px;
	background: url(https://file001.shop-pro.jp/PA01122/099/images/online_top_30m.gif) left top no-repeat;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
	padding: 0 10px 10px;
	background: url(https://file001.shop-pro.jp/PA01122/099/images/online_top_134m.gif) left top repeat;
}

#contents .pageTop {
	clear: both;
	width: 730px;
	text-align: right;
}
.pageTop a {
	background: url(https://file001.shop-pro.jp/PA01122/099/images/pagetop.gif) right center no-repeat;
	padding-right: 12px;
}
#contentsbottom {
	padding-bottom: 10px;
	background: url(https://file001.shop-pro.jp/PA01122/099/images/online_top_135m.gif) left top no-repeat;
}


/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/
#main {
	float: right;
	width: 730px;
}

#main table,#main ol,#main ul,#main dl,#main blockquote,#main pre,#main p {
	margin-bottom: 1em;
}

#main h2 {
	margin-bottom: 15px;
}
/* バナー拡大処理2022-03-12 oda */
#main {
	overflow:hidden;
}
#main td {
	overflow:hidden;
}
#main a img:hover {
	transition-property: transform,opacity;
	transition-duration: .6s;
	transition-timing-function: cubic-bezier(.745,.005,.27,1.005);
	transform: scale(1.05, 1.05);
}
/* **************************** */

#whatsnew {
	margin-bottom: 10px;
	padding-top: 5px;
	background: url(https://file001.shop-pro.jp/PA01122/099/images/online_top_66.gif) left top no-repeat;
}
#whatsnew-inner {
	padding: 10px;
	background: #8c0000 url(https://file001.shop-pro.jp/PA01122/099/images/online_top_72.gif) left bottom no-repeat;
}
#whatsnew-inner h2 {
	float: left;
}
#whatsnew dl {
	display: block;
	width: 610px;
	height: 100px;
	overflow: auto;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	margin-left: 90px;
	color: #FFF;
}
#whatsnew dl dt {
	float: left;
}
#whatsnew dl dd {
	padding-left: 7em;
}




/* -----------------------------------------------------------
	#sub
		サイドバー、サブ
----------------------------------------------------------- */
#sub {
	float: left;
	width: 230px;
}
#sub h2 {
	margin-bottom: 10px;
}
#menu-recommend {
	margin: 0 0 10px 15px;
	background: url(https://file001.shop-pro.jp/PA01122/099/images/online_top_44.gif) left top repeat-x;
}
#menu-recommend li {
	padding: 5px 0;
	background: url(https://file001.shop-pro.jp/PA01122/099/images/online_top_44.gif) left bottom repeat-x;
}
#menu-recommend li a {
	background:url(https://file001.shop-pro.jp/PA01122/099/images/online_top_48.gif) left center no-repeat;
	padding-left: 10px;
}
#menu-standard {
	margin: 0 0 10px 15px;
	background: url(https://file001.shop-pro.jp/PA01122/099/images/online_top_56.gif) left top repeat-x;
}
#menu-standard li {
	padding: 5px 0;
	background: url(https://file001.shop-pro.jp/PA01122/099/images/online_top_56.gif) left bottom repeat-x;
}
#menu-standard li a {
	background: url(https://file001.shop-pro.jp/PA01122/099/images/online_top_62.gif) left center no-repeat;
	padding-left: 10px;
}
#menu-group {
	margin: 0 0 10px 15px;
	background: url(https://file001.shop-pro.jp/PA01122/099/images/online_top_53.gif) left top repeat-x;
}
#menu-group li {
	padding: 5px 0;
	background: url(https://file001.shop-pro.jp/PA01122/099/images/online_top_53.gif) left bottom repeat-x;
}
#menu-group li a {
	background: url(https://file001.shop-pro.jp/PA01122/099/images/online_top_54.gif) left center no-repeat;
	padding-left: 10px;
}
#menu-help {
	margin: 0 0 10px 15px;
	background: url(https://file001.shop-pro.jp/PA01122/099/images/online_top_81.gif) left top repeat-x;
}
#menu-help li {
	padding: 5px 0;
	background: url(https://file001.shop-pro.jp/PA01122/099/images/online_top_81.gif) left bottom repeat-x;
}
#menu-help li a {
	background: url(https://file001.shop-pro.jp/PA01122/099/images/online_top_85.gif) left center no-repeat;
	padding-left: 10px;
}
#menu-info {
	margin: 0 0 10px 15px;
	background: url(https://file001.shop-pro.jp/PA01122/099/images/online_top_44.gif) left top repeat-x;
}
#menu-info li {
	padding: 5px 0;
	background: url(https://file001.shop-pro.jp/PA01122/099/images/online_top_44.gif) left bottom repeat-x;
}
#menu-info li a {
	background:url(https://file001.shop-pro.jp/PA01122/099/images/online_top_48.gif) left center no-repeat;
	padding-left: 10px;
}

/* ------------------------------------- 
 *	会員専用ページ
 * ------------------------------------- */
.grayzone {
	margin-bottom:15px;
	background:#FFF;
	border:1px #FF9900 solid;
}

.grayzone dt {
	font-weight:bolder;
	margin:5px;
	padding-top:3px;
}
.grayzone dd {
	margin-bottom: 10px;
}
.grayzone dd #btn_members_login,
.grayzone dd #btn_members_signup,
.grayzone dd #btn_members_logout {
	text-align:center;
}

.grayzone dd #btn_members_signup {
	padding-top:7px;
	margin-top:7px;
	border-top:2px #FFF dotted;
}

.grayzone dd #btn_members_signup span,
.grayzone dd #btn_members_logout span {
	font-size:10px;
	line-height:1.1em;
	display:block;
	padding-bottom:5px;
}


/* ------------------------------------- 
 *	メールマガジン登録・解除
 * ------------------------------------- */

dl#mailmaga {
	margin-bottom: 15px;
	border:1px #8F826C solid;
}

dl#mailmaga dt {
	border-bottom:1px #8F826C dotted;
	margin:5px;
	font-weight:bolder;
}

dl#mailmaga dd {
	text-align:center;
	margin-bottom:5px;
}

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

 *	検索
 * ------------------------------------- */
#siteSearch {
	margin: 15px 0;
	padding: 10px;
	background: #ccc;
}
/* ------------------------------------- 

 *	feed
 * ------------------------------------- */
#feed {
	text-align:center;
	}
#feed img {
	width:57px;
	height:15px;
	margin:5px;
	}


/* ************************************************ 
 *	メインエリア
 * ************************************************ */

table.box {
	width:99.5%;
	margin:0px auto 20px auto;
	}

/* ------------------------------------- 
 *	アイテムエリアの設定（商品を複数個横に並べる表示の設定）
 * ------------------------------------- */

.itemarea {
	margin:5px 0;
	padding: 0 3px;
	width:175px;
	float:left;
	text-align:center;
}

/* ------------------------------------- 
 *	パンくずナビ
 * ------------------------------------- */

.pankuzu {margin-bottom:20px;}

/* ------------------------------------- 
 *	カレンダー
 * ------------------------------------- */

.tbl_calendar {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 4px !important;
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
}

.section__title-h2 {
  margin: 0;
  padding-bottom: 20px;
  border-bottom: 3px solid <{$bordercolor_secondary}>;
  font-size: 16px;
  background: url(https://img.shop-pro.jp/tmpl_img/81/spacer.png) no-repeat;
}

/* --- 新着情報エリア --- */
div.update {
width: 400px; /* 新着情報エリアの幅 */
background: #F0FFFF;
font-size: 100%;
}

/* --- 見出し --- */
div.update h3 {
margin: 0 0 5px; /* 見出しのマージン（上、左右、下） */
font-size: 100%;
}

/* --- 新着リスト --- */
div.update dl {
width: 100%; /* 新着リストの幅 */
margin: 0;
border-top: 1px #c0c0c0 dotted; /* 新着リストの上境界線 */
}

/* --- 日付エリア --- */
div.update dt {
width: 6.7em; /* 日付エリアの幅 */
float: left;
padding: 7px 0 6px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 120%;
}

/* --- 本文エリア --- */
div.update dd {
margin: 0;
padding: 7px 3px 6px 6.6em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 120%;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}