/* ************************************************ 
 * ------------------------------------------------
 *	共通設定
 * ------------------------------------------------
 * ************************************************ */
 
/*****各ページの謎の空白を消去する記述*****/
*{
margin: 0;
padding: 0;
}

/* --- Reset Start --- 
   --- 各ブラウザ間の表示を統一する為の記述です --- */
#gmo_CMSPbar {display: none;}


#body{
margin:0px auto; 
  width:950px; 
  text-align:left; 
  background-color:#ffffff; 

}
#body_1{
margin:0px auto;
  width:990px;
  text-align:left; 
  background-color:#ffffff; 
overflow: hidden;
}
#body_2{
margin:0px auto; 
  width:970px;
  text-align:left; 
  background-color:#ffffff; 
  /* padding:28px 0 0px; */
  padding: 210px 0 0px;
  overflow: hidden;
}

#body_2 .slider{
margin:0px auto; 
  width:950px;
  text-align:center; 
  padding:10px 0 0px;
  overflow: hidden;
}
#header-top{
height:145px;
  position: absolute !important;
}
#main{
  margin-top:40px;
  width:950px; 

}
#main_right{
 width:726px;
  float:right;
}
#side{
 width:260; 
float:left;
}


#side_area div.facebook{
    border: 0 none !important;
    float: left !important;
    height: 23px !important;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
    text-indent: 0 !important;
   font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MSゴシック","Osaka","MS PGothic", cursive;
}
.facebook{
    width: 85px;
}


#side_area div.twitter{
    border: 0 none !important;
    float: left !important;
    height: 23px !important;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
    text-indent: 0 !important;
}

.fixed{
    position: fixed;
    top:200px;

}

div#sidemenubar ol{
    width: 195px;
    background-color:#77933c; 

    border:1px solid D0BA56;
    z-index: 1;
    margin:0 0 20px 0;
}

div#sidemenubar .a{
    display: block;
    margin: 20px 5px 20px 5px;
    text-decoration: none;
    line-height: 3em;
    padding: 0 0 0 10px;
   font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MSゴシック","Osaka","MS PGothic", cursive;
}

div#sidemenubar ol li{
    position: relative;
    list-style: none;
    border-bottom:1px dashed #ffffff;
    line-height: 3em;
    text-decoration: none;
    padding:0 0 0 10px;
}


div#sidemenubar ol li ol{
    width: 195px;
    position: absolute;
    left: 150px;
    top: 0;
    visibility: hidden;
    z-index: 2; 
}
div#sidemenubar ol li a{
color:#ffffff;
  font-weight:bold;
  text-decoration:none;
}

div#sidemenubar ol li:hover{
	background-color:#76b900;
}


div#sidemenubar ol li:hover a:hover{
    text-decoration: none;
}


div#sidemenubar ol li:hover ol{
    visibility: visible;
}


div#sidemenubar ol li li{
    background: #DDCC83;
    border-bottom:1px solid #b8a23e;
    padding:0 0 0 10px;
}
.sidemenubar_font16{
font-size:16px;
}
.sidemenubar_font15{
font-size:15px;
}
#sidemenubar_font13{
font-size:13px;
}
#menubar ol{
margin:10px;
}

#menubar .a{
display: block; margin: 0.5em; color: #ff5500; text-decoration: none;
}

div#menubar ol{
margin: 0px; padding: 0px;
}

div#menubar ol li{
float: left; position: relative; list-style: none; margin: 10px 5px 10px 5px;
}


div#menubar ol li ol{
width: 600px; position: absolute; left: 0px; top: 2em; visibility: hidden;
}


div#menubar ol li:hover{
background: #eedede;
}


div#menubar ol li:hover a:hover{
text-decoration: underline;
}


div#menubar ol li:hover ol{
visibility: visible;
}


div#menubar ol li li{
background: #eeeeee;
}

.propolis-desc{
    margin:20px 0 20px 0;
    width:726px;
}

.propolis-desc .f-ban li{
    float: left;
}


.propolis-desc .f-ban p{
    width:230px;
    padding:10px 0 10px 0;
    text-align:center;
}


.propolis-desc .f-ban p.right{
    width:230px;
    padding:10px 0 10px 0;
    text-align:center;
}

.propolis-desc a
   {
    display:block;
    width:230px;
    height:100%;
    text-decoration:none;
    border:solid 2px #ff6600;
    background-color:#ff6600;
    color:#ffffff;
    font-weight:bold;
    margin:0 12px 0 0;
   }


.propolis-desc a:hover
   {
    color:#ff6600;
    background-color:#ffffff;
   }


.propolis-desc .right a{
    margin:0;
}



#said_e_shops{
text-align:center;
}
hr {
    display: block;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    border-style: inset;
    border-width: 1px;
}
/* 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 * { word-break:break-all;}
/* line-height:1.22em;について */
/*
各フォントサイズ毎に行間を算出する指定です。
この指定を削除すると、全体の行間は統一される為、
見た目のレイアウトが変更される場合があります。
*/

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

body {
    font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MSゴシック","Osaka","MS PGothic";
	line-height:200%;
	margin:0px;
	padding:0px;
	text-align:center;
	font-size:20px;
	color:#404040;
       background-attachment : fixed;
       background-image : url('https://img17.shop-pro.jp/PA01269/826/etc/%A5%D7%A5%ED%A5%DD%A5%EA%A5%B9%BA%CE%BC%E8%B8%B6%CC%EE171KB.jpg?cmsp_timestamp=20170310143944');
       background-position : top; 
       background-repeat : repeat-x;
       -moz-background-size:cover;
       background-size:cover;
	}

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

/* テーブルサイズ */
.table_width1{
  width:726px;
}
.table_width2{
  width:363px;
}

/* ************************************************ 
 *	ヘッダー
 * ************************************************ */
#header {
  width:990px;
  background-color:#fff;
  padding:5px 0px 0px 0px;
position:fixed;
  top:0;
      z-index: 10;
 font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MSゴシック","Osaka","MS PGothic", cursive;
  transition: .2s;
  }
#header li{
  float:left;
}
#header_top {
	overflow:hidden;
	position:relative;
	margin-bottom:50px;
}

.title {
float:left;
margin:0 10px 3px 0;
	}
                  #title_font{
                  display:none;
                  }
#form_1{
position:relative;
  top:5px;
	}
#form_2 img{
margin-right:10px
}
select{
width:230px;

}

#title img{
margin:0 0 0 10px ;
}
#tel_3{
display:none;
}




