/* ************************************************ 
 *	共通設定
 * ************************************************ */
* {
	margin: 0px;
	padding: 0px;
}
body {
	color: #000000;
	font-size: small;
font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Sans", "ヒラギノ角ゴシック”, Meiryo, メイリオ, sans-serif!important;
	background-color: #ffffff;
	text-align:center;
}

#main #sns ul li{
    list-style-type:none!important;
}
.active_a{ color: #dc8f00!important;}
br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

img {
	border: 0px;
}
li.box.box--half {
  vertical-align: bottom!important;
}

/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は800pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
	margin:0px auto;
	width:800px;
	text-align:left;
}

/*ヘッダー（ページタイトル、グローバルメニュー）*/
.header {
 width:100%;
 clear:left;
}
.head_line_btn{
position:absolute;
    top: 70px;
    left: 180px;
}
/*クレジットカード決済画像*/
.card_ok {
    position: absolute;
    right: 500px;
    top: 0;
    width: 180px;
    height: auto;
}
.card_ok img{
width:100%;
}
/*　画面左側メニューの幅　*/
.side {
	float: left;
	width:200px;
}
#side .sideBox {
  padding: 0!important;
}

.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px solid #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px dotted #C3C3C3;
	border-bottom:1px dotted #C3C3C3;
	list-style-type:none;
	margin-bottom:5px;
}

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

.viewcart {
	padding:5px 0;
	text-align:center;
}

.owner_photo {
	max-width: 100%;
	height: auto;
}

/*　画面右側の幅　*/
.main {
	float: left;
	width: 600px;
}

/* 特定商取引法に基づく表記（返品など）ボタン */
p#sk_link_other {
	text-align:left;
	margin-top:10px;
}

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

/*　フッター（コピーライト）　*/
.footer {
 width:100%;
 clear:left;
}

#group-list {
	border-top:#838383 dotted 1px;
	padding:5px 0px 0px;
	margin:10px 20px 0px 0px;
}

/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
}
#option_tbl th{
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td {
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.flex_content{
display:flex;
  width:100%;
}
@media screen and (max-width:767px) { 
.flex_content_pc{
display:block!important;
  }
}
@media screen and (min-width:768px) { 
.flex_pc_50{
width:50%;
  }
}
/* -------------------------------------
*     復旧のためのstyle
* ------------------------------------- */
#headerNavi{
background-color:#f1f1f1!important;
}
.sideLead{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing:0.1em;
text-indent:0.1em;
  font-size:1.1em;
  text-align:center;
  padding:15px 0;
  color:#fff;
  background-color:#943C83;
  border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
  border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
}
.siderank {
text-align:center;
}
.siderank .siderank_contents dl:nth-child(-n+3) .rankking{
  background-size:contain;
  width:80px;
  height:30px;
  margin: 0 auto 5px;
}
.siderank .siderank_contents dl:nth-child(n+4) .rankking{
  background-size:contain;
  width:80px;
  height:20px;
  margin: 0 auto 5px;
}
.siderank .siderank_contents dl:nth-child(n+2) .rankking{
  margin-top:15px;
}
.siderank .siderank_contents dl:nth-child(1) .rankking{
background-image:url("https://file001.shop-pro.jp/PA01201/785/image/common/rankking_1.png");
}
.siderank .siderank_contents dl:nth-child(2) .rankking{
background-image:url("https://file001.shop-pro.jp/PA01201/785/image/common/rankking_2.png");
}
.siderank .siderank_contents dl:nth-child(3) .rankking{
background-image:url("https://file001.shop-pro.jp/PA01201/785/image/common/rankking_3.png");
}
.siderank .siderank_contents dl:nth-child(4) .rankking{
background-image:url("https://file001.shop-pro.jp/PA01201/785/image/common/rankking_4.png");
}
.siderank .siderank_contents dl:nth-child(5) .rankking{
background-image:url("https://file001.shop-pro.jp/PA01201/785/image/common/rankking_5.png");
}
.siderank .siderank_contents dl:nth-child(6) .rankking{
background-image:url("https://file001.shop-pro.jp/PA01201/785/image/common/rankking_6.png");
}
/* -------------------------------------
*   ランクページ
* ------------------------------------- */
.pagerank .itemBox dl {
    vertical-align: top;
}

