/* ************************************************
 * ------------------------------------------------
 *	共通設定
 * ------------------------------------------------
 * ************************************************ */

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

/* default property reset */
*{
	font-family: "ＭＳ Ｐゴシック", "sans-serif", "verdana", "helvetica", "osaka";
}

form{
	margin:0px;
	padding:0px;
}

a {
	color: #5F5F5F;
}

img {
	border:none;
	vertical-align: bottom;		/* IE & FireFox bug fix */
}

h1, h2, h3, h4 {
	font-weight: normal;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

p{
	margin:0 0 1em 0;
	padding:0px;
}

ul,ol,dl{
	list-style:none;
	margin: 0px;
	padding: 0px;
}

li{
	display:list-item;
	zoom:normal;
	margin: 0px;
	padding: 0px;
}

dt, dd {
	margin: 0px;
}

br.clear{
	height:0;
	line-height:0;
	font-size:0;
	clear:both;
}

.overflow {
	overflow: hidden;
}


a:link    {color: <{$productname_color}>;}
a:visited {color: <{$productname_color}>;}
a:active  {color: <{$productname_color}>;}
a:hover   {color: <{$productname_hover}>;}

body *{line-height:1.22em;}
/* body * {line-height:1.22em;} について */
/*
各フォントサイズ毎に行間を算出する指定です。
この指定を削除すると、全体の行間は統一される為、
見た目のレイアウトが変更される場合があります。
*/

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


body {
	font-size: 12px;
	line-height:170%;
	background-color:#FFFFFF;
	color:#333333;
	margin: 0px;
	padding: 0px;
	}

img {
	 vertical-align:bottom;
	}

.bold {
	font-weight:bold;
	}

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

a:link    { text-decoration:none;}
a:visited { text-decoration:none;}
a:active  { text-decoration:none;}
a:hover   { text-decoration:none; }

br.clear{
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
	margin:0;
	padding:0;
}

.backtop{
	text-align:right;
	padding:30px 0 15px 0;
	width:960px;
	overflow:hidden;
	margin:0 auto;
}

#navi_bar{
	background-image:url("https://img08.shop-pro.jp/PA01199/136/etc/str_navi_bar_bg.png?cmsp_timestamp=20170315000000");
	background-repeat:repeat-x;
	height:20px;
	padding:10px 0 0 0;
}

#navi_bar .wrapper{
	width:960px;
	overflow:hidden;
	margin:0 auto;
}

#navi_bar h1{
	float:left;
	display:inline;
	width:380px;
	margin-left:10px;
	font-size:12px;

}

#navi_bar .menu{
	float:right;
	display:inline;
	width:570px;
}

#navi_bar .menu ul li{
	float:right;
	display:inline;
	margin-right:10px;
}

#navi_bar .menu ul li a{
	text-decoration:underline;
}

#navi_bar .menu ul li a:hover{
	text-decoration:none;
	color:#2d52a8;
}


#header{
	background-image:url("https://img08.shop-pro.jp/PA01199/136/etc/str_search_bar_bg.png?cmsp_timestamp=20170315000000");
	background-repeat:repeat-x;
	background-position:bottom;
	height:110px;
}

#header .wrapper{
	width:960px;
	overflow:hidden;
	margin:0 auto;
}

#header .left{
	width:668px;
	float:left;
	display:inline;
	overflow:hidden;
}

#header .left .logo{
	width:430px;
	height:70px;
	float:left;
	display:inline;
	overflow:hidden;
}

#header .left .logo strong{
	margin-left:12px;
	font-weight:normal;
}

#header .left .login{
	width:230px;
	height:25px;
	margin-top:37px;
	float:left;
	display:inline;
	overflow:hidden;
}

#header .left .search_box{
	height:20px;
	padding:10px;
}


#header .right{
	width:292px;
	float:left;
	display:inline;
	overflow:hidden;
	text-align:left;
}

#header .right .cart_title{
	height:32px;
	padding:12px 0 0 0;
}

#header .right .notes{
	width:272px;
	height:53px;
	margin-left:10px;
	background-image:url("https://img08.shop-pro.jp/PA01199/136/etc/str_cart_box.png?cmsp_timestamp=20170315000000");
	background-repeat:no-repeat;
}