/* ************************************************ 
 *	ヘッダーメニュー
 * ************************************************ */






.title a         {color:<{$shop_title_fontcolor}>;}
.title a:link    {color:<{$shop_title_fontcolor}>; text-decoration:none;}
.title a:visited {color:<{$shop_title_fontcolor}>; text-decoration:none;}
.title a:active  {color:<{$shop_title_fontcolor}>; text-decoration:none;}
.title a:hover   {color:<{$shop_title_fontcolor}>; text-decoration:none;}




#nav{
	width:100%;
	text-align: center;
	overflow:hidden;
}


#nav ul {
	background-color:#77933c;
	display: table;
	margin: 0;
	table-layout: fixed;
  padding:10px 0;

}
#nav ul li {
	display: table-cell;
}
#nav li {
  border-right:solid 1px #ffffff;
	float:left;
	list-style:none;
	margin:0;	


}

#nav li a {
padding:8px 0 ;
	display: block;
	height:25px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
  	font-size:16px;
 font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MSゴシック","Osaka","MS PGothic", cursive;
}
#nav li a:hover {
  padding:11px -2px 2;
	background-color:#76b900;
width:90%;
margin:0 auto;
}

#nav li:last-child{
	border-right: none;
	}

#nav1{
	background-color:#77933c;
	padding:2px 5px;
	color:#ffffff;
  font-weight:bold;
	font-size:16px;
	border-bottom:1px solid #ffffff;
}

#nav1:hover{
		background-color:#76b900;
	color:#ffff00;

}

#nav2 {width:120px;}
#nav3 {width:120px;}
#nav4 {width:150px;}
#nav5 {width:155px;}
#nav6 {width:240px; font-size:15px;}
#nav7 {width:157px;}
#nav8{width:160px;}


#nav_2{
display:none;
}



#gbn9 {
width:225px
}
#gbn9_form {
	padding-left:20px;
	}
#gbn_span1{
position:relative;
bottom:7px;
}
#gbn_span2{
position:relative;
bottom:10px;
}
.gbn9_form_select {
	width:206px;
	margin-bottom:5px;
	}

.gbn9_form_input {
  	width:140px;
   height:7px;
	margin-right:5px;
	}



.menu_1 {
	width:950px;
	height:150px;
	padding:0px 15px 0px 0px;
	margin:0px;
	line-height:0em;
	text-align:right;
	font-size:10px;
	}
	
.menu_1 img{
	vertical-align:top;
	}

.menu_1 a         {color:#FFFFFF; text-decoration:underline;}
.menu_1 a:link    {color:#FFFFFF; text-decoration:underline;}
.menu_1 a:visited {color:#FFFFFF; text-decoration:underline;}
.menu_1 a:active  {color:#FFFFFF; text-decoration:underline;}
.menu_1 a:hover   {color:#FFFFFF; text-decoration:underline;}

#linkSpacer{
	margin:0px 5px 0px 5px;
	}
.name{
width:157px; 
  overflow:hidden;
}
/* ************************************************ 
 *	左側メニュー
 * ************************************************ */
#side_area {
	padding-right:29px;
	text-align:left;
	}


table.sidemenu {
	width:195px;
	margin-bottom:5px;
	color:#000000;
	}
#sido_top {
	width:195px;
    margin-bottom: 25px;
}
#sido_top ul #sido_top1{
    margin-bottom: 15px

}


.side_title {
	width:195px;
	height:33px;
	margin-bottom:10px;
	}

.side_text {
	text-align:center;
	padding:5px 10px;
	background:<{$table_cell_bgcolor}> url(https://img.shop-pro.jp/tmpl_img/31/left-navi_bg.gif) 0px 0px repeat-y;
	line-height:1.2em;
	}
	
.side_text_members,
.side_text_cart {
	display:block;
	text-align:center;
	padding-top:10px;
	}
	
.side_text ul li{
	padding-bottom:10px;
	}
	
.side_text ul li img{
	vertical-align:middle;
	}
	
.side_cat_bottom {
	width:195px;
	height:2px;
	background:<{$table_cell_bgcolor}> url(https://img.shop-pro.jp/tmpl_img/31/left-navi_bg03.gif) 0px 0px no-repeat;
	}

.side_bottom {
	display:block;
	width:195px;
	height:2px;
	background:<{$table_cell_bgcolor}> url(https://img.shop-pro.jp/tmpl_img/31/left-navi_bg03.gif) 0px 0px no-repeat;
	}
	
.st_contents {
	overflow:hidden;
	width:175px;
	text-align:left;
	}

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

#manager_name {
	margin:5px 0px;
	font-weight:bold;
	text-align:center;
}
.feed {
width:190px; 
  text-align:center; 
  margin:10px 0 20px;
}
/* ------------------------------------- 
 *	商品カテゴリｰエリア背景色
 * ------------------------------------- */
.side_cat_bg {
	margin-bottom:25px;
	}

.side_cat_text {
	width:195px;
	background:<{$table_cell_bgcolor}>;
	overflow:hidden;
	}
	
.side_cat_text_group {
	width:195px;
	background:<{$table_cell_bgcolor}>;
	overflow:hidden;	
}
	
.side_cat_text .st_contents {
	border-top:1px #e6e6e6 solid;
}

.side_cat_text_group .st_contents {
	border-top:1px #e6e6e6 dotted;
}
	
.side_cat_text .st_contents,
.side_cat_text_group .st_contents{
	padding:10px;
	background:<{$table_cell_bgcolor}> url(https://img.shop-pro.jp/tmpl_img/31/left-navi_bg.gif) 0px 0px repeat-y;
	}
	
.side_cat_text .st_contents a,
.side_cat_text_group .st_contents a {
	background:transparent url(https://img.shop-pro.jp/tmpl_img/31/rs_m_rect.gif) 0px 3px no-repeat;
	padding-left:15px;
}
	
.side_cat_img {
	padding:10px 0px 0px;
	}

.side_cat_text a,.side_cat_text_group a                 {color:<{$table_title_bgcolor}>; text-decoration:underline;}
.side_cat_text a:link ,.side_cat_text_group a:link      {color:<{$table_title_bgcolor}>; text-decoration:underline;}
.side_cat_text a:visited,.side_cat_text_group a:visited {color:<{$table_title_bgcolor}>; text-decoration:underline;}
.side_cat_text a:active,.side_cat_text_group a:active   {color:<{$table_title_bgcolor}>; text-decoration:underline;}
.side_cat_text a:hover,.side_cat_text_group a:hover     {color:<{$table_title_fontcolor}>; text-decoration:underline;}

/* ------------------------------------- 
 *	カートの中 - 商品名・価格ボタン色/枠線色
 * ------------------------------------- */
.cart_item {
	width:175px;
	overflow:hidden;
	margin:3px 0px 3px 0px;
	padding:5px;
	font-size:10px;
	border-left:3px solid <{$cart_view_bordercolor}>;
	border-right:3px solid <{$cart_view_bordercolor}>;
	}
.incart_name {
	text-align:left;
}
.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
	margin:0;
}

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	padding:5px 0;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}	
/* ------------------------------------- 
 *	会員専用ページ
 * ------------------------------------- */
#btn_members_login,
#btn_members_logout,
#btn_members_signup{
	text-align:center;
	}

#btn_members_signup span,
#btn_members_logout span {
	display:block;
	font-size:10px;
	line-height:1.1em;
	padding:8px 0px 3px;
	text-align:center;
	}

/* ------------------------------------- 
 *	商品検索
 * ------------------------------------- */
.side_form_select {
	width:175px;
	margin-bottom:5px;
	}

.side_form_input {
	width:120px;
	margin-right:5px;
	}
	

/* ************************************************ 
 *	フッターメニュー
 * ************************************************ */

#footer #copy{
   font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MSゴシック","Osaka","MS PGothic", cursive;
	border-top:1px #e6e6e6 solid;
	width:950px;
	text-align:center;
	padding-top:30px;
	margin:30px auto;
	color:#999999;
	}

