@charset "UTF-8";

.pt_attention_y{
	background-color: #FFD600;
	font-weight: bold;
	padding: 0 1em; 
}
.pt_attention_r{
	background-color:#F7DFDF;
	border: solid 1px red;
	font-weight: bold;
}
.pt_attention_g{
	background-color: #98fb98;
	font-weight: bold;

}
.FS2_lower_comment {
    display: inline-block;
}
/*
.FS2_upper_comment{
	margin: 2em 0;  
}
*/
.shop_closing ul.shop_iconArea{
	margin-top:-0.25em;
}

#FS2_itemlayout_H .FS2_thumbnail_container {
	margin: 2em auto;
}
/*
.gl_Item {
    padding-top: 0.5em;
}
*/

.kirinadd a:after {
    content: none;
}
.point_img img{
	max-width:100%;
}
.FS2_PostageSettleList_icons img{
	max-width:100%;
}
.bold8{
	font-weight:800;
}
.bold6{
	font-weight:600;
}
.bold5{
	font-weight:500;
}

.mod_action{
  padding:0.4em;
}

.FS2_OptionPrice_table{
  position: relative;
  letter-spacing: -0.1em;
  font-size: 0.95em;
}
/*
.FS2_OptionPrice_table th{
  background-color: #CBFFD3;
  font-weight:bold;
}
.FS2_OptionPrice_table th{
  padding: 0 4px;
  text-align: left;
}
*/
.FS2_OptionPrice_table{
  width:100%;
}
.FS2_OptionPrice_table th{
  width:0;
  font-size:0;
  background-color: #CBFFD3;
}
.FS2_OptionPrice_table td{
  padding: 2px 0;
}

.FS2_OptionPrice_table label{
  font-size:0.96em;
}
.query{
  background-color: #CBFFD3;
  font-weight:bold;
  padding-left:0.2em;
  margin-bottom:0.1em;
  
}
.FS2_OptionPrice_table td br{
  display:none;
}
/*
.query::before{
  content:"";
  padding-left:0.5em;
  text-indent:-0.5em;
}

#reply_r1{
  color:blue;
  line-height: 1.3em;
}
*/
#reply_no,#reply_yes,#less_than,#more_than{
  /*font-size:0.825em;*/
  font-weight:bold;
}
.callText_gender{
  background-color: red;
  color:yellow;
  font-weight:bold;
  padding-left:0.5em;
  display: none;
}
.callText_no{
  background-color: red;
  color:yellow;
  padding-left:0.5em;
  display: none;
}
.callText_yes{
  background-color: blue;
  color:#FFFFFF;
  padding-left:0.5em;
  display: none;
}
.abuse-component-list li{
  font-size:0.85em;
}
.abuse-component-list nobr{
  font-weight:bold; 
}

.callText_reply_no{
  background-color: red;
  color:yellow;
  padding-left:0.5em;
  display: none;
}
.callText_reply_yes{
  background-color: blue;
  color:#FFFFFF;
  padding-left:0.5em;
  display: none;
}

/* ==========================================
　デバイスの横幅が480px以内の場合に適用
============================================= */
@media screen and (max-width:480px){	

	.important_notices_pc{
		display:none;
	}

	.important_notices_sp{
		font-size:0.8em;
		margin:0.8em; 
		background-color:#ffe5e5;
		padding:0.5em;
	}
	
/* ==========================================
　2018.11.22 ナビゲーション改修時追記
============================================= */
	.scroll_sp.header-nav-global, .scroll_sp.header-nav-logo{
		display:none;
	}	
	.scroll_sp-nav p{
		display:inline-block;
		vertical-align: top;
	}
	
/*	
	.info_title_sp{
		font-weight:bold;
		line-height: 1.2em;
		margin-bottom: 0.5em;
	}
	.info_content_sp{
		line-height:1em;
		padding:0 0.5em;
	}
	.info_date_sp{
		font-size:0.9em;
		font-weight:bold;
		margin-right:0.5em;
	}
	.info_head_sp{
		font-size:0.9em;
		color:red;
		font-weight:bold;
	}
	.info_head_sp_black{
		font-size:0.9em;
		font-weight:bold;
	}
	.info_text_sp{
		font-size:0.8em;
	}
	.info_text_sp_m{
		color:red;
		font-weight: bold;
		font-size: 0.8em;
	}
	.br_style_sp{
	}
*/	
	
}

/* ==========================================
　デバイスの横幅が481px以上の場合に適用
============================================= */