#header .right .notes .num{
	float:left;
	display:inline;
	width:120px;
	margin-left:14px;
	font-size: 14px;
	line-height: 1.6;
}

#header .right .notes .button{
	float:left;
	display:inline;
	width:120px;
	margin-left:10px;
	margin-top:12px;
}

#b_navi{
  margin:8px 0 5px 10px;
  font-size:13px;
  clear:both;
}

#b_navi a{
text-decoration:underline;
color:#333333;
}

#contents_area{
	width:960px;
	margin:10px auto 0 auto;
}

#contents_area #side_contents{
	overflow:hidden;
	width:185px;
	float:left;
	display:inline;
}

#contents_area #side_contents .category_box{
	overflow:hidden;
	width:185px;
	margin-bottom:10px;
  border-radius: 5px;
  background-color:#e7e7e7;
  padding: 0 0 5px 0;
}


#contents_area #side_contents .category_box h3{
  padding: 8px 10px 6px 10px;
  font-size: 12px;
  font-weight:bold;
}

#contents_area #side_contents .category_box .bottom{
	height:8px;
	overflow:hidden;
	line-height:0;
	font-size:0;
}

#contents_area #side_contents .category_box ul{
	background-image:url("https://img08.shop-pro.jp/PA01199/136/etc/str_side_body_bg.png?cmsp_timestamp=20170315000000");
	background-repeat:repeat-y;
	padding:5px 5px 0 5px;
}

#contents_area #side_contents .category_box li{
	margin:0;
	width:175px;
/*	height:20px; */
	line-height:20px;
	padding:0 0 5px 0;
	background-image:url("https://img08.shop-pro.jp/PA01199/136/etc/str_side_border.png?cmsp_timestamp=20170315000000");
	background-position:bottom;
	background-repeat:no-repeat;
	font-size:14px;
}

#contents_area #side_contents .category_box li a{
	background-image:url("https://img08.shop-pro.jp/PA01199/136/etc/str_footer_arrow.png?cmsp_timestamp=20170315000000");
	background-repeat:no-repeat;
	background-position:left 5px;
	padding-left:10px;
	margin-left:5px;
	display:block;
}

#contents_area #side_contents .category_box li a:hover{
	background-image:url("https://img08.shop-pro.jp/PA01199/136/etc/str_footer_arrow_on.png?cmsp_timestamp=20170315000000");
	background-repeat:no-repeat;
	background-position:left 5px;
	padding-left:10px;
	margin-left:5px;
	color:#2D52A8;
}

#contents_area #side_contents .nobg{
	background-image:none !important;
}


#contents_area #side_contents .time_table{
	width:185px;
	overflow:hidden;
	margin-top:20px;
  margin-bottom:20px;
}

#contents_area #side_contents .time_table .title{
	margin-bottom:10px;
}

#contents_area #side_contents .time_table .time{
	line-height:19px;
	font-weight:bold;
	color:#666666;
	background-image:url("https://img08.shop-pro.jp/PA01199/136/etc/str_time_table_border.gif?cmsp_timestamp=20170315000000");
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:0 2px 11px 2px;
	margin:0 5px;
	font-size:13px;
}

#contents_area #side_contents .time_table .notice{
	padding:10px 7px 0px 7px;
	color:#666666;
	font-size:13px;
}


#contents_area #side_contents .banner{
  margin-bottom:10px;
}


#contents_area #main_contents{
	float:left;
	display:inline;
	width:765px;
	margin-left:9px;
}

#footer{
}

#footer #footer_notice{
	width:960px;
	margin:0 auto 15px auto;
	overflow:hidden;
}

#footer #footer_notice .wrapper{
	width:973px;
}

#footer #footer_notice .notice_box{
	width:212px;
	height:200px;
	border:solid 1px #cccccc;
	overflow:hidden;
	padding:16px 8px 0px 8px;
	float:left;
	display:inline;
	margin-right:13px;
	color:#666666;
	line-height:1.3 !important;
}

#footer #footer_notice .notice_box .title{
	margin-bottom:12px;
}

#footer #footer_notice .notice_box ul li{
	margin-left:17px;
}

#footer #footer_notice .notice_box a{
	text-decoration:underline;

}

#footer #footer_notice .notice_box a:hover{
	color:#2D52A8;
	text-decoration:none;
}