#footer a         {color:#0000FF; text-decoration:underline;}
#footer a:link    {color:#0000FF; text-decoration:underline;}
#footer a:visited {color:#0000FF; text-decoration:underline;}
#footer a:active  {color:#0000FF; text-decoration:underline;}
#footer a:hover   {color:#0000FF; text-decoration:underline;}
#footer{
margin:0 auto;
}

/* ************************************************ 
 *	コンテンツ共通
 * ************************************************ */

.main_title {
	width:726px;
	padding-bottom:15px;
	}
	
/* ------------------------------------- 
 *	会員専用価格の表示　トップページ用
 * ------------------------------------- */
.regular_price_top {
	padding:0px;
	margin:0px;
	text-decoration:line-through;
	color:#999999;
	}

.price_top {
	padding:0px;
	margin:0px;
	font-size:14px;
	color:#ff0000;
	}

.discount_rate_top {
	padding:0px;
	margin:0px;
	color:#333333;
	}
	
.common_image img{
	margin-bottom:15px;
	display:block;
}

	
/* ------------------------------------- 
 *	コンテンツ下部 決済・配送方法指定・特定商取引法
 * ------------------------------------- */
#shop_info {
	margin-top:60px;
}
#shop_info2{
display:none;
}
.shop_info_pay .tit,
.shop_info_deli .tit {
	
}

#shop_info .cont {
	padding:15px 20px;
}
#shop_info2 .cont {
	padding:15px 10px;
}
#shop_info_pay {background:transparent url(https://img.shop-pro.jp/tmpl_img/31/shop_info_pay_bg.gif) 0px 0px repeat-y;}
#shop_info_deli {background:transparent url(https://img.shop-pro.jp/tmpl_img/31/shop_info_deli_bg.gif) 0px 0px repeat-y;}
#shop_info_sct_img {margin-top:20px;}