.pagerank {
text-align:center;
}
.pagerank_contents dl:nth-child(-n+3) .rankking{
  background-size:contain;
  width:80px;
  height:30px;
  margin: 0 auto 5px;
}
.pagerank_contents  dl:nth-child(n+4) .rankking{
  background-size:contain;
  width:80px;
  height:20px;
  margin: 0 auto 5px;
}
.pagerank_contents dl:nth-child(1) .rankking{
background-image:url("https://file001.shop-pro.jp/PA01201/785/image/common/rankking_1.png");
}
.pagerank .pagerank_contents dl:nth-child(2) .rankking{
background-image:url("https://file001.shop-pro.jp/PA01201/785/image/common/rankking_2.png");
}
.pagerank .pagerank_contents dl:nth-child(3) .rankking{
background-image:url("https://file001.shop-pro.jp/PA01201/785/image/common/rankking_3.png");
}
.pagerank .pagerank_contents dl:nth-child(4) .rankking{
background-image:url("https://file001.shop-pro.jp/PA01201/785/image/common/rankking_4.png");
}
.pagerank .pagerank_contents dl:nth-child(5) .rankking{
background-image:url("https://file001.shop-pro.jp/PA01201/785/image/common/rankking_5.png");
}
.pagerank .pagerank_contents dl:nth-child(6) .rankking{
background-image:url("https://file001.shop-pro.jp/PA01201/785/image/common/rankking_6.png");
}
/* -------------------------------------
*     PCサイドコンテンツ 検索ボックス
* ------------------------------------- */
#searchForm .sideBox{
  padding: 10px 10px!important;
}
.searchselect_block{
	overflow: hidden;
	width: 100%;
  max-width: 180px;
	text-align: center;
  margin-bottom:8px;
}
.searchselect_block select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.searchselect_block select::-ms-expand {
    display: none;
}
.searchselect_block{
	position: relative;
  width:180px;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #ffffff;
}
.searchselect_block::before {
	position: absolute;
	top: 0.7em;
	right: 0.5em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #666666;
	pointer-events: none;
}
.searchselect_block select {
	padding: 3px 5px;
	color: #666666;
}
.searchSelect option{
font-size:11px;
}
.inputSearch{
  width:71%;
}
#sbtn_side{
  box-sizing: border-box;
border-radius:0px;
background:#943C83;
color:#fff;
border:none;
  padding:2px 6px;
}
#sbox_side{
  padding:3px 4px;
}

/* -------------------------------------
*     サイド配送
* ------------------------------------- */
.delivery_side{
	background-color:#f2f1da;
  padding:5px;
  margin-bottom: 20px;
  border-radius:10px;
}
.delivery_side .delivery_top{
  background-color:#ffffff;
  padding:5px 0;
  text-align:center;
  margin-bottom: 10px;
  border-radius:7px;
}
.delivery_side h2{
  font-size: 2em;
  line-height: 1.3em;
  color:red;
}
.delivery_side .delivery_top .small_p{
	font-size: 11px;
}
.delivery_contents{
	text-align:center;
}
/* -------------------------------------
*     スライドショー
* ------------------------------------- */
.bx-wrapper .bx-viewport{
    box-sizing: border-box;
  left: 0px!important;
  border:none!important;
  -moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
box-shadow:none!important;
}
.bx-wrapper .bx-pager{
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #ccc!important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000!important;
}

/* -------------------------------------
*    カレンダー
* ------------------------------------- */
.side_cal{
padding:10px 0;
}
.tbl_calendar {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  margin:0px auto;
  padding:10px 0;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 0 4px !important;
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
}
.side_section_cal {
    padding: 20px 0 10px;
}
.tbl_calendar caption {
    font-weight: bold;
  background: #f2f1da;
}
.tbl_calendar:first-child {
  margin-bottom: 30px;
}
/* -------------------------------------
*    画像角丸
* ------------------------------------- */
.itemBox.fade img {
    border-radius: 5px;
}
/* -------------------------------------
*    商品ページ検索キーワード欄
* ------------------------------------- */
.serch_keyword{
  text-align:center;
background:#eee;
  padding:20px;
  font-weight:bold;
}
.serch_keyword p{
  font-weight:bold;
  margin-bottom:1em;
}
.serch_keyword a{
padding:5px 10px;
  background:#fff;
  border-radius:20px;
  display:inline-box;
  margin:0 5px;
}
/* -------------------------------------
*    商品ページ contents 目次
* ------------------------------------- */
.book ul li ul li {
    padding-left: 1em;
    font-size: 0.9em;
}
/* -------------------------------------
*    サイドメニュー 子カテゴリー
* ------------------------------------- */
.sideBox .cat_chilid{
padding-left:1em ;
}
#side .sideBox li{
   padding: 10px 8px!important;
  border-bottom: none!important;
}
#side .sideBox li:not(:last-child){
  border-bottom: 1px solid #d8d8d8!important;
}