@media screen and (min-width:481px){	
	
	.important_notices_sp{
		display:none;
	}
	.important_notices_pc{
		position: relative;
    margin: 1em auto;
    max-width: 990px;
		background-color:#ffe5e5;
		padding:0.5em;
	}
	
/*	
	.info_title_pc{
		font-weight:bold;
		line-height: 1.2em;
		margin-bottom: 0.5em;
	}
	.info_content_pc{
		line-height:1em;
	}
	.info_date_pc{
		font-size:0.9em;
		font-weight:bold;
		padding-left:0.5em;
		margin-right:0.5em;
	}
	.info_head_pc{
		font-size:0.9em;
		color:red;
		font-weight:bold;
	}
	.info_head_pc_black{
		font-size:0.9em;
		font-weight:bold;
	}
	.info_text_pc{
		margin-left:6.8em;
		font-size:0.8em;
	}
	.br_style_pc{
		padding-left:8em;
	}
	.br_style_pc_m{
		color: red;
		font-weight: bold;
	}
*/
  
  .FS2_OptionPrice{
    
  }  
  
  .FS2_OptionPrice_table{
    
  }
	
}
/* ==========================================
　デバイスの横幅が834px以上の場合に適用
============================================= */


@media screen and (min-width:834px){	
	.mod_wrapNav {
		border: 3px solid #009500;
		background: #ffffff;
		border-radius: 8px;
		margin-top: -55px;
	}
	.mod_wrapNav li:first-child, .mod_wrapNav li:nth-child(2) {
    border-bottom: 1px solid #d4d4d4;
	}
	.mod_wrapNav li:nth-child(3) {
    border-left: none;
	}
	.mod_wrapNav li {
    width: 50%;
	}
	.FS2_breadcrumbs_1, .FS2_breadcrumbs_2, .FS2_breadcrumbs_3, .FS2_breadcrumbs_4 .FS2_breadcrumbs_5 {
    padding-left: 220px;	
	}
}


/*********************************************
 ▼▼▼ 以下index改修で追加-181001- ▼▼▼
**********************************************/

.mod_mv-slide img {
	width: 87%;
	height: auto;
	margin: 0 auto;
}

.mod_category-full li a {
	padding: .2em .4em;
	/*display: block;
	background: #fff;
	text-decoration: none;
	color: #3A3A3A;
	font-size: 14px;
	border: 3px solid #ffffff;*/
}

.mod_category-full li small {
	/*font-size: 10px;
	color: rgba(58, 58, 58, 0.6);*/
	/*display: none; 　テキスト表示か非表示かで次のaのheightも切り替える*/
	margin-top: 0;
	letter-spacing: -1px;
}
/*.mod_category-full li.fullSize a {
	height: 2.6em;
}*/
.mod_category-full ul {
	margin-bottom: .5em;
}
.mod_category-full li {
    /*float: left;
    width: 50%;*/
    padding: 1px;
}
.mod_category-full li i{
	height: 25px;
}

#mod-spNav .seg2 .mod_category-full li a {
	/*line-height: 25px;
	font-size: 12px;*/
	padding: .2em;
}
#mod-spNav .seg2 .single {
    /*margin-top: 6px;
    line-height: 18px;
    font-size: 13px;*/
    padding: .4em .8em;
}
#mod-spNav .seg3 {
	padding: .4em 1em;
	/*text-align: left;*/
}
#mod-spNav .seg3 li {
	margin-bottom: .4em;
	/*font-size: 13px;*/
}
#mod-spNav .seg1 li a {
	/*font-size: 10px;*/
	padding: .4em .3em;
}
#mod-spNav .seg2 li {
	/*float: left;
	width: 50%;*/
	border-right: 2px solid #cacaca;
	border-bottom: 2px solid #cacaca;
}
#mod-spNav .seg2 .mod_category-full {
	margin: .1em 0 0;
}
#mod-spNav .seg2 .single {
	margin-top: .3em;
	/*line-height: 18px;
	font-size: 13px;
	padding: .9em .8em;*/
}

.elm_footer-badge .logo2{
  margin-top: 1em;    
}