.right_pay_deli_bg {
	height:2px;
	background:transparent url(https://img.shop-pro.jp/tmpl_img/31/right-pay_deli_bg.gif) 0px 0px no-repeat;
	width:726px;
}

/* ************************************************ 
 *	TOPコンテンツ
 * ************************************************ */

/* ------------------------------------- 
 *	お知らせエリア
 *	箇条書きでお知らせを掲載する際にご利用ください
 *	※初期設定では適用されていません
 * ------------------------------------- */
.info_block {
	width:725px;
        height: 300px;
	margin:0px 0px 30px;
	border:#666 solid 1px;
        overflow: auto;
	}
	
.info_title {
	font-weight:bold;
	margin:0px 0px 10px;
	padding:15px 15px 0px;
}

.info_text {
	padding:0px 15px 15px;
	color:#000000;
　　　　overflow: auto;
	}


/* ------------------------------------- 
 *	フリースペース
 * ------------------------------------- */
.free_space {

	text-align:left;
	color:#000000;
	}
.free_space p{
   font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MSゴシック","Osaka","MS PGothic", cursive;
	text-align:left;
	color:#000000;
	}

/* ************************************************ 
 *	商品一覧　レイアウト
 * ************************************************ */

/* ------------------------------------- 
 *	一覧表示　並び順を変更(商品一覧）
 * ------------------------------------- */
.sort_01 {
	width:726px;
	height:28px;
	color: <{$productlist_sort_bgcolor}>;
	background:#e7e7e7;
	margin-bottom:1px;
	}

.sort_01 a,
.sort_01 a:link,
.sort_01 a:visited {
	text-decoration:underline;
	color:<{$productlist_bgcolor}>;
	}

.sort_01 a:active,
.sort_01 a:hover {
	text-decoration:underline;
	color:<{$productlist_border}>;
	}

/* 会員専用価格の表示 商品一覧用 */
.regular_price_all {
	padding:0px;
	margin:0px;
	text-decoration:line-through;
	color:#999999;
	}

.price_all {
	padding:0px;
	margin:0px;
	font-size:14px;
	color:#ff0000;
	}

.discount_rate_all {
	padding:0px;
	margin:0px;
	color:#333333;
	}


/* ------------------------------------- 
 *	一覧表示　並び順を変更(商品検索結果）
 * ------------------------------------- */
.sort_02 {
	width:726px;
	height:28px;
	color:<{$searchlist_sort_bgcolor}>;
	background:#e7e7e7;
	margin-bottom:1px;
	}

.sort_02 a,
.sort_02 a:link,
.sort_02 a:visited {
	text-decoration:underline;
	color:<{$searchlist_bgcolor}>;
	}

.sort_02 a:active,
.sort_02 a:hover {
	text-decoration:underline;
	color:<{$searchlist_border}>;
	}

/* 会員専用価格の表示 商品検索結果用 */
.regular_price_search {
	padding:0px;
	margin:0px;
	text-decoration:line-through;
	color:#999999;
	}

.price_search {
	padding:0px;
	margin:0px;
	font-size:14px;
	color:#ff0000;
	}

.discount_rate_search {
	padding:0px;
	margin:0px;
	color:#333333;
	}

/* ------------------------------------- 
 *	一覧表示　商品数と表示数
 * ------------------------------------- */
.pagenavi {
	width:726px;

	background:#e7e7e7;
	margin-bottom:15px;
	}

.pagenavi a {
	color:#0000FF; text-decoration:underline;
	}


/* ------------------------------------- 
 *	商品一覧表示のレイアウト
 * ------------------------------------- */
.product_list {
	float:left;
	width:181.5px;
	text-align:center;
	margin:0px;
	}

.product_item {
	text-align:center;
	padding:0px 0px 50px;
	}

.product_item img {
	border:1px solid #999999;
	max-width: 155px;
	}

.product_item .name {
	margin:10px 0 0px;
	color:#333333;
	}
	
.product_item .name img{
	vertical-align:middle;
	}

.product_item .price {
	margin:5px 0px 0px;
	font-weight:bold;
}

.product_item .expl {
	color:#333333;
	line-height:120%;
	text-align:left;
	margin:5px 0;

	}

.product_list a         {color:#0000FF; text-decoration:underline;}
.product_list a:link    {color:#0000FF; text-decoration:underline;}
.product_list a:visited {color:#0000FF; text-decoration:underline;}
.product_list a:active  {color:#0000FF; text-decoration:underline;}
.product_list a:hover   {color:#0000FF; text-decoration:underline;}


#product_name{
width:157px; 
  overflow:hidden;
}   



/* ------------------------------------- 
 *	ぱんくずリスト
 * ------------------------------------- */

.footstamp {
	width:726px;
	color:<{$navi_list_bgcolor}>;
	margin-bottom:15px;
	}

.footstamp a         {color:<{$category_fontcolor}>; text-decoration:underline;}
.footstamp a:link    {color:<{$category_fontcolor}>; text-decoration:underline;}
.footstamp a:visited {color:<{$category_fontcolor}>; text-decoration:underline;}
.footstamp a:active  {color:<{$category_fontcolor}>; text-decoration:underline;}
.footstamp a:hover   {color:<{$category_linecolor}>; text-decoration:underline;}

.txt-f10 {
	font-size:10px;
	}

.footstamp img {
	vertical-align:middle;
	}

/* ------------------------------------- 
 *	商品が無い時の表示
 * ------------------------------------- */
.nodata {
	padding-top:20px;
	text-align:center;
	}

/* ------------------------------------- 
 *	最近チェックした商品
 * ------------------------------------- */

.ci_main_title {
	border-bottom: 5px solid #ABABAB;
	font-weight: bolder;
	margin-top: 30px;
	padding-bottom: 5px;
	text-align: left;
	}

.checkitem_list {
	float:left;
	margin: 15px 0;
	padding: 0 9px 0 12px;
	width: 100px;
	}

.checkitem .price {
	font-weight:bold;
	}

.checkitem .ci_img {
	width:98px;
	margin-bottom:3px;
	border:1px solid #999999;
	}
.checkitem .name {
	width:100px;

	}
/* ************************************************ 
 *	商品詳細　レイアウト
 * ************************************************ */

.detail_cont {
	width:726px;
}

.detail_img_block {
	width:405px;
	float:left;
}

.detail_txt_block {
	width:294px;
	float:right;
	text-align:left;
}


.detail_img_block img {
	border:1px solid #999999;
	max-width: 100%;
}

.product_name {
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}

.expl_block {
	margin-bottom:30px;
}

.detail_img {
	margin-bottom:20px;
}

.detail_other {
	width:405px;
}

.detail_other .sub {
	width:135px;
	float:left;
}

.detail_other .sub_tp {
	padding-top:15px;
}

.detail_other .sub img {
	width: <{$product_ot_img}>px;
}

.detail_txt_block table.table {
	width:294px;
	border-left:#e7e7e7 solid 1px;
	border-top:#e7e7e7 solid 1px;
	margin-bottom:20px;
}

.detail_txt_block table.table td.tit,
.detail_txt_block table.table td.cont {
	padding:15px;
	border-right:#e7e7e7 solid 1px;
	border-bottom:#e7e7e7 solid 1px;
}

.detail_txt_block table.table td.tit {
	width:100px;
}

.sk_link_other {
	margin-bottom:20px;
}

.txt_option {
	margin-bottom:20px;
	background:transparent url(https://img.shop-pro.jp/tmpl_img/31/icon_option.gif) 0px 3px no-repeat;
	padding-left:15px;
}

.txt_back {
	margin-bottom:10px;
	background:transparent url(https://img.shop-pro.jp/tmpl_img/31/icon_back.gif) 0px 0px no-repeat;
	padding-left:22px;
}

.txt_tell {
	margin-bottom:10px;
	background:transparent url(https://img.shop-pro.jp/tmpl_img/31/icon_tell.gif) 0px 3px no-repeat;
	padding-left:22px;
}

.txt_inq {
	margin-bottom:10px;
	background:transparent url(https://img.shop-pro.jp/tmpl_img/31/icon_inq.gif) 0px 0px no-repeat;
	padding-left:22px;
}

.twi {
	margin-bottom:10px;
	background:transparent url(https://img17.shop-pro.jp/PA01269/826/etc/twitwi.png?20140213182502) 0px 0px no-repeat;
	padding-left:22px;
        background-size:18px 18px;
}

.txt_review {
	margin-bottom:10px;
	background:transparent url(https://img.shop-pro.jp/tmpl_img/31/icon_review.gif) 0px 0px no-repeat;
	padding-left:22px;
}
.txt_reviewpost {
	margin-bottom:20px;
	background:transparent url(https://img.shop-pro.jp/tmpl_img/31/icon_post.gif) 0px 0px no-repeat;
	padding-left:22px;
}

/* オプションリンク */
.txt-optionLink {
	margin-bottom:20px;
}

.rs_pd_cart_btn {
	margin-bottom:10px;
}

.btn_quick {
}


/* 会員専用価格の表示 商品詳細用 */	
.regular_price_detail {
	padding:0px;
	margin:0px;
	text-decoration:line-through;
	color:#999999;
	}

.price_detail {
	padding:0px;
	margin:0px;
	font-size:14px;
	color:#ff0000;
	font-weight:bold;
	}

.discount_rate_detail {
	padding:0px;
	margin:0px;
	color:#333333;
	}

p#sk_link_other {
	text-align:center;
	margin-top:10px;
}

p#sk_link_other a {
	font-size:12px;
}

/* ------------------------------------- 
 *	この商品を買った人はこんな商品も買ってます
 * ------------------------------------- */
#together {
	margin:65px 0px 0px;
	}

#together .tog_main_title {
	margin:0px 0px 15px;
	}

#together .together_list {
	margin:0px 3px;
	float:left;
	width:175px;
	}

#together .together_list img {
	border:1px solid #999999;
	max-width: 155px;
	}

/* ------------------------------------- 
 *	トラックバック
 * ------------------------------------- */
#trackback {
	margin:30px 0px 15px;
}

#trackback .tb_main_title {
	font-weight:bold;
	margin:0px 0px 5px;
}


#trackback .tb_url {
	padding:6px 8px;
	border:1px solid #e7e7e7;
	}

#trackback .tb {
	}

#trackback .tb_date {
	padding:10px 0px;
	}

#trackback .tb_title {
	padding:0px 0px 10px;
	}

