@charset "utf-8";
/* CSS Document */

/* 共通
----------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

html{
	font-size: 62.5%;
	width: 100%;
}

body {
	font-size: 14px;
	font-family: Helvetica,Arial,sans-serif;
	-webkit-text-size-adjust: 100%;
	line-height: 1.7;
	background: #fff;
	width: 100%;
}

img {
	border: 0;
	border-style: none;
	outline: none;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul li {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
}

a {
	outline: none;
	color: #0000ff;
}

a img {
	outline: none;
}

a:hover img {
}

a:hover {
}

.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}


.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}

.no_padding {
	padding: 0 !important;
}



/* clearfix
----------------------------------------------------------- */

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
.clearfix{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}




/* ショッピングガイド 基本要素
----------------------------------------------------------- */

#shopping_guide {
	text-align: center;
	padding-bottom: 300px;
}

.sg_header {
	width: 100%;
	height: 40px;
	background: #003573;
	color: #fff;
	line-height: 40px;
	text-align: center;
	font-size: 1.4rem;
    font-weight: 700;
	margin-bottom: 20px;
}

.sg_lrbox_wrapper {
	width: 800px;
	margin: 0 auto 20px;
	text-align: left;
}

.sg_main {
	width: 550px;
	float: right;
	background: #fff;
}

.sg_main_padding {
	padding: 12px;
}

.sg_menu_link {
	display: none;
}

.sg_main_title {
	font-size: 2.0rem;
    font-weight: 700;
	border-bottom: 2px solid #000;
	margin-bottom: 15px;
}

.sg_main_text {
	margin-bottom: 40px;
	padding: 0 8px;
}

.sg_main_text h5 {
	font-size: 1.4rem;
	font-weight: normal;
	padding: 3px 0;
	margin-bottom: 8px;
	border-bottom: 1px solid #555;
}

.sg_main_text b {
	font-weight: normal;
	color: #ff0000;
}

.sg_main_mokuji {
	margin-bottom: 30px;
	color: #555;
}

.sg_main_mokuji li {
	margin-bottom: 10px;
}

.sg_main_mokuji a {
}

.sg_main_mokuji a:hover {
	color: #c8000a;
}

.sg_main_bar {
	padding: 5px 10px;
	background: #666;
	color: #fff;
	font-size: 1.4rem;
    font-weight: 700;
	margin-bottom: 10px;
}

.sg_main_annotation {
	padding: 12px;
	font-size: 1.2rem;
	background: #ffffcc;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}

.sg_menu {
	width: 220px;
	float: left;
}

.sg_menu a {
	display: block;
	text-decoration: none;
	color: #000;
}

.sg_menu a:hover {
	color: #c8000a;
}

.sg_menu_list {
	width: 220px;
	background: #fff;
	margin-bottom: 20px;
}

.sg_menu_list li {
	padding: 0 10px 0 0;
	text-indent: 5px;
}

.sg_menu_list li p {
	padding: 7px 0;
	border-bottom: 1px dotted #999;
}

.sg_menu_list li p.no_border {
	border-bottom: none;
}

.sg_menu_list .sg_menu_title {
	font-weight: 700;
	color: #fff;
	background: #666;
	padding-left: 10px;
}

.sg_menu_other {
	background: #fff;
	border: none;
}

.sg_menu_other li {
	padding: 0;
}

.sg_menu_other li p {
	border-bottom: none;
}


/* カードリスト
----------------------------------------------------------- */

.card_list {
	margin: 0 auto 20px;
	max-width: 480px;
}

.card_list li {
	float: left;
	line-height: 0;
	width: 94px;
	margin: 0 33px 33px;
}

.card_list li img {
	width: 100%;
}


/* テーブル
----------------------------------------------------------- */

.guide_table {
	margin-bottom: 20px;
}

.guide_table tr {
}

.guide_table td {
	padding: 15px 10px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px dotted #999;
	font-size: 1.4rem;
}

.guide_table td p {
}

.guide_table td.t_left {
	width: 120px;
}

.guide_table td.t_right {
}


/* Ｑ＆Ａページ
----------------------------------------------------------- */

.qaa_wrapper h5 {
	font-weight: bold;
	font-size: 1.6rem;
	color: #009;
}




/* ショッピングガイド スマホ向け
----------------------------------------------------------- */

@media screen and (max-width: 800px) {
   /* 表示領域が800px以下の場合に適用するスタイル */

#shopping_guide {
	padding-bottom: 0px;
}

.sg_main_text {
	padding: 0;
}

.sg_header {
	margin-bottom: 5px;
}

.sg_lrbox_wrapper {
	width: 100%;
}

.sg_main {
	width: 100%;
	float: none;
}

.sg_menu_link {
	display: block;
	margin-bottom: 15px;
}

.sg_menu {
	width: 100%;
	float: none;
}

.sg_menu_padding {
	padding: 0 12px;
}

.sg_menu_list {
	width: 100%;
}



/* テーブル */

.guide_table {
}

.guide_table tr {
}

.guide_table td {
	padding: 15px 0px !important;
}

.guide_table td p {
}

.guide_table td.t_left {
	width: 110px !important;
}

.guide_table td.t_right {
	padding-left: 10px !important;
}




}


/* サイズ詳細
----------------------------------------------------------- */

.size_img {
	margin-bottom: 15px;
}

.size_img img {
	width: 100%;
}



/* スタッフ紹介
----------------------------------------------------------- */

.staff_img {
	text-align: center;
	padding: 15px 0 30px;
}

.staff_img img {
	width: 80%;
}


/* 各サイト　display none
----------------------------------------------------------- */

.yahoo_only {
	display: none;
}

.rakuten_only {
	display: none;
}

.jisya_only {
	display: none;
}

.card_list li {
}

/* ショッピングガイド デモ時限定css
----------------------------------------------------------- */

.kakuni {
	color: #ff0000;
}