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

テンプレート調整

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

/*余白の調整*/
.fs-l-main {margin: 0 auto 24px;}
.fs-pt-column__item {padding: 2px;}

/*スマホロゴ*/
.fs-p-logo__image {
  max-height: 40px;
}
.fs-p-logo {
padding: 15px;
}

/*PCロゴ*/
@media screen and (min-width: 768px) {
  .fs-p-logo__image {
    max-height: 48px;
  }
}

/*レビュー*/
.fs-c-reviewBody{border: none; padding: 0;}
.fs-c-reviewerStatus{background:#7b6fbb}

/*h2タイトルデザイン*/
h2.fs-p-heading--lv2{
	border:none;
	position: relative;
}
h2.fs-p-heading--lv2:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #D8CDE7, #D8CDE7 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #D8CDE7, #D8CDE7 2px, #fff 2px, #fff 4px);
}

/*フリーページ見出しh1調整*/
.fs-c-heading--page{border-bottom: 1px solid #6054A2; font-size: 1.6rem;　line-height: 1.2em; margin: 0 0 24px; padding: 0.5em 0; text-align: left; font-weight: bold;}

/*マイページアイコン*/
@media screen and (max-width: 600px) {
  .fs-c-accountService__page{flex-basis: 48%;}
}
.fs-p-heading--lv2{padding: 5px 0px;}

/*LP中央ぞろえ*/
.lp{max-width:600px; widht:100%; margin: 0 auto; padding:0;}

/*LPの画像の隙間*/
.lp img{vertical-align: bottom;}

/*最新情報*/
.fs-p-dateList > li time:first-child {background:none; color: #333333;}
.fs-p-dateList > li {border: 1px dashed #cccccc; border-width: 1px 0 0 0; padding: 8px 0 0;}

/*トップページ会員特典*/
.fs-p-card{background: none; border: 5px solid #D8CDE7;}
.fs-p-card__title{color: #7b6fbb; font-weight: bold; letter-spacing: 0.2em;}
.fs-p-listWithCheckmark > li {color: #7b6fbb; background: #f1effc;}

/*トップページコンテンツ*/
.toplist{width: 100%;text-align: center; border-left: 1px solid #555555; border-top: 1px solid #555555; border-collapse: collapse; padding: 5px;}
.toplist td{border-right: 1px solid #555555; border-bottom: 1px solid #555555; padding: 5px;}

.fs-c-productPrice--selling .fs-c-productPrice__main .fs-c-productPrice__main__price{color: #333333;!important;}
.fs-c-productPrice--member{color: #F75C6E;}

/*h2の隙間調整*/
.fs-p-heading--lv2:not(:first-child) {margin-top: 1em; margin-bottom: 0.5em;}

/*告知枠隙間調整*/
.fs-p-messageBoard{padding: 10px; margin-bottom: 0px;}

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

ドロワーメニューオリジナル検索

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

.menubox{background:#EEEEEE; padding:5%;}
.menuinner{background:#FFFFFF; padding:5%;}

/*inline-block隙間消す*/
.corol_navi{font-size:0;}
.size_navi{font-size:0;}
.kodawari_navi{font-size:0;}

/*カラー検索*/
.corol_navi a {display:inline-block; width: 30%; margin:1.5%;}

@media screen and (max-width: 600px) {
.corol_navi a {display:inline-block; width: 23%; margin:1%;}
}

/*度数検索*/
.menubox .size_navi .fs-c-button--standard{width: 46%; margin: 2% 2%; padding: 0.8em 1em 0.6em;}

/*こだわり検索*/
.menubox .kodawari_navi .fs-c-button--standard{width: 100%; margin: 2% 2%; padding: 0.8em 1em 0.6em;}

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

コマクリ以前

-------------*/
/*商品データ*/
.items .inner table{width: 100%; border-left: 1px solid #555555; border-top: 1px solid #555555; border-collapse:collapse;}
.items .inner td,.items .inner th{border-right: 1px solid #555555; border-bottom: 1px solid #555555; padding: 5px;}
.items .inner th{background:#cccccc; font-weight: bold;}
.items .inner .photolist img{width: 48%; display: inline-block;}

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

汎用デザイン

-------------*/
.point{color: #e2133d;}
.col3 div{float:left; width: 31%; margin:1%;}

/*2カラムメディアクエリ有*/
.col2 div{float:left; width: 48%; margin:1%;}
.col2 div p{margin:0;}
@media screen and (max-width: 600px) {
  .col2 div{float:none; width: 96%; margin:1.5%;}
}

/*2カラムメディアクエリ無し*/
.col2n div{float: left; width: 42%; margin: 4%;}

/*flex*/
#flexbox{display:flex; flex-wrap: wrap; width: 100%; height:auto;}

/*2カラムflexメディアクエリ有*/
.col2f div{width: 50%; padding:1%;} 
@media screen and (max-width: 600px) {
  .col2f div{width: 100%; padding:1%;} 
}
/*2カラムflexメディアクエリ無し*/
.col2fn div{width: 50%; padding:2%;}  

.ta-c{text-align: center;}

/*シンプルなリボン*/
.ribbon1 {
  display: inline-block;
  position: relative;
  height: 40px;/*リボンの高さ*/
  line-height: 40px;/*リボンの高さ*/
  text-align: center;
  padding: 0 30px;/*横の大きさ*/
  font-size: 16px;/*文字の大きさ*/
  background: #c6b8ef;/*塗りつぶし色*/
  color: #FFF;/*文字色*/
  box-sizing: border-box;
}

.ribbon1:before, .ribbon1:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon1:before {
  top: 0;
  left: 0;
  border-width: 20px 0px 20px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.ribbon1:after {
  top: 0;
  right: 0;
  border-width: 20px 15px 20px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}
/*-------------

追加デザイン

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

/*indexカラーボタン*/
.color-btn{display: flex; flex-wrap: wrap;}
.color-btn > a {flex: 1; padding: 0.5%;}


/*ツイッターウィジェット*/
.twitter_box{padding: 10px 15px; background: url(https://bellre.itembox.design/item/common/bkflower.jpg); text-align: center; max-width: 550px; margin: 0 auto; border-radius: 0.5em;}

.twitter_box_ttl{
color:#FFF; font-weight:bold;
}
/*ツイッターウィジェット*/

/*rankingtop*/
.rankingtop div{width: 33%; padding: 1%;}
.rankingtop div .no{color: #fff; font-weight: bold; margin: 0; display: block; background: #555555; border-radius: 20px; width: 25px; height: 25px; text-align: center; padding-top: 7px; margin: 0 auto 5px;}
.rankingtop div .no1{color: #fff; font-weight: bold; margin: 0; display: block; background: #E5C54C; border-radius: 20px; width: 25px; height: 25px; text-align: center; padding-top: 7px; margin: 0 auto 5px;}
.rankingtop div .no2{color: #fff; font-weight: bold; margin: 0; display: block; background: #B1B1B1; border-radius: 20px; width: 25px; height: 25px; text-align: center; padding-top: 7px; margin: 0 auto 5px;}
.rankingtop div .no3{color: #fff; font-weight: bold; margin: 0; display: block; background: #D3AC69; border-radius: 20px; width: 25px; height: 25px; text-align: center; padding-top: 7px; margin: 0 auto 5px;}
.rankingtop p{margin: 0; font-size: 10px; line-height: 1em;}

/*modeltop*/
/*.modelbtn div{width: 33%;padding: 2%; text-align: center;}
.modelbtn img{border-radius: 50%; border: 0.3em solid #D8CDE7;}*/
.modelbtn{width:100%; margin:0 auto;}
/*----------

マイページ

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

/*退会ボタン*/
.fs-c-accountService__page--accountDelete{height: auto; border: 1px solid #7b6fbb; display: inline-block; text-align: center; border-radius: 0.5em;}

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

商品ページ

-------------*/
video.itemvideo{margin: 0 auto; display: block; max-width: 300px; width: 80%;}

/*商品説明文*/
.itemtext p{margin: 5px 0;}
.itemtext p{color: #c6b8ef; font-weight: bold; text-align:left; font-size: 1.5rem; margin: 0;}
.itemtext ul.check{list-style: none; padding: 5px 0; font-size: 1.2rem; margin: 0 0 10px;}
.itemtext ul.check li {position: relative; padding: 2px 5px 2px 25px; background: #fff; margin: 0; border-radius: 0.5em;}
.itemtext ul.check li:before{content: "";  position: absolute; top: 0.2em; left: 0.5em; -webkit-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); width: 5px; height: 10px; border-right: 3px solid #c6b8ef; border-bottom: 3px solid #c6b8ef;}
/*----------

blogCSS

---------------*/
/*blog 文字*/
.blog p{line-height: 1.8; font-size: 115%;}
.blog h2{border-top: dashed 2px #c6b8ef; padding: 1em 0.5em 0.5em; text-align: center; font-size: 20px; margin: 1.5em 0 0.5em 0; font-weight: bold; color: #666666; line-height: 1.5;}
.blog h3{border-left: 6px solid #D8CDE7; padding: 10px 5px; background: #f1effc;}

/*blog ボタン*/
.blog a.btn{position: relative; border-radius: 0px; color: #ffffff; cursor: pointer; display: inline-block; font-size: 1.4rem; line-height: 1.5; text-decoration: none; text-align: center; padding: 1em 1.6em 0.8em 2.6em; min-width: 240px; background: #7b6fbb; letter-spacing: 0.1em; margin: 10px 0 5px 0;}
.blog a.btn:before {        /*白いひし型 */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 20px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #fff;
}
.blog a.btn:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 18px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #7b6fbb;
}

/*blog レイアウト*/
.blog .mainimg{max-width: 500px; margin: 0 auto; display: block;}
.blog div.pc div{width: 70%; margin: 0 auto;}
@media screen and (min-width: 768px) {.blog div.pc div { width: 50%; float: left;}}

/*blog 装飾*/
.blog ul.data{list-style: none; margin: 20px 20px 0; padding: 0; line-height: 1.5em; font-size: 12px;}
.blog ul.data li span{background: #c6b8ef; color: #fff; border-radius: 5px;  display: inline-block; width: 120px; text-align: center; margin: 0 5px 5px 0; font-size: 12px;}
.blog .point{color:#e2133d;}

/*blog チェックマークのリスト*/
.blog ul.check{
list-style: none;
    padding: 5px 0;
    border: 1px solid #cccccc;
}

.blog ul.check li{
    position: relative;
    padding: 2px 5px 2px 25px;
    background: #fff;
    margin: 0;
    border-radius: 0.5em;
    font-size: 110%;
  }
 
.blog ul.check li:before {
content: "";
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 5px;
    height: 10px;
    border-right: 3px solid #c6b8ef;
    border-bottom: 3px solid #c6b8ef;
  }

/*トップページblogリスト*/
.bloglist p{line-height: 1.2em; font-size: 12px;}

/*blogレポ記事*/
.blog_repo{margin:0 auto;text-align: center;max-width:500px;}

/*ペイディ追加テキスト*/	
.c-tx-paidy{color: #7b6fbb;}
.c-tx-paidy-h{font-weight: bold; font-size: 1.2em;}

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

検索

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

/*--検索フォームエリア--*/
.searchForm_Area{
	background:#EBE5F3;
	width:100%;
	padding:20px 0;
	margin-top:20px;
}


/*--検索フォーム--*/
.searchForm_Box {
	margin:0 auto;
	text-align: center;
	margin-bottom:15px;
}
.searchForm_Text {
  margin: 0 auto;
  width: 80%;
  height:2.8em;
  background-image : url(https://bellre.itembox.design/item/index/icon_search.png);
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: auto 60%;
  background-color: #ffffff;
  padding-left: 45px;
  color: #555;
  font-size: 14px;
  letter-spacing: 0.1em;
  outline: 0;
}
 
.searchForm_Text:focus {
  border: 1px solid #555; 
}
.searchForm_Text::-ms-clear {
  display: none; /*×を消す */
}


/*--ホットワード--*/
.search_hotwords{
	text-align:center;
}
.search_hotwords_h{
  text-align:center;
  font-weight:bold;
  margin-right:7px;
  color:#ffffff;
  font-size:0.9em;
  background:#7b6fbb;
  padding:3px;
}

.search_hotwords_item{
  text-align:center;
  padding:3px 3px 0 0;
  font-size:0.9em;
}
.search_hotwords a:link{
	text-decoration: underline;
	color:#7b6fbb;
}
.search_hotwords a:visited{
	text-decoration:none;
	color:#7b6fbb;
}

/*サイズボタン*/
.size-btn{
	margin:0 auto;
	width:100%;
}
.size-btn tr{
	float:left;
}

/*ヘッダーナビ下のボーダー消し*/
.fs-p-headerNavBar {
 border-bottom: none;
}

/*ショップガイド*/
.shopguide{
}

.shopguide h2{
	font-size:1.3em;
	color:#7b6fbb;
	font-weight:bold;
	text-align:left;
    border-bottom: #7b6fbb 2px dotted;
    padding: 6px;}

.shopguide_top{
	text-align:center;
}

.shopguide_list a:link{
	text-decoration:none;
}
.shopguide_list > div{
	margin-bottom:30px;
}
.shopguide_box1{
	background: #EBE5F3;
    color: #7b6fbb;
    padding: 5px;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 2.4em;
    width: 90%;
    border-radius: 0.5em;
	margin:7px auto;
}
.shopguide_box2{
	background:#EBE5F3;
    color: #7b6fbb;
    padding: 5px;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 2.4em;
    width: 90%;
    border-radius: 0.5em;
	margin:7px auto;
}
.shopguide .info{
	text-align:left;
	font-size:1.2em;
	line-height:1.5em;
}
.shopguide li{
	color:#E5133D;
}

/*ランキング*/
.top10 .rankcol2 div{width: 48%; margin-bottom: 15px;}
.top10 .rankcol2 div:nth-child(odd){float: left;}
.top10 .rankcol2 div:nth-child(even){float: right;}
.top10 .rank{font-weight: bold; background: #CCC; color: #FFF; border-radius: 0.2em; padding: 0 10px;}
.top10 .rank01{background: #E5C54C;}
.top10 .rank02{background: #B1B1B1;}
.top10 .rank03{background: #D3AC69;}
.top10 .itemname{line-height: 1.2em;}

/*バナーエリア*/
.bnrarea p{margin: 5px 0;}
.topbnr p{color: #c6b8ef; font-weight: bold; text-align: center; font-size: 1.5rem; margin: 0;}
.topbnr ul.check{list-style: none; padding: 5px 0; font-size: 1.2rem; margin: 0 0 10px;}
.topbnr ul.check li {position: relative; padding: 2px 5px 2px 25px; background: #fff; margin: 0; border-radius: 0.5em;}
.topbnr ul.check li:before{content: "";  position: absolute; top: 0.2em; left: 0.5em; -webkit-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); width: 5px; height: 10px; border-right: 3px solid #c6b8ef; border-bottom: 3px solid #c6b8ef;}

/*高度数ページ*/
.kodosu .box{padding: 13px; border: 3px solid #FFD7D7; font-size: 0.9em; line-height: 1.8em;}
.kodosu .ttl{margin-bottom: 10px;}
.kodosuitem div{width: 50%; padding: 0 2%;}
.kodosuitem p{line-height: 1.2em; text-align: center;font-size: 1em;}

/*ガイド*/
.guide img.main{width:100%; max-width:600px; margin:0 auto 15px;}
.guide p,.guide ul{line-height: 1.5em; font-size: 15px;}
.guide p{margin: 0 0 10px 0;}
.guide .guide_topttl{font-size: 20px; font-weight: bold; text-align: left; padding: 10px 10px; color: #59493f; border-bottom: 1px solid #59493f; margin: 0 0 10px 0;}
.guide .guide_ttl{ padding: 7px 10px; background-color: #EBE5F3; color: #7B6FBB; margin: 18px 0; font-size: 16px; text-align: left; font-weight: bold;}
.guide .smal{font-size:85%;}
.guide .point{color:#e5004f;}
.guide ul{ margin: 10px 0; padding: 0 0 0 20px; text-align: left;}
.guide ul li{list-style: disc; }
.guide .box{padding: 15px; background: #eeeeee; width: 100%;}
.guide .box .point{font-size: 16px; font-weight: bold;}
.guide .btn {display: inline-block; margin: 10px 0; padding: 10px; border: 1px solid;}
.guide .arrow_btn a{display: block; text-align: left; padding: 8px; border-bottom: 1px solid #d8d8d8; position: relative;}
.guide .arrow_btn .check{background: #fee0e4;}
.guide .arrow_btn .child{padding: 5px 8px 5px 30px;}
.guide .arrow_btn a:after { position: absolute; top: 50%; right: 1.5em; width: 0.7em; height: 0.7em; transform: translateY(-50%) rotate(45deg); border-right: 1px solid #555; border-top: 1px solid #555; content: "";}

.guide .guidetoplist{padding: 0; border-top: 1px solid #EBE5F3; list-style: none;}
.guide .guidetoplist li{padding: 13px 0 13px 35px; border-bottom: 1px solid #EBE5F3; list-style: none; background-repeat: no-repeat; background-size: 30px; background-position: 0 50%;}
/*icon*/
.guide .guidetoplist li.about{background-image:url(https://bambina.itembox.design/item/guide/icon_08.png);}
.guide .guidetoplist li.tokuten{background-image:url(https://bambina.itembox.design/item/guide/icon_03.png);}
.guide .guidetoplist li.nagare{background-image:url(https://bambina.itembox.design/item/guide/icon_02.png);}
.guide .guidetoplist li.shiharai{background-image:url(https://bambina.itembox.design/item/guide/icon_01.png);}
.guide .guidetoplist li.souryo{background-image:url(https://bambina.itembox.design/item/guide/icon_07.png);}
.guide .guidetoplist li.hosyo{background-image:url(https://bambina.itembox.design/item/guide/icon_05.png);}
.guide .guidetoplist li.kojin{background-image:url(https://bambina.itembox.design/item/guide/icon_04.png);}
.guide .guidetoplist li.qa{background-image:url(https://bambina.itembox.design/item/guide/icon_06.png);}

.guide .guidetoplist li a{display: block;}
.guide .guidetoplist li img{width: 30px; margin-right: 2%; display: inline;}
.karakonguide img{width: 50%; margin: 0 auto 30px; max-width: 300px;}

.guide .guide_ttl{ padding: 7px 10px; background-color: #EBE5F3; color: #7B6FBB; margin: 18px 0; font-size: 16px; text-align: left; font-weight: bold;}
.karakonguide img{width: 100%; margin: 0 auto 30px; max-width: 600px;}
.guide .btn {display: inline-block; margin: 10px 0; padding: 10px; border:#7B6FBB 1px solid;}

.guide .kyugyou, .kyugyou {font-weight: bold; font-size: 18px; line-height: 1.3em; margin-bottom: 4px;}

/*商品画像表示幅調整*/
.fs-c-productCarouselMainImage__image > img {
 width: 550px;
}

/*--------------
汎用
--------------*/
.mb15{margin-bottom: 15px;}
.bg{background: #eeeeff;}
.small{font-size: 80%;}

/*--------------
clear
--------------*/

.cf::after {
  content: "";
  display: block;
  clear: both;
}