/* CSS Document */
/*---------------------------------- 
	(c)SBD Style 
	Template:DoMo lettuce
	ver:0.1
	type:Giga_plan_kiji
	トップ
----------------------------------*/

/*スライドショーデフォルトCSSリセット*/
#container div.content div.lSSlideOuter div.lSSlideWrapper.usingCss,
#container div.content div.lSSlideOuter div.lSSlideWrapper.usingCss ul#image-gallery.gallery.list-unstyled.lightSlider.lsGrab.lSSlide,
#container div.content div.lSSlideOuter div.lSSlideWrapper.usingCss ul#image-gallery.gallery.list-unstyled.lightSlider.lsGrabbing.lSSlide,
#container div.content div.lSSlideOuter div.lSSlideWrapper.usingCss div.lSAction
{
margin-bottom:10px;
}

#container div.content div.lSSlideOuter ul.lSPager.lSGallery{
margin-left:auto;
margin-right:auto;
}
#container div.content div.lSSlideOuter{
margin-bottom:10px;
}


/*----------------------------
トップページフリースペース
-----------------------------*/

#container div.content div.top_free_space{
	color:#666;
	background-color:#FFFFFF;
	padding:5px;
	border-radius: 5px;		
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0 0 0 1px #009966;
}
/*--------------------------------------------------*/

.reviewlist {
  list-style: none;
  width: 670px;
}

.reviewlist> li {
  clear: both;
  padding-top: 20px;
  border-top-width: 1px;
    padding-bottom: 0px;/*-なが更新-*/
}

#container .reviewlist li div.icon_star {
  margin-bottom: 10px;
}

#container .reviewlist ul.review_poster {
  list-style: none;
  float: left;
  padding: 0;
  margin: 0;
}

.reviewlist ul.review_poster li {
  float: left;
}

.reviewlist ul.review_poster li:nth-child(1) {
  margin-right: 20px;
}

.reviewlist ul.review_poster li:nth-child(2) {
  margin-right: 20px;
}

.reviewlist ul.review_poster li:nth-child(3) {
  margin-right: 20px;
}

.reviewlist ul.review_poster li:nth-child(4) {
  float: right;
}

.reviewlist ul.review_poster::after {
  content: '';
  clear: both;
  display: block;
  height: 1px;
  width: 670px;
  margin-bottom: 10px;
}

.reviewlist li div.reviewlist_content > a {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 150px;
  height: 150px;
  max-height: 250px;
  max-width: 250px;
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
}

.reviewlist li:nth-child(2n) div.reviewlist_content > a {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 250px;
  height: 250px;
  max-height: 250px;
  max-width: 250px;
  float: right;
  margin-left: 10px;
  margin-bottom: 20px;
}

#container .reviewlist li div.reviewlist_content div {
  line-height: 1.4em;/*-なが更新-*/
  font-size: 12px;/*-なが更新-*/
}

.reviewlist div.reviewlist_content > a img {
  max-height: inherit;
  max-width: inherit;
}

.reviewlist li div.reviewlist_content div.title {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.5em !important;
    margin-left: 5px;
    padding-bottom: 10px;
}
.reviewlist li:nth-child(2n) div.reviewlist_content div.shop_comment div.title {
	text-align:right;
	
}


.reviewlist li div.reviewlist_content div.shop_comment {
  background-color: #fafafa;/*-なが更新-*/
  padding: 10px;
  border-radius: 10px;
  margin-top: 55px;
  clear:both;
  position:relative;
}

.reviewlist li div.reviewlist_content div.shop_comment span {
  display: block;
  text-align: right;
}

#reviews div.shop_comment div.shop_image{
	position:absolute;
	top:-50px;
	right:15px;
}
#reviews li:nth-child(2n) div.shop_comment div.shop_image{
	position:absolute;
	top:-50px;
	left:15px;
}


#reviews div.shop_comment div.shop_image img{
	max-height:100px;
	max-width:100px;
	box-shadow: 3px 4px 5px 1px #aaa;
	border:solid 2px #FFF;

}

#reviews div.shop_comment div.shop_image span{

    display: table-cell;
    font-size: 9px;
    text-align: center;
    vertical-align: middle;
    width: 100px;
}
#reviews div.shop_comment div.shop_image span:first-child{
	display: table-cell;
    height: 100px;
    vertical-align: middle;
    width: 100px;
    padding-right: 10px;
}
#reviews div.shop_comment div.shop_image span:last-child{
	background-color: #fff;/*-色変更 なが更新-*/
	border-radius: 50px;
}
#container div.content div.send_reviews a{

	width:600px;
	height:50px;
	display:block;
	line-height:50px;
	text-align:center;
	border-radius: 10px;
	margin-left:auto;
	margin-right:auto;
	border:solid 1px #000000;
	background: url("https://img02.shop-pro.jp/PA01127/358/etc/pen.png") no-repeat 207px 8px;
}
/*--------------------------------------------------*/
#container div.content div.review h2{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #009933;
}

#review_list div.info{
	border-bottom: 1px solid #aaa;
}
/*--------------------------------------------*/
#container div.slide_top{
width:980px;
margin-bottom: 40px;
}
/*------------------------------------*/
/* review js*/
#review{
  display:none;
 }