#trackback .tb_body {
	line-height:150%;
	padding:10px 0px;
	border-top:1px dotted #e7e7e7;
	border-bottom:1px dotted #e7e7e7;
	}

#trackback .tb_state {
	padding:0px;
	}

/* ************************************************ 
 *	商品オプションページ
 * ************************************************ */
#Option .main_title {
	margin:15px auto;
	padding:5px 0px;
	background:#e7e7e7;
	height:auto;
	width:564px;
}

#Option .main_title .cont {
	padding:0px 5px;
}
 
 
#Option .option_table {
	width:564px;
	margin-bottom:5px;
	border-left:1px solid <{$option_bordercolor}>;
	border-top:1px solid <{$option_bordercolor}>;
	}

#Option .option_cell1 {
	text-align:left;
	font-weight:normal;
	padding:5px 5px 5px 6px;
	border-right:1px solid <{$option_bordercolor}>;
	border-bottom:1px solid <{$option_bordercolor}>;
	}

#Option .option_cell2 {
	text-align:left;
	padding:5px;
	background-color:#FFFFFF;
	padding:2px 6px 2px 6px;
	border-right:1px solid <{$option_bordercolor}>;
	border-bottom:1px solid <{$option_bordercolor}>;
	}

#Option .option_cell3 {
	text-align:left;
	padding:5px;
	background-color:#FFFFFF;
	padding:2px 10px 2px 6px;
	border-right:1px solid <{$option_bordercolor}>;
	border-bottom:1px solid <{$option_bordercolor}>;
	}

div#Option table.main_title td{
	text-align:left;
}

/* 会員専用価格の表示 オプション用 */
.regular_price_stock {
	padding:0px;
	margin:0px;
	text-decoration:line-through;
	color:#333333;
	}

.price_detail_stock {
	padding:0px;
	margin:0px;
	}

.discount_rate_stock {
	padding:0px;
	margin:0px;
	color:#333333;
	}

/* ************************************************ 
 *	特定商取引法・お支払い方法・配送設定について
 * ************************************************ */
 
.payment_img {
	width:30px;
	height:30px;
	margin:3px;
	}

#ShopKeeper {
	width:726px;
	margin-bottom:15px;
	color:#000000;
	border-top:1px solid <{$ShopKeeper_bordercorder}>;
 font-size:16px;
	}

#ShopKeeper th {
	width:200px;
	overflow:hidden;
	padding:10px;
	font-weight:normal;
	text-align:left;
	border-left: 1px solid <{$ShopKeeper_bordercorder}>;
	border-right:1px solid <{$ShopKeeper_bordercorder}>;
	border-bottom:1px solid <{$ShopKeeper_bordercorder}>;
	}

#ShopKeeper td {
	padding:10px;
	text-align:left;
	border-right:1px solid <{$ShopKeeper_bordercorder}>;
	border-bottom:1px solid <{$ShopKeeper_bordercorder}>;
	}
	
#ShopKeeper td table th,
#ShopKeeper td table td,
#ShopKeeper td table,
#ShopKeeper td table {
	border-right:none;
	border-top:none;
	border-left:none;
	border-bottom:none;
	}
	
#ShopKeeper th img,
#ShopKeeper td img {
	vertical-align:middle;
	}

/* 検索結果 */
.txt-search {
	padding:5px 10px;
	background:#e7e7e7;
	border-bottom:1px solid #FFFFFF;
	}

.txt-hitNum {
	margin-bottom:15px;
	padding:5px 10px;
	background:#e7e7e7;
	}

.txt-search strong,
.txt-hitNum strong {
	font-weight:bold;
	}




/* ************************************************ 
 *	プライバシーポリシー
 * ************************************************ */

#PrivacyExplain {
	margin-bottom:15px;
	color:#000000;
	}

.pe_title {
	padding-top:15px;
	color:<{$privacy_title_fontcolor}>;
	border-top:1px solid <{$privacy_title_bgcolor}>;
	}

.pe_note {
	line-height:150%;
	margin:5px 5px 20px 30px;
	}
#pe_left{
margin-left:5px;
}
/* ************************************************ 
 *	float解除
 * ************************************************ */


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

/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 10px;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}


/* -------------------------------------
*     見出し CSS
* ------------------------------------- */

h1 {
    background-image: url("https://img17.shop-pro.jp/PA01269/826/etc/%A5%D7%A5%ED%A5%DD%A5%EA%A5%B9%B8%AB%BD%D0%A4%B7.jpg?20140527213622");
    background-repeat: no-repeat;
    background-position: right center;
    padding:20px 20px 20px 20px;
    color:#FFFFFF;
    font-size: 100%;
    font-weight: bold;
    text-indent: 10px;
    line-height: 25px;
  
}


h2 {
    background-image: url("https://img17.shop-pro.jp/PA01269/826/etc/%A5%D7%A5%ED%A5%DD%A5%EA%A5%B9%B8%AB%BD%D0%A4%B7.jpg?20140527213622");
    background-repeat: no-repeat;
    background-position: right center;
    padding:20px 20px 20px 20px;
    color:#FFFFFF;
    font-size: 100%;
    font-weight: bold;
    text-indent: 10px;
    line-height: 25px;
}

h3 {
    background-image: url("https://img17.shop-pro.jp/PA01269/826/etc/%A5%D7%A5%ED%A5%DD%A5%EA%A5%B9%B8%AB%BD%D0%A4%B7.jpg?20140527213622");
    background-repeat: no-repeat;
    background-position: right center;
    padding:20px 20px 20px 20px;
    color:#FFFFFF;
    font-size: 100%;
    font-weight: bold;
    text-indent: 10px;
    line-height: 25px;
}