/* ==========================================
　デバイスの横幅が834px以内の場合に適用
============================================= */
@media screen and (max-width:834px){	
	
	.mod_mv-slide {
		padding-top: 0.4em;
		margin: 0 auto;
		background: #fff;
	}

	.mod_mv-slide .slick-arrow {
    /*margin-top: -29px;
    width: 24px;
    height: 46px;
    background-size: 50%;*/
    background-color:none;
	}
	.lay_section-category{
		margin: 0.4em 0;
	}
	.mod_sectionHeader {
		margin: .3em 3%;
	}
	
	.lay_section-star, .lay_section- {
		margin: 0.4em 0;
		padding: .1em 0;
		/*border: solid .3em #d4d4d4;*/
	}
	.lay_section-star-, .lay_section-{
	}
	.lay_section- {
	}
	.mod_twinSlide{
		/*border-top: solid .2em #d4d4d4;
		padding-top: .3em;*/
	}	
	.mod_twinSlide ul:after {
		content: '';
		display: block;
		clear: both;
	}
	.mod_twinSlide ul, .lay_section- ul {
	}
	.mod_twinSlide ul li{
		width:50%;
		display:inline-block;
		margin:0 auto;
		text-align: center;
	}
	.mod_twinSlide .left{
		float:left;
	}
	.mod_twinSlide .right{
		float:right;
	}
	.mod_twinSlide img{
		width:98.5%;
		/*box-shadow: 0px 1px 3px rgba(0,0,0,.6)*/
	}
	.kirin_slide-container,	.kirin_pc_top h2.kirin_pc_top-h2{
		display:none;
	}
  
  .mod_twinSlide ul li.bothside{
    width: 99.4%;
    text-align: center;
    margin: 0 auto;
    display: inherit;
  }
  .mod_twinSlide ul li.bothside img{
    width: 100%;
  }

	.sellTerms {
		float: left;
		width: 100%;
		background-color: #ffe5e5;
		font-weight: bold;
		color: #e42323;
	}

	.elm_footer-badge .logo {
		width: 40%; 
	}

	.elm_footer-badge .logo2 {
		width: 40%; 
		height: auto; 
		display: inline-block;
	}
  .system_content {
    padding: 50px 1% 0;
  }
	
/* ==========================================
　2018.11.22 ナビゲーション改修時追記
============================================= */
	.div_elm_header-catch{
		font-size: 13px;
		letter-spacing: -2px;
		text-align: center;
		background: #4F4F4F;
		color:#ffffff;
		padding: .5em 0 ;
	}	
	.pc_mod_serchBox{
		display:none;
	}	
	.spFit{
		position: absolute;
		top: 32px;
	}
	.header-nav-label{
		margin-top: 0px;
	}
	.scroll_spFit_nav .index{
		margin-top: 155px;
	}
	.mod_serchBox_sp{
		display : none;
		width: 100%;
		position: fixed;
		top: 0;
		z-index: 400;
		/*position:relative;*/
		padding: 0.35rem 1rem;
    background: url(https://www.kirindo-shop.com/cmn/images/serchbg.png) no-repeat center center;
    background-size: cover;
    background-color: #e42323;
	}
	.mod_serchBox_sp div{
		display: inline-block;
		vertical-align: middle;
		text-align: center;
	}
	.mod_serchBox_sp div:first-of-type,.mod_serchBox_sp div:last-of-type{
		width: 12%;
		position: relative;
		top: 0.2em;
		left: -0.25em;
	}
	.mod_serchBox_sp div:nth-of-type(2){
		width: 72.5%;
	}
	.mod_serchBox_sp i{
		display: block;
		width: 65%;
		margin: 0 auto;
		/*margin-bottom: -0.6em;*/
	}
	.mod_serchBox_sp span{
		display:none;
		/*font-size: 0.5em;
		letter-spacing: -1px;
		color: #ffffff;
		font-weight: bold;
		text-shadow: 1px 2px 3px #000000;
		position:relative;
		top: -1em;*/
	}
	.mod_serchBox_sp i img{
		width: 130%;
		height: auto;
		/*-webkit-box-shadow:2px 2px 2px #000000;
    -moz-box-shadow:2px 2px 2px #000000;
    box-shadow:2px 2px 2px;*/
	}
	
	.mod_serchBox_sp input[type=text] {
    width: 100%;
    border: none;
    font-size: 0.9em;
    padding: 0.6em;
    /*padding-right: 2.2em;*/
    border-radius: 4px;
	}
	.mod_serchBox_sp input[type=submit] {
    position: absolute;
    top: 20%;
    right: 18%;
    border: none;
    background-color: #ffffff;
    background-image: url(https://www.kirindo-shop.com/cmn/images/search02.png);
		width: 9%;
    margin-left: 1%;
		text-indent: -9999px;
    font-size: 20px;
		border-radius: 4px;
    cursor: pointer;
    transition: all .4s ease;
		background-repeat: no-repeat;
    background-size: auto 80%;
    background-position: center center;
}
	.scroll_spFit{
		display: none;
	}
	
}

/* ==========================================
　デバイスの横幅が835px以上の場合に適用
============================================= */

@media screen and (min-width:835px){
	
	.mod_mv-slide{
		display:none;
	}
	
  .elm_footer-badge .logo2 img{
    width: 70%;    
  }
  
  
/* ==========================================
　2018.11.22 ナビゲーション改修時追記
============================================= */
	.mod_serchBox_sp {
	    display: none;
	}
	.div_elm_header-catch{
		display:none;
	}
	.spFit > .mod_serchBox{
		display:none;
	}
	.pc_mod_serchBox {
    background: #00a13c;
    padding: 8px 1rem;
    position: relative;
	}
	.pc_mod_serchBox input[type=text] {
    width: 90%;
    border: 1px solid #ccc;
    font-size: 20px;
    padding: 7px 6px 7px 6px;
    border-radius: 4px;
	}
	.pc_mod_serchBox input[type=submit] {
    width: 9%;
    margin-left: 1%;
    border: 1px solid #ffdb00;
    background-color: #ffdb00;
    text-indent: -9999px;
    font-size: 20px;
    padding: 7px 6px 7px 6px;
    border-radius: 4px;
    cursor: pointer;
    transition: all .4s ease;
    background-image: url(https://www.kirindo-shop.com/cmn/images/search01.png);
    background-repeat: no-repeat;
    background-size: auto 90%;
    background-position: center center;
	}
  
  /*----------------------------------------------
	  kirin_slide
  -----------------------------------------------*/
  
	  .kirin_slide-container {
			position:relative;
			margin:1em auto ;
			max-width: 990px;
			background-color:#999999;	
			/*filter: drop-shadow(30px 10px 4px #4444dd);	*/
	  }	
  
	  .kirin_slide-wrapper{
			width: 83%;
			height:auto;
			float:left;	
			position:relative;

	  }
	  .kirin_slide-wrapper img{
			position:absolute;
			width:100%;
			left:0;
			top:0;
	  }
	
	  .nav-btn{
			position:relative;
			padding-top:12%;
			z-index:100;
			transform: scale(0.5, 1);
	  }
	  .nav-btn p{
			display:inline;
			list-style:none;
	  }
	  
	  .nav-btn a{
			font-size:4em;
			font-weight:bold;
			color:#999999;

	  }
	  #nav-back{
			position:absolute;
			left:-47%;
	  }
	  #nav-next{
			position:absolute;
			right:-47%;
	  }
	  
	  .kirin_slide-thumbnail{
			position: relative;
			z-index: 100;
			width: 16%;
			float: right;
			background-color: #fff;
	
	  }
	
	  .kirin_slide-thumbnail img{
			width:100%;
			vertical-align:bottom;
		  
	  }
	  .on_kirin_slide{
			position:relative;
			border-left: solid 10px #e42323;
			margin-left: -10px;
	  }
	  .on_kirin_slide:before{
			content:'';
			display:block;  
			position:absolute; 
			top:25%; 
			left:-23%;
			border: 15px solid transparent;
			border-right: 15px solid #e42323;
	  }
	  
	  .lay_inner{
			clear:both;
	  }
	
		.kirin_pc_top{
			position:relative;
			margin: 2em auto 0em ;
			max-width: 1000px;
		}
	
		.lay_section-star, .lay_section-{
			width: 49.5%;
			margin-top:-0.7em;
		}
		.lay_section-star{
			float:left;
		}
		.lay_section-{
			display: block;
			float:left;
			margin-left:1%;
		}
		.lay_section-ranking ,.lay_section-checkerd{
			clear:both;
		}
		.kirin_pc_top ul li{
			width:49.5%;
		}
		.kirin_pc_top ul li.left{
			float:left;
		}
		.kirin_pc_top ul li.right{
			float:right;
		}
    .kirin_pc_top ul li.bothside {
      width: 100%;
    }
    .kirin_pc_top ul li.bothside img{
      width: 100%;
    }
  
  
  
  
		.kirin_pc_top h2{
			display:none;
		}
		.kirin_pc_top h2.kirin_pc_top-h2{
			display: inline-block;
			width: 100%;
			font-size: 19px;
	    line-height: 26px;
		}
		.kirin_pc_top h2.kirin_pc_top-h2 i img {
			width: 26px;
			height: auto;
			vertical-align: bottom;
		}	
	
		.sellTerms {
			float: left;
			width: 62%;
			background-color: #ffe5e5;
			font-weight: bold;
			color: #e42323;
	}
	

}