#side .sideBox .cat_chilid li {
  padding: 5px!important;
}


/* -------------------------------------
*    決済の振り込み詳細
* ------------------------------------- */
/*全体*/
.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding:10px 15px;
    border: solid 2px black;
    cursor :pointer;
      background: #fff;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

/* -------------------------------------
*    /// 決済の振り込み詳細
* ------------------------------------- */

/* -------------------------------------
*    記事特集コンテンツ
* ------------------------------------- */
.kiji_contents{
  border-bottom:1px dotted #ccc;
}
.nhs_btn{
 background: #943C83!important;
  font-weight:500;
  display:inline-block;
  font-size:1.2em!important;
    border-radius: 5px;
    color: #fff!important;
    padding: 10px 30px!important;
    cursor: pointer;
    margin: 10px auto;
    text-align: center;
    font-size: 0.9em;
    box-shadow: 0px 3px 0px 0 #4e0448;
  letter-spacing:0.15em;
text-indent:0.15em;
}
.nhs_btn:hover{
margin: 8px auto 12px!important;
   box-shadow: 0px 5px 0px 0 #4e0448;
  text-decoration-line:none;
  
}
.kiji_contents_p {
margin-top:1em;
}
.kiji_contents a img{
display:block;
  margin-bottom:10px;
}
/* -------------------------------------
*    /// 記事特集コンテンツ
* ------------------------------------- */