h4 {
    background-image: url("https://img17.shop-pro.jp/PA01269/826/etc/%A5%D7%A5%ED%A5%DD%A5%EA%A5%B9%B8%AB%BD%D0%A4%B7.jpg?20140527213622");
    background-repeat: no-repeat;
    background-position: right center;
    padding:20px 20px 20px 20px;
    color:#FFFFFF;
    font-size: 100%;
    font-weight: bold;
    text-indent: 10px;
    line-height: 25px;
}

h5 {
    background-image: url("https://img17.shop-pro.jp/PA01269/826/etc/%A5%D7%A5%ED%A5%DD%A5%EA%A5%B9%B8%AB%BD%D0%A4%B7.jpg?20140527213622");
    background-repeat: no-repeat;
    background-position: right center;
    padding:20px 20px 20px 20px;
    color:#FFFFFF;
    font-size: 100%;
    font-weight: bold;
    text-indent: 10px;
    line-height: 25px;
}

h6 {
    background-image: url("https://img17.shop-pro.jp/PA01269/826/etc/%A5%D7%A5%ED%A5%DD%A5%EA%A5%B9%B8%AB%BD%D0%A4%B7.jpg?20140527213622");
    background-repeat: no-repeat;
    background-position: right center;
    padding:20px 20px 20px 20px;
    color:#FFFFFF;
    font-size: 100%;
    font-weight: bold;
    text-indent: 10px;
    line-height: 25px;
}

h {
    background-image: url("https://img17.shop-pro.jp/PA01269/826/etc/%A5%D7%A5%ED%A5%DD%A5%EA%A5%B9%C3%BB%A4%A4%B8%AB%BD%D0%A4%B7.gif?20140602134640");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    padding:10px 10px 15px 10px;
    color:#FFFFFF;
    font-weight: bold;
    text-indent: 30px;
}
#h1 {
    background-image: url("https://img17.shop-pro.jp/PA01269/826/etc/%A5%D7%A5%ED%A5%DD%A5%EA%A5%B9%C3%BB%A4%A4%B8%AB%BD%D0%A4%B7.gif?20140602134640");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    padding:10px 10px 15px 10px;
    color:#FFFFFF;
    font-size:240%;
    font-weight: bold;
    text-indent: 20px;
  
}
.h1 {
    background-image: url("https://img17.shop-pro.jp/PA01269/826/etc/%A5%D7%A5%ED%A5%DD%A5%EA%A5%B9%C3%BB%A4%A4%B8%AB%BD%D0%A4%B7.gif?20140602134640");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    padding:10px 10px 15px 10px;
    color:#FFFFFF;
    font-size:100%;
    font-weight: bold;
    text-indent: 20px;
  
}

.h2 {
    background-image: url("https://img17.shop-pro.jp/PA01269/826/etc/%A5%D7%A5%ED%A5%DD%A5%EA%A5%B9%C3%BB%A4%A4%B8%AB%BD%D0%A4%B7.gif?20140602134640");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    padding:10px 10px 15px 10px;
    color:#FFFFFF;
    font-size:16px;
    font-weight: bold;
    text-indent: 20px;
  
}




/* -------------------------------------
*     pタグ 改行調節
* ------------------------------------- */

.mb1{
   margin:0 auto 1em;
  width:100%;

}
.mb2{
    margin-bottom: 2em;

}
.mb3{
   margin-bottom: 3em;

}
.mb4{
   margin-bottom: 4em;
}
.mb5{
   margin-bottom: 5em;
}
.mb6{
   margin-bottom: 6em;
}
.mb7{
   margin-bottom: 7em;
}
.mb8{
   margin-bottom: 8em;
}
.mb9{
   margin-bottom: 9em;
}
.mb10{
   margin-bottom: 10em;
}




/* -------------------------------------
*  フリーページ
* ------------------------------------- */
                  .free_bottan{
                   width:100%;
                      text-align:center;
                   
}
.bottom_130{
margin-top:130px;
}
 /*================================================
 * フリーページ　イメージ
 ================================================*/
.free_img_right{
float: right;
}
.free_img_left{
float: left; 

}
#free7 img{
width:560px;
  height:auto;
}


/* -------------------------------------
*  フリーページボタン
* ------------------------------------- */


.free{
	width:100%;
	text-align: center;

}


.free ul {
	display: table;
	margin: 0 auto;
	table-layout: fixed;
	text-align: center;
}
.free ul li {
	display: table-cell;

}
.free li {
	float:left;
	list-style:none;
	margin:0;	
 margin:0 11px 10px;
}
/* -------------------------------------
* バナー
* ------------------------------------- */
#banner img{
 height: 190px; 
  width: 190px;
}
#banner .checkitem{
  text-align:center;
}
#banner #hello{
  text-align:center;
}
/* -------------------------------------
*  動画
* ------------------------------------- */
.middle_free{
width:560px;
 height:315px;
}
#middle_free{
width:560px;
 height:350px;
}
.free_map{
width:600px;
}

 /*================================================
 *  トップページボタン
 ================================================*/
#page-top {
z-index:100;
    position: fixed;
    bottom: 0px;
    right: 100px;
  visibility:visible;
}


#hello {
    position: fixed;
    top: 200px;
	padding-left:13px;
  background-color:#ffffff;

}
/*================================================
 *  レスポンシブデザイン
 ================================================*/
				@media screen and (max-width:600px) {
/* 共通設定 */
       body{
margin:0px auto; 
  width:100%; 
background-image:none;

}
                  #body{
margin:0px auto; 
font-size:30px;
		width:100%;


}
#body_1{
  
margin:0px auto;
  width:100%; 
  padding-top: 125px;
}
#body_2{
margin:0px auto; 
  width:100%; 
	overflow:hidden;
  		box-sizing:border-box;
  		padding:0 5px;
}
#body_2 .slider{

  width:100%; 

}
#main{
    margin-top:20px;
  width:100%; 
}
#main_right{
  width:100%; 
 float:none;
}
#header-top{
height:120px;
}  
                  