#footer #footer_notice .notice_box ul li a{
	padding-left:14px;
	background-image:url("https://img08.shop-pro.jp/PA01199/136/etc/str_footer_arrow.png?cmsp_timestamp=20170315000000");
	background-repeat:no-repeat;
	background-position:left;
	line-height:1.5;
	text-decoration:underline;

}

#footer #footer_notice .notice_box ul li a:hover{
	padding-left:14px;
	background-image:url("https://img08.shop-pro.jp/PA01199/136/etc/str_footer_arrow_on.png?cmsp_timestamp=20170315000000");
	background-repeat:no-repeat;
	background-position:left;
	color:#2D52A8;
	text-decoration:none;
}



#footer #footer_notice .notice_box a.f12{
	padding-left:14px;
	margin-top:15px;
	background-image:url("https://img08.shop-pro.jp/PA01199/136/etc/str_footer_arrow.png?cmsp_timestamp=20170315000000");
	background-repeat:no-repeat;
	background-position:left;
	line-height:1.5;
	text-decoration:underline;
	display:block;
	float:right;
}

#footer #footer_notice .notice_box ul li a.f12:hover{
	padding-left:14px;
	background-image:url("https://img08.shop-pro.jp/PA01199/136/etc/str_footer_arrow_on.png?cmsp_timestamp=20170315000000");
	background-repeat:no-repeat;
	background-position:left;
	color:#2D52A8;
	text-decoration:none;
}
#footer #footer_notice .notice_box .link_box{
	text-align:right;
}

#footer #footer_menu{
	/* height:238px; */
	padding:16px 0 0 0;
	/*
	background-image:url("https://img08.shop-pro.jp/PA01199/136/etc/str_footer_menu_bg.png?cmsp_timestamp=20170315000000");
	background-repeat:repeat-x;
	*/

	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ebebeb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */

}

#footer #footer_menu .wrapper{
	width:960px;
	margin:0 auto;
	overflow:hidden;
}

#footer #footer_menu .wrapper .category_wrapper{
  column-width: 215px;
  column-gap: 15px;
  width: 720px;
  margin-left:10px;
  float:left;
}


#footer #footer_menu .menu_box{
}

#footer #footer_menu .menu_box h3{
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}

#footer #footer_menu .menu_05{
	width:215px;
	float:left;
	display:inline;
}

#footer #footer_menu .menu_05 a{
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}

#footer #footer_menu .title{
	margin-bottom:10px;
}

#footer #footer_menu ul{
	margin-bottom:10px;
}

#footer #footer_menu ul li{
}

#footer #footer_menu ul li a{
	padding-left:14px;
	background-image:url("https://img08.shop-pro.jp/PA01199/136/etc/str_footer_arrow.png?cmsp_timestamp=20170315000000");
	background-repeat:no-repeat;
	background-position:left;
	color:#666666;
	line-height:1.5;
}

#footer #footer_menu ul li a:hover{
	padding-left:14px;
	background-image:url("https://img08.shop-pro.jp/PA01199/136/etc/str_footer_arrow_on.png?cmsp_timestamp=20170315000000");
	background-repeat:no-repeat;
	background-position:left;
	color:#2D52A8;
}

#footer #footer_copyright{
	height:60px;
	background-image:url("https://img08.shop-pro.jp/PA01199/136/etc/str_footer_bg.png?cmsp_timestamp=20170315000000");
	background-repeat:repeat-x;
}

#footer #footer_copyright .wrapper{
	width:100%;
	margin:0 auto;
	padding:10px 35px 31px 0;
	text-align:right;
}


#countries{
	background-color:#ffffff;
	border:solid 1px #cccccc;
	margin:25px 0 20px 0;
	padding:11px;
	clear:both;
	font-size:11px;
	line-height:1.7;
}

#countries h3{
	margin:0 0 10px 0;
}

#countries p{
	margin:0;
}

#countries a{
	text-decoration:underline;
	line-height:1.7;
}


#top_news{
    font-size: 12px;
    height: 30px;
    box-shadow: 0 3px 3px rgba(0,0,0,0.1);
}

#top_news dl{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  margin:auto;
  width:940px;
  line-height: 30px;
  display:block;
}

#top_news dt,#top_news dd{
  display:inline;
  margin:0;
  padding:0;
}
#top_news .date{
   color: #666666;
  margin-right:6px;
}