/* -------------------------------------
*    記事特集個別ページ
* ------------------------------------- */
.reading{
font-size:1.1em;
  line-height:1.5em;
}
.width80_center img{
  margin: 0 auto;
display: block;
}
.reading  li{line-height: 1.7em;}
    .reading_header{padding:0 20px;border-top:5px solid #ccc; border-bottom:5px solid #ccc; margin-bottom:30px;}
    .reading_head_title{font-size:1.5em; font-weight:bold; line-height:1.5em; margin:10px auto 0; padding: 20px 0px 5px;}
.reading_head_subtitle{
  font-size:1.1em; font-weight:bold;
  line-height:1.8em;
}
    .readingees{font-size:0.8em; font-weight:normal;}
    .reading_head_content{padding: 20px 0px; border-top:1px solid #aaa; margin:0 auto;}
    .ireading_head_content a{display:block;}
    .reading h3{font-size:1.2em; margin-top:2em; padding:5px 5px 5px 15px; border-left:5px solid #0006ce;border-bottom:2px dotted #aaa; margin-bottom: 1em;}
    .flex{display:flex;}
    .reading_book{width:15%; padding:5px;}
    .reading_book_p{width:85%; padding:5px;}
.reading_book_p a{display:block;}
    .reading_book_flex{background:#f7f7f7; padding:5px; margin-top:10px; border: 5px solid #e5e808;}
.questioner{font-size:1.1em; font-style:oblique; color:#191919; padding-top:10px; font-weight:lighter;margin:30px 0;}
.questioner:before{content:"―― ";}
.reading{padding:0 10px;}
.link_btn {    display: inline-block;padding: 8px 25px;background-color: #943C83;color:#fff!important;border-radius: 3px;font-size: 0.9em; border-bottom: solid 3px #4e0448;margin: 10px auto;text-align: center;
}
.present_dl{text-align:center;padding:20px 10px;background:#fbf3ff;}
h3.shohin_pre{
text-align:center;
font-size:1.5em;
border:none;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:20px 0;
margin-bottom:20px;
}
p.title_1 {
    font-size: 1.1em;
    font-weight: bold;
    border-bottom: 1px dotted #ccc;
    padding: 5px 0;
    margin-bottom: 5px;
    color: #560380;}
.comment_bnr{
padding:20px 0;
font-size:1.2em;
}
.comment_bnr p:first-child{
padding-left:1em;
}
.comment_bnr .line_1{
font-size:1.7em;
line-height:1.5em;
font-weight:bold;
}
.comment_bnr .line_1{
border-bottom:1px dotted #ccc;
}
.comment_bnr .line_1 span{
font-size:1.2em!important;
}
.comment_bnr .line_2{
font-size:1em;
line-height:1.3em;
padding:10px;
}
ol {
    padding-left: 1.5em!important;
}
ol li {
    list-style-type: decimal;
  line-height:2em;
}
ol li{
    margin-bottom:20px;
}

@media screen and (max-width: 600px){
    .reading_book{width:30%; padding:5px;}
    .reading_book_p{width:70%; padding:5px;}
.comment_bnr{
font-size:0.7em;
}
.comment_bnr .line_2{
font-size:1.2em;
}
}
/* -------------------------------------
*    // 記事特集個別ページ
* ------------------------------------- */


/* -------------------------------------
*     youtube
* ------------------------------------- */
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/* -------------------------------------
*    // youtube
* ------------------------------------- */

/* -------------------------------------
*    キーワード検索
* ------------------------------------- */
            .populer_keyword > div{
              margin-bottom:20px;
            }
            #main ul.cat_keyword,ul.cat_keyword {
              display:flex!important;
              justify-content: center;
              flex-wrap: wrap;
              margin:0; 
              list-style-type: none!important;
              margin-block-start: 0!important;
              margin-block-end: 0!important;
							padding-inline-start: 0px!important;
							list-style-type:none!important;
            }
						#main ul.cat_keyword li{
							list-style-type:none!important;
            }
            #side .sideBox .cat_keyword li{
              padding:10px 5px;
							border:none!important;
            }
            .cat_keyword li a{
              padding:8px 15px;
              color:#760c61;
              border:1px solid #760c61;
              border-radius:20px;
              font-size:1.1em;
              font-weight:bold;
            }
            .cat_keyword li a:hover{
              color:#fff;
              background-color:#760c61;
              text-decoration:none;
            }
/* -------------------------------------
*    キーワード検索
* ------------------------------------- */

.pc_none{
  display:none;
}
.pc_display{
  display:block;
}
/* 小山カスタムメニュー */
ul.ddmenu {
  box-sizing:border-box;
   margin: 0px;               /* メニューバー外側の余白(ゼロ) */
   background-color: #943C83; /* バーの背景色 */
}
ul.ddmenu li {
   width:  49.7%;          /* メニュー項目の横幅(125px) */
   display: inline-block; /* ★横並びに配置する */
   list-style-type: none; /* ★リストの先頭記号を消す */
   position: relative;    /* ★サブメニュー表示の基準位置にする */
}
ul.ddmenu > li >a {
  font-family:"Hannari","Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size:1.25em;
}
ul.ddmenu a {
   background-color: #943C83; /* メニュー項目の背景色 */
   color: white;              /* メニュー項目の文字色(白色) */
   line-height: 60px;         /* メニュー項目のリンクの高さ(60px) */
   text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   font-weight: bold;         /* 太字にする */
   display: block;            /* ★項目内全域をリンク可能にする */
}
ul.ddmenu li a:first-child {border-right: 1px solid #fff;}
ul.ddmenu li a:last-child {border-right: none;}

ul.ddmenu a:hover {
   background-color: #760c61; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
   color: #fff;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}
ul.ddmenu ul {
  z-index: 100;
   margin: 0px;        /* ★サブメニュー外側の余白(ゼロ) */
   padding: 0px;       /* ★サブメニュー内側の余白(ゼロ) */
   display: none;      /* ★標準では非表示にする */
   position: absolute; /* ★絶対配置にする */
  filter: drop-shadow(0px 5px 5px rgba(50,50,50,0.4));
}

ul.ddmenu ul li {
   width: 250px;               /* サブメニュー1項目の横幅(135px) */
   border-top: 1px solid ccc; /* 項目上側の枠線(ピンク色で1pxの実線) */
}
ul.ddmenu ul li a {
   line-height: 35px;   /* サブメニュー1項目の高さ(35px) */
   text-align: left;    /* 文字列の配置(左寄せ) */
   padding: 5px 10px;   /* 文字列前方の余白(5px) */
   font-weight: normal; /* 太字にはしない */
    background-color: #a75d98;
  border-top: 1px #fff dotted;
}
ul.ddmenu ul li a:hover {
   background-color: #760c61; /* サブメニュー項目にマウスが載ったときの背景色(淡い黄色) */
   color: #fff;            /* サブメニュー項目にマウスが載ったときの文字色(濃い緑色) */
}
.ddmenu>li:nth-child(2){
	display:none;
}
/* 小山カスタムメニュー */

nav#gNavi {
    margin-bottom: 2em;
}
ul.ddmenu li a::before {
    position: absolute;
    top: 50%;
    left: 110px;
    transform: translateY(-50%);
    width: 0px;
    height: 0px;
    border: 0.3em solid transparent;
    border-left: 0.4em solid #ffffff;
    content: "";
}
ul.ddmenu ul li a::before {
    position: absolute;
    top: 0;
    left: 0x;
    transform: translateY(0%);
    width: 0px;
    height: 0px;
    border: 0;
    border-left: 0;
    content: "";
}