#side{
  width:100%; 
 float:none;
}

 .fixed{
    position: static;

}       
.product_list {
    float: none;
    width: 100%;
    text-align: center;

}
.name{
width:100%; 

}
.name2{
width:157px; 
  text-align:center;
margin:0 auto;
}         
/* ヘッダー */
#header {
  width:100%; 
  	padding: 10px 0 0;
  
                  }           
                  
                  #header_box{

		box-sizing:border-box;
                  }
             #header_box li {
  border-bottom:solid 1px #ffffff;
	float:left;
	list-style:none;
	margin:0;	
  width:100%;
	text-align: center;
}     
  .title {
float:none;
margin:0 20px 3px 0;
	}          
                  #title{
               display:none;
                  }
                  #title_font{
                  display:block;
                    font-size:21px;
                    font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,"MSゴシック","Osaka","MS PGothic", cursive
                      position:relative;
                    padding-left:20px;
                  }
#form_1{
  top:0;
  left:5px;
 width:700%;
     display:none;
	}
                  
           #form_1 table{       
             margin:0 auto;
                  	text-align: center;
}
                  #tel_1{
         margin:0 auto;
                    width:100%;
                  }
#tel_2{
display:none;
}
#tel_3{
display:block; display: flex;
}  
#tel_4{
display:none;
}         
/* グローバルナビ */

                  
#nav {
  font-size:60% !important;
  width: 100% !important;
  height:60px !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;
}
#nav ul {
  width: 800px !important;
  height: 40px !important;
  margin: 0 auto 2px auto !important;
  list-style: none !important;
  display: flex !important;
}
#nav ul li {
  text-align: center !important;
  border-left: 1px solid #eee !important;
  line-height:100% !important;
  font-size:9px !important;
}
#nav ul li:last-child {
  border-right: 1px solid #eee !important;
    line-height:100% !important;
}
#nav ul li a,
#nav ul li a:link,
#nav ul li a:visited {
  display: inline-block !important;
  width: 96px !important;
  height:40px !important;
  line-height:100% !important;
  color: #fff !important;
  text-decoration: none !important;
}
#nav ul li a:hover,
#nav ul li a:active {
  background: #afc6e2 !important;
}
#nav::-webkit-scrollbar {
  height: 2px !important;
}
#nav::-webkit-scrollbar-track {
  margin: 0 2px !important;
  background: #ccc !important;
  border-radius: 5px !important;
}
#nav::-webkit-scrollbar-thumb {
  background: #d49fc2 !important;
  border-radius: 5px !important;
}

                  
#nav_2 li a:hover {
	background-color:#76b900;
                  }         
                  .sns{
     display: none;
}
 /* メイン */
#main_right iframe {
margin-bottom:5px;
}

                  
              .info_block {
    width: 100%;
    overflow: auto;
}    
.main_title {
    width: 100%;
}
                  
                  
                  div#sidemenubar ol {
    width: 100%;
                  }
                  #side_area {
    padding-right:0;
}
                  
                  #footer #copy{
	width:100%;

	}
/* トップページボタン*/
#page-top {
    position: fixed;
    right: 5px;
}
 /* フッター */
    
#footer #copy{
  font-size:14.8px;
	padding-bottom:80px;

	}

        /* 左側メニュー */        
                  #sido_border{
                    width:90%;
                  border-top: 1px solid #bcbcbc;
                    position:relative;
                    bottom:50px;
                    margin:0 auto;
                  }
#sido_top {
	width:100%;
  text-align:center;
}
 #sido_top ul #sido_top1{
    margin-bottom: 25px
                  }
#sido_top1 img{
	width:227px;
  height:132px;
                  }
 #sido_top2 img{
	width:227px;
  height:172px;
                  }
table.sidemenu {
	width:100%;
  text-align:center;
  
	}
  #sido_img1 img,#sido_img2 img{
  	width:227px;
  height:132px;
  
	}           

                  
.st_contents {
margin:0 auto;
	}    
div.e-shops_calendar {
    width: 100%;
margin:0 auto;
    height: auto;
}    
 .feed {
width:100%; 
  margin:10px 0 20px;
}  
          #said_calendar {
    width: 100%;
margin:0 auto;
  text-align:center;
}              
#hello {
  position:static;
  display:none;
                  }
                  #hello .checkitem{
                  display:none;
                  }
 /* 商品一覧表示のレイアウト  */    
                  
.product_item .expl {
	width:200px;
	margin:5px auto;

	}
                  
           .product_item .name {
	margin:10px auto 0px;
	}      
  .product_p{
margin:0 auto;
}      
 .sort_01 {
    width: 100%;
}
.pagenavi {
      font-size:15px;
    width: 100%;
}  
 /* 商品詳細レイアウト  */    
.detail_cont {
	width:100%;
}

.detail_img_block {
	max-width:80%;
	float:none;
  margin:70px auto 0;
}
.detail_txt_block {
    width: 294px;
    float:none;
    text-align: left;
  margin:10px auto 0;
}    
  .expl_block img{
position: absolute;
left: 0;
right: 0;
margin: auto;

                  }    
 /* 最近チェックした  */  
.checkitem_list {
	padding: 0 5px;
	width: 95px;
      height: 200px;
	}


 /*コンテンツ下部 決済・配送方法指定・特定商取引法 */
#shop_info {
display:none;
}
#shop_info2{
display:block;
}        
 /* 特定商取引法・お支払い方法・配送設定について  */   
#ShopKeeper {
	width:100%;
  font-size:13px;
	}
#ShopKeeper th {
	width:130px;
                  } 
#ShopKeeper td {
    padding: 10px; 0;
                  }
/* 見出しタグ */        
#h1 {

    font-size:130%;

                  }
                  .h1 {
                        padding:10px 10px 15px 0;
                        background-image: none;
                        background-size: cover;
	    font-size:80%;
                  }
                  .h2 {
                        padding:10px 10px 15px 0;
                        background-image: none;
                        background-size: cover;
                  }
                  
                  .free_h{
         	background:linear-gradient(to top,#029b02,#31ca31);
          background-repeat: no-repeat;
    background-position: right center;
                    background-size: cover;
          padding:2px 0;
    font-size: 100%;
    font-weight: bold;
    text-indent: 30px;
                  }
       /* フリーページ */     
 .propolis-desc {
    margin: 10px 0 0;
    width: 100%;
height: 340px; 
}

.propolis-desc .f-ban li {
    float: none;
  margin:10px auto;
     width: 100%;
}
                  
.propolis-desc .f-ban  li a{
         text-align:center;
  margin:0 auto;
                  }
                  .free_p_none{
                  display:none;
                  }
                  .free_text_a{
                  margin:0 auto;
                    width:400px;
                  }
                  .free_bottan{
                   width:300px;
                    margin:0 auto;
                      text-align:center;
                   
                  }
                  .free_bottan_a img{
                  position:relative;
                    left:11px;
                  }
                                    #free_bottan_a1 img{
                  position:relative;
                    left:9px;
                  }
                  
       /* フリーページイメージ */    