#top_news .note{
  margin-right:15px;
}

#top_news .news_title{
  margin-right:8px;
}



/* フリーページ6用 */

#free_page_6 #b_navi{
margin:8px 0 5px 10px;
font-size:13px;
}

#free_page_6 #b_navi a{
color:#333333;
}

#free_page_6 #main_contents{
width:950px !important;
}

#free_page_6 #main_contents .contents_title{
width:950px;
height:41px;
background-color:#cccccc;
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='4', MakeShadow='true', ShadowOpacity='0.2');
box-shadow:3px 2px 10px -3px #969696;
}
#free_page_6 #main_contents .contents_title img{
position:relative;
}

#free_page_6 #area_menu{
overflow:hidden;
margin:0 0 25px 0;
}

#free_page_6 #area_menu .text{
width:924px;
font-size:14px;
line-height:1.35;
margin:20px 0 28px 10px;
}
#free_page_6 #area_menu .text a{
text-decoration:underline;
}
#free_page_6 #area_menu .caution{
font-size:13px;
}

#free_page_6 #contents_box{
}
#free_page_6 #contents_box h3{
margin:0 0 5px 0;
}
#free_page_6 #contents_box table{
border:#464646 solid 1px;
font-size:12px;
border-collapse: collapse;
color:#333333;
width:950px;
}

#free_page_6 #contents_box table th{
vertical-align:middle;
border:#464646 solid 1px;
font-weight:normal;
}

#free_page_6 #contents_box table .title{
font-weight:bold;
}

#free_page_6 #contents_box table .green{
background-color:#BEE6BD;
}

#free_page_6 #contents_box table .orange{
background-color:#EECDA6;
}

#free_page_6 #contents_box table .blue{
background-color:#ACC7EE;
}

#free_page_6 #contents_box table .red{
background-color:#FCA9A9;
}

#free_page_6 #contents_box table td{
vertical-align:middle;
border-bottom:#96A8D3 dotted 1px;
border-right:#96A8D3 dotted 1px;
text-align:center;
}

#free_page_6 #contents_box table .country{
text-align:left;
padding-left:4px;
}

#free_page_6 #contents_box table .country a{
color:#333333;
}
#free_page_6 #contents_box table .country .en{
font-size:10px;
color:#878787;
}
#free_page_6 #contents_box .detail{
color:#333333;
font-size:13px;
margin:10px 0 0 15px;
line-height: 1.8;
}

#free_page_6 #main_contents .page_top{
font-size:14px;
font-weight:bold;
text-align:right;
margin:25px 0 15px 0;
text-decoration:underline;
}

#free_page_6 #main_contents .page_top a{
color:#2D52A8;
}



/*	20200819追加 */


rank-box {
  position: absolute;
  top: 20px;
  left: 10px;
  z-index: 5;
}

rank-box--sidebar {
  top: 10px;
}

rank-number {
  padding: 8px 0 0;
  background: #fff;
  color: #000;
  font-weight: bold;
  border-radius: 50%;
  width: 40px;
  height: 32px;
  display: block;
  text-align: center;
}

rank-number--sidebar {
  padding: 4px 0 0;
  width: 22px;
  height: 18px;
}

rank-number-color--1 {
  background: #ffea22;
}

rank-number-color--2 {
  background: #cbcbcb;
}

rank-number-color--3 {
  background: #d9a300;
}

.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;
}







/*年齢確認画面カスタマイズ*/
#main_i {
border: none;
padding-top: 0;
}
#main_i form {
background: url(https://img08.shop-pro.jp/PA01199/136/etc/str_telephone_shopping_flow_title_03.jpg?cmsp_timestamp=20230112122114) no-repeat center top;
padding-top: 180px;
}
#main_i form img {
display: none;
}
#validation_select_yes,
#validation_select_no {
margin: 20px;
}
#validation_select_yes a,
#validation_select_no a {
color: #fff;
text-decoration: none;
padding: 20px 40px;
background: #E47911;
border-radius: 8px;
}
#validation_select_no a {
background: #ccc;
}

#validation_select_yes a:hover,
#validation_select_no a:hover {
text-decoration: none;
opacity: 0.9;
}
#validation_txt_sub_i {
margin-bottom: 30px;
}
#logo_i a {
text-decoration: none;
}