.rev_navi{
  position:relative;
    height:50px;
	margin-left: -123px;/*-左に移動なが更新-*/
}
.rev_navi ul,
.rev_navi ul li{
    float:left;
 }
.rev_navi ul{
  width:110px;
  position:absolute;
  left:50%;
  margin-left:-50px;

}
 .rev_navi ul li a{
   width: 220px;/*-文字数増やしましたなが更新-*/
   padding-left: 0px;
   border: solid 1px #CCC;
   border-radius:5px;
   text-align:center;
   display:block;
   margin-right:10px;
 }
#rev_info,
#rev_info p{
  text-align:center;
  margin-bottom:10px !important;

 }
.rev_img_close{
	display:none !important;
}

.rev_shop_comment{
	display:none;
}
.rev_comment{
	height:2em;
	float:left;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-bottom:0px;
}
.rev_more{
  clear:both;
  line-height:2em;
  height:2em;
  display:block;
  text-align:center;
  padding:0px;
  margin-left:auto;
  margin-right:auto;
  width:100px;
  border:solid 1px #CCC;
  border-radius:8px;
  color:#000000;
}
.rev_more:hover,.rev_open:hover{
  color:#009933;
}
.rev_more_close{
  display:none;
}
.rev_close{
  display:none;
}
.rev_open{
  clear:both;
  display:block;
  line-height:2em;
  height:2em;
  text-align:center;
  padding:0px;
  margin-left:auto;
  margin-right:auto;
  width:100px;
  border:solid 1px #CCC;
  border-radius:8px;
  color:#000000;
}


/*------------------------*/
.lSSlideWrapper .lSAction a{
  display:none;
}
.lSSlideWrapper:hover .lSAction a{
  display:block;   
}




/*-ここから下なが更新-*/


/* --- ボックス --- */
div.media_info {
width: 100%; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #999999 solid; /* ボックスの境界線 */
font-size: 12px; /* ボックスの文字サイズ */
}

/* --- 見出し --- */
div.media_info h3 {
margin: 0; /* 見出しのマージン */
padding: 5px 10px; /* 見出しのパディング（上下、左右） */
background-color: #cccc33; /* 見出しの背景色 */
border-bottom: 1px #cccc33 dotted; /* 見出しの下境界線 */
font-size: 14px; /* 見出しの文字サイズ */
}

/* --- 本文領域 --- */
div.media_info div.media_info_textArea {
height: 120px; /* 本文領域の高さ */
overflow: auto;
padding: 0px 10px; /* パディング（上下、左右） */
color:#666;
font-weight:bold;

}




/* --- 本文領域内の段落 --- */
div.section div.textArea p {
border 1px #999999 dotted; /* 境界線 */
margin: 2em 20px; /* 段落のマージン（上下、左右） */
}

.btn-more {
  width: 96%;
  margin: 0 auto 60px;
  padding: 10px 12px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 60px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 60px;
}
.btn {
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #f5f5f5;
  color: #333;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}
.btn-block {
  box-sizing: border-box;
}

@media (max-width: 768px)
.hidden-tablet {
display: inherit !important;
}
@media (max-width: 768px)
.hidden-desktop {
}
@media (max-width: 980px)
.hidden-tablet {
}
@media (max-width: 980px)
.hidden-desktop {
}






/*-footerの背景画像なが更新-*/
div.payment {
background: rgba(0, 0, 0, 0) url("https://img02.shop-pro.jp/PA01127/358/etc/head_bg_green_c.png?20150322131819") repeat scroll 0 0;
}



/*----------トップ2個並びバナーなが更新-----------------*/
ul.naga_bana {
    float: left;
    list-style: none outside none;
}
ul.naga_bana li{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;	
    float: left;
    margin: 1% 1%;
    padding: 0;
    width: 48%;
}


/*-バナーを色々なサイズで横に並べる 上山更新-*/

.topBn li{
	display:inline-block;
	margin:5px 2px;　/*←上下5px、左右2pxのマージン指定の場合*/
}
.topBn li img {
    margin-bottom: 0px;
}


/*-トップはじめましてなどのアイコンサブメニュー-*/
.top-pc-sub-menu ul li {
display:block;
float:left;
list-style-type:none;
text-align:center;
width:15%;/*-6つのリストアイテムを等幅で並べたい場合は次のCSSを追記-*/
margin:0 1%;
}
.top-pc-sub-menu ul li:nth-child(6n+1) {
margin:0 1% 0 0;
}
.top-pc-sub-menu ul li:nth-child(6n) {
margin:0 0 0 1%;
}

/* トップサブ アイコンカテゴリメニュー */
.pc-sab-menu-category ul li {
display:block;
float:left;
list-style-type:none;
text-align:center;
width:12.5%;/*-この数値を変える-*/
}

/*-バナーを色々なサイズで横に並べる（ランダム）パソコン用-*/

.topBn li{
	display:inline-block;
	margin:5px 2px;　/*←上下5px、左右2pxのマージン指定の場合*/
}
.topBn li img {
    margin-bottom: 24px;
}
.reviewlist > li:nth-child(2){
  display:none;
}