.free_img_right{
float: none;


}
.free_img_left{
float: none;

}
 .free_img {
   text-align:center;
                  }
                  #free_img1{
                     text-align:center;
                  }
#free7 img{
width:100%;
  height:auto;
}
                  
       /* フリーページボタン */    
                  .free{
	width:100%;
	text-align: center;
  display:block;
}


.free ul {
	display: table;
	margin: 0 auto;
	table-layout: fixed;
	text-align: center;
}
.free ul li {
	display: table-cell;

}
.free li {
	margin:0 auto;	
    width:100%;
   margin:0 ;
}
                  
                  .free_top{
              position:relative;
                    bottom:20px;
                  }
       /* フリーページ動画 */    
.middle_free{
width:350px;
 height:240px;
}
#middle_free{
width:350px;
 height:240px;
}
   .free_map{
width:100%;
}               


                  
}



/* --- サイトマップエリア --- */
ul.sitemap {
width: 100%; /* サイトマップエリアの幅 */
margin: 0;
padding: 0;
font-weight: bold; /* 一旦全ての文字を太字にする */
list-style-type: none;
font-size: 80%;
color: #2b2b2b;
}

/* --- 入れ子にされたリスト用 --- */
ul.sitemap ul {
margin: 0;
padding: 0;
list-style-type: none;
}

/* --- 全てのリスト項目 --- */
ul.sitemap li {
padding: 1px 0 0 10px; /* 1階層目のパディング（上右下左） */
background: url(v_line1.gif) no-repeat left top; /* 1階層目の背景 */
line-height: 120%;
}

/* --- 2階層目のコンテナ --- */
ul.sitemap div.contentNav {
width: 100%; /* コンテナの幅 */
margin-top: 20px; /* コンテナの上マージン */
}

/* --- セクション（2階層目のリストエリア） --- */
ul.sitemap ul.section {
width: 49.9%; /* セクションの幅 */
float: left;
}
ul.sitemap ul.separator {
background: url(v_separator.gif) repeat-y right top; /* セクション間の垂直区切り線 */
}

/* --- 2階層目以降のリスト項目 --- */
ul.sitemap ul.section li {
margin: 0 20px 20px 0; /* 2階層目のマージン（上右下左） */
padding: 1px 0 10px 15px; /* 2階層目のパディング（上右下左）上書き */
background: url(v_line4.gif) no-repeat 5px 0; /* 2階層目の背景 上書き */
border-bottom: 1px #c0c0c0 dotted; /* 2階層目の下境界線 */
}

/* --- 3階層目以降のリストエリア --- */
ul.sitemap ul.section ul {
margin: 7px 0 0 8px; /* 3階層目以降のマージン（上右下左） */
font-weight: normal; /* 3階層目以降の文字をノーマルの太さに戻す */
}

/* --- 3階層目以降のリスト項目 --- */
ul.sitemap ul.section ul li {
margin: 0 0 6px 0; /* 3階層目以降のマージン（上右下左）上書き */
padding: 0 0 0 12px; /* 3階層目のパディング（上右下左）上書き */
background: url(triangle5.gif) no-repeat 0 0.2em; /* 3階層目の背景 上書き */
border-bottom: none; /* 3階層目以降の下境界線 上書き */
}

/* --- 4階層目以降のリスト項目 --- */
ul.sitemap ul.section ul li li {
padding: 0 0 0 9px; /* 4階層目以降のパディング（上右下左）上書き */
background: url(square.gif) no-repeat 0 0.4em; /* 4階層目以降の背景 上書き */
}

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


/*****フリーページ目次CSS始め*****/
.table-of-contents{
    display: none;
}
.show-area{
    display: inline-block;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 0;
    color: blue;
}
/*****フリーページ目次CSS終わり*****/

/*****スクロールテーブルCSS始め*****/
.table-wrap {
  overflow-x: scroll;
}
.table {
  width: 100%;
  min-width: 990px;
  border-collapse: collapse;
  table-layout: fixed;
}
.table th,
.table td {
  border: 2px solid #eee;
  padding: 4px 8px;
}
/*****スクロールテーブルCSS終わり*****/

/* --- リンク下線なし_カーソル合わせると表示 --- */
a.no-underline {
  text-decoration: none;
}

a.underline-hover:hover {
  text-decoration: underline;
}

/* --- CSSコード_蛍光ペン --- */
.mark1 {
  background: linear-gradient(transparent 40%, yellow 80%);
}
.mark2 {
  background: linear-gradient(transparent 60%, yellow 80%);
}
.mark3 {
  background: linear-gradient(transparent 80%, yellow 80%);
}
.mark4 {
  background: linear-gradient(transparent 40%, green 80%);
}
.mark5 {
  background: linear-gradient(transparent 60%, green 80%);
}
.mark6 {
  background: linear-gradient(transparent 80%, green 80%);
}
.mark7 {
  background: linear-gradient(transparent 40%, orange 80%);
}
.mark8 {
  background: linear-gradient(transparent 60%, orange 80%);
}
.mark9 {
  background: linear-gradient(transparent 80%, orange 80%);
}
/* --- 蛍光ペンCSSコード終わり --- */


h2.midashi {border-bottom: solid 3px skyblue; position: relative;}
h2.midashi:after {position: absolute;content: " ";display: block;border-bottom: solid 3px #ffc778;bottom: -3px;width: 30%;}
h3.midashi {position: relative;padding: 5px 5px 5px 42px;background: #77c3df;font-size: 20px;color: white;margin-left: -33px;line-height: 1.3;z-index:-1;}
h3.midashi:before {position: absolute;content: '';left: -2px;top: -2px;border: none;border-left: solid 40px white;border-bottom: solid 79px transparent;z-index:-2}
h4.midashi {position: relative;padding-left: 1.2em;/*アイコン分のスペース*/line-height: 1.4;}
h4.midashi:before{ font-family: "Font Awesome 5 Free";content: "\f00c";/*アイコンのユニコード*/position: absolute;/*絶対位置*/font-size: 1em;/*サイズ*/left: 0;/*アイコンの位置*/top: 0;/*アイコンの位置*/color: #5ab9ff; /*アイコン色*/}