/* =====================================================
オリジナルcss　** pc **
=====================================================*/
@media screen and (min-width: 1024px) {

a:hover{
/*opacity: .7;*/
}

.header_contents_sp #logo{
display: none;
}

/* ヘッダーお知らせ */
#header_news{
padding:8px 0;
background: #d4e8c3;
color: #000;
}
#header_news p{
width:1024px;
margin:0 auto;
}
#header_news p a{
text-decoration:underline;
}

/* ヘッダーtopics */
#header_topics{
    width: 1024px;
    margin: 10px auto;
	overflow:hidden;
	display: none;
}
#header_topics p{
float:left;
width: 508px;
margin: 0;
padding: 0;
}
#header_topics .topics01{
margin-right:8px;
}

/* ヘッダー上部幅指定 */
.fs-l-header{
padding-top: 0;
}
.header_contents {
    width: 1024px;
    margin: 10px auto 0;
	overflow: hidden;
	position: relative;
	height: 65px;
}
.header_contents #logo{
	width: 340px;
    margin: 0 auto 10px;
}
.header_contents #logo a:hover,
.header_contents #logo a:active,
.header_contents #logo a:visited{
text-decoration: none;
color: #3c3c3c;
}
.header_contents .header_tel{
	position: absolute;
	right: 0;
	top:0;
	font-size: 14px;
	font-weight: bold;
}
.header_contents .header_tel img{
	vertical-align: baseline;
}
.header_contents .header_search{
	width: 230px;
    position: absolute;
    top: 22px;
    right: 0px;
}
.header_contents .header_search .fs-p-inputGroup{
	border: 1px solid #dddddd;
	background: #fff;
	border-radius: 14px;
}
.header_contents .header_search .fs-p-searchForm__input{
	padding-left: 15px;
	background: none;
	border-radius: 14px;
}
.header_contents .header_search .fs-p-inputGroup__button{
	background: #fff;
	color: #000;
	border-radius: 16px;
}
.header_contents_sp{
display: none;
}
}


@media screen and (min-width: 1024px) {
/* ヘッダーナビゲーション（フリーパーツ）*/
.fs-p-headerNavBar {
    background: #d4e8c3;
    border-bottom: none;
    color: #000;
 }
.fs-p-headerNavigation__link:link {
  color: #000;
}

.fs-p-headerNavigation__link:visited {
  color: #000;
}

.fs-p-headerNavigation__link:hover {
  color: #000;
}

.fs-p-headerNavigation__link:active {
  color: #000;
}

/* サイドナビ */
.fs-p-drawer__heading {
    font-size: 1.8rem;
    padding-bottom: 4px;
    text-align: center;
    background: #333;
    color: #fff;
    padding: 8px 0;
    font-weight: bold;
}
.fs-l-sideArea {
    max-width: 220px;
}

.fs-p-sideMenu a:hover{
  background: #d4e8c3;
  color: #000;
}

/* サイド カートボタン*/
#side_cartbtn {
    text-align: center;
    margin:0 0 20px;
    padding: 0;
}
#side_cartbtn a{
	padding: 10px 0 8px;
    background: #d8d8d8;
    border-radius: 8px;	
    background-image: url(https://inai.itembox.design/item/side_cartimg.png);
    background-repeat: no-repeat;
    background-position: 40px 10px;
    display: block;
    color:#000;
}
#side_cartbtn a:hover{
	text-decoration: none;
	opacity: .6;
}

/* サイド 読みもの*/
.fs-p-sideMenu .fs-pt-menu__submenu .list_mt0{
margin-top:0;
}
.fs-p-sideMenu .fs-pt-menu__submenu p.ttl{
padding-bottom:8px;
border-bottom: 1px solid #999999;
font-size:16px;
font-weight:bold;
}
.fs-p-sideMenu .vcf a{display:block;}
.fs-p-sideMenu .vcf a:hover{background:#fff;}

/* サイド 開閉メニュー*/
.fs-l-sideArea h2{
margin-top:35px;
font-size:16px;
font-weight:bold;
}
.fs-l-sideArea h3 span:before{
padding: 0;
    font-size: 19px;
    font-family: 'Material Icons';
    font-weight: normal;
    word-wrap: normal;
    white-space: nowrap;
    content: "\E145";
    vertical-align: middle;
}
.fs-l-sideArea h3.open_h3{
	font-size:14px;
	margin-top: 15px;
	margin-bottom:0;
	cursor:pointer;
}
.fs-l-sideArea h3.active span:before{
	content: "\E15B";
}
.fs-l-sideArea .wrap ul{
	padding:0;
	margin-top:0;
}
.fs-l-sideArea .wrap li{
	list-style-type: none;
}
.fs-l-sideArea .wrap .fs-pt-menu__link{
display:block;
}

/* サイド ご案内*/
#side_guide .fs-p-sideMenu .fs-pt-menu__link--lv1{
line-height:2.2;
}
#side_guide .fs-pt-menu__link::after{
line-height:1.5;
}
#side_guide .fs-p-sideMenu .fs-pt-menu__item + .fs-pt-menu__item{
margin-top:-1px;
}
#side_guide .fs-p-sideMenu .fs-pt-menu__link--lv1{
justify-content:normal;
}
#side_guide .fs-p-sideMenu .fs-pt-menu__link--lv1::after{
content:"";
}

/* サイド バナーエリア*/
#side_bnrarea{
margin-top:20px;
}

/* フッター ユーティリティ*/
.fs-l-footer{
border:none;
background:#d4e8c3;
}
.fs-l-footer__utility{
    margin:0 auto;
}
.fs-l-footer__utility .fs-p-footerUtilityMenu {
    margin: 0 auto;
    padding:10px;
}

.fs-l-footer .fs-pt-menu li{
    border-right: 1px solid #333;
    padding-right: 15px;
}
.fs-l-footer .fs-pt-menu li:last-child{
    border: none;
}
}


@media screen and (min-width: 960px){
.fs-p-footerUtilityMenu__list a::before {
    display: inline-block;
    content: '';
    border: none;
}
}

@media screen and (min-width: 1024px) {
/* フッター copyright */
.fs-p-footerCopyright{
color:#919191;
background:#444444;
position:relative;
}
.fs-p-footerCopyright__text{
margin:8px 0 0;
}
#footer_logo{
position: absolute;
    top: 8px;
    left: 84%;
}
/* top コンテンツエリア */
.fs-l-main{
padding:0;
max-width: 1024px;
}

.fs-l-sideArea + .fs-l-pageMain, .fs-l-pageMain + .fs-l-sideArea {
    max-width: 760px;
}


/* top 上部アイテムエリア */
#top_area_01{
margin-bottom:20px;
}
#top_area_01 ul{
margin:10px 0;
padding:0;
    overflow: hidden;
}
#top_area_01 ul li{
    padding:10px 8px 0;
    list-style: none;
    width: 190px;
    height:290px;
    float: left;
    border:1px solid #ccc;
    border-right:none;
    text-align:center;
}
#top_area_01 ul li:last-child{
   border:1px solid #ccc;
}
#top_area_01 ul li p{
margin:5px 0;
padding:0 10px;
text-align:left;
}

/* top 上部読みものエリア */
.top_column_01{
overflow:hidden;
margin-bottom:20px;
}
.top_column_01 .top_column_inner{
float:left;
width:370px;
}
.top_column_01 .mr20{
margin-right:20px;
}
.top_column_01 .top_column_inner p{
margin:5px 0;
}
.top_column_01 .top_column_inner h3{
margin:0;
font-weight:bold;
}
.top_column_02{
overflow:hidden;
margin:50px 0;
line-height:0;
border:1px solid #ccc;
}
.top_column_02 .top_column02_inner img{
float: left;
max-width: 530px;
}
.top_column_02 .top_column02_inner p{
width: 225px;
float: right;
margin:0;
padding: 10px 10px 0;
line-height:1.3;
}

/* top 人気商品エリア */
#top_area_02{
margin:0 0 20px auto;
max-width: 760px;
}
#top_area_02 ul{
margin:10px 0;
padding:0;
overflow: hidden;
}
#top_area_02 ul li{
    padding:15px 0 0;
	position: relative;
    list-style: none;
    width: 190px;
    height:290px;
    float: left;
    text-align:center;
}
#top_area_02 ul li img{
max-width: 90%;
border: 1px solid #ccc;
}
#top_area_02 ul li p{
margin:5px 0;
padding:0 10px;
text-align:left;
}
#top_area_02 ul li a{
text-decoration: none;
color: #000;
}
#top_area_02 ul li p.price{
margin:5px 0;
padding:0 10px;
position: absolute;
right: 5px;
/*bottom: 5px;*/
font-weight: bold;
}

/* PC パンくずリスト */
.fs-c-breadcrumb__list{
	margin: 0 auto;
	max-width: 1024px;
	padding: 2px 0;
}
.fs-c-breadcrumb__list li:last-child{
	display: none;
}
div.fs-c-breadcrumb ol:nth-child(n+5){
	display: none;
}

/* カートボタン */
.fs-c-button--primary {
  background: #f4d078;
  background: -webkit-linear-gradient(top,#f7dfa5,#f0c14b);
  background: linear-gradient(to bottom,#f7dfa5,#f0c14b);
  border: 1px solid #a88734;
  border-radius: 0px;
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  padding: 0.8em 1.6em 0.6em;
  box-shadow: 0 0 2px #b2b2b2;
  min-width: 240px;
}
.fs-c-button--primary:hover, .fs-c-button--primary:visited, .fs-c-button--primary:active, .fs-c-button--primary:focus {
  background: #f4d078;
  background: -webkit-linear-gradient(top,#f7dfa5,#f0c14b);
  background: linear-gradient(to bottom,#f7dfa5,#f0c14b);
  color: #333333;
  text-decoration: none;
}
.fs-c-productActionButton span.fs-c-button__label{
  background-image: url(https://inai.itembox.design/item/side_cartimg.png);
  background-repeat: no-repeat;
  background-position: 50px 0px;
  display: block;
  padding: 4px 0 4px 15px;
}


}/* ←PC @media 全体閉じる */




/* =====================================================
オリジナルcss　** sp **
=====================================================*/
@media screen and (max-width: 1023px) {
/* SPヘッダー上部 */
.fs-l-header{
padding:0;
}
.header_contents {
display: none;
}
.header_contents_sp{
display: block;
margin: 3px 0 12px;
}
.header_contents_sp #logo{
	display: block;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.3em;
	text-align: center;
}
.header_contents_sp #logo a,
.header_contents_sp #logo a:active,
.header_contents_sp #logo a:hover,
.header_contents_sp #logo a:visited{
text-decoration: none;
color: #333;
}
.header_contents_sp #logo img{
	width: 90%;
}
/* SPヘッダー ドロワーメニュー */
.fs-p-drawerButton{
padding:15px 0;
}
.fs-p-drawerButton__label{
padding-top:7px;
}
.fs-p-drawerButton__icon{
font-size:2.4rem;
}

.fs-p-drawer{
padding-top:0;
transform:translateX(400%);
left:auto;
right:0;
}
.fs-p-ctrlDrawer:checked + .fs-p-drawer{

}
.fs-l-header__leftContainer{
grid-column:5;
}

/* SPドロワーメニュー キーワード検索 */
.modal-wrap .fs-p-searchForm{
	margin: 10px 10px 20px;
}
.modal-wrap .fs-p-inputGroup{
	border: 1px solid #dddddd;
	background: #fff;
	border-radius: 14px;
}
.modal-wrap .fs-p-searchForm__input{
	padding-left: 15px;
	background: none;
}
.modal-wrap .fs-p-inputGroup__button{
	background: #fff;
	color: #000;
	border-radius: 16px;
}

/* SPドロワーメニュー バナー、リンク*/
.sp_menu_bnrarea{
	width: 90%;
	max-width: 220px;
	margin: 50px auto;
}
.sp_menu_bnrarea img{
	margin: 5px;
}
.btn_close{
    width: 100%;
    margin: 0 auto;
    padding: 15px;
    background: #f4f4f4;
	text-align: center;
}
.btn_close a{
	display: block;
	color: #000;
}

/* SPヘッダーお知らせ */
#header_news{
padding:8px 5px;
background: #d4e8c3;
color: #000;
}
#header_news p{
width:100%;
margin:0 auto;
}
#header_news p a{
text-decoration:underline;
}

/* ヘッダーtopics */
#header_topics{
	width: 92%;
	margin: 10px auto;
    text-align: center;
	display: none;
}
#header_topics p{
float:none;
width: 100%;
margin-top: 10px;
}
#header_topics .topics01{
margin-right:0
}


/* サイドナビ */
.fs-p-drawer__heading {
    font-size: 1.8rem;
    padding-bottom: 4px;
    text-align: center;
    background: #333;
    color: #fff;
    padding: 8px 0;
    font-weight: bold;
}


/* サイド カートボタン*/
#side_cartbtn {
    background: #d8d8d8;
    text-align: center;
    margin:0 0 20px;
    padding: 0;
    border-radius: 8px;
}
#side_cartbtn a{
	padding: 10px 0;
    background-image: url(https://inai.itembox.design/item/side_cartimg.png);
    background-repeat: no-repeat;
    background-position: 33px 10px;
    display: block;
    color:#000;
}
#side_cartbtn a:hover{
	text-decoration: none;
	opacity: .7;
}

/* サイド 読みもの*/
.fs-p-sideMenu .fs-pt-menu__submenu .list_mt0{
margin-top:0;
}
.fs-p-sideMenu .fs-pt-menu__submenu p.ttl{
padding-bottom:8px;
border-bottom: 1px solid #999999;
font-size:16px;
font-weight:bold;
}
.fs-p-sideMenu .vcf a{display:block;}
.fs-p-sideMenu .vcf a:hover{background:#fff;}

/* サイド 開閉メニュー*/
.fs-l-sideArea h2{
margin-top:35px;
font-size:16px;
font-weight:bold;
}
.fs-l-sideArea h3 span:before{
padding: 0;
    font-size: 19px;
    font-family: 'Material Icons';
    font-weight: normal;
    word-wrap: normal;
    white-space: nowrap;
    content: "\E145";
    vertical-align: middle;
}
.fs-l-sideArea h3.open_h3{
	font-size:14px;
	margin-bottom:0;
	cursor:pointer;
}
.fs-l-sideArea h3.active span:before{
	content: "\E15B";
}
.fs-l-sideArea .wrap ul{
	padding:0;
	margin-top:0;
}
.fs-l-sideArea .wrap li{
	list-style-type: none;
}
.fs-l-sideArea .wrap .fs-pt-menu__link{
display:block;
}

/* サイド ご案内*/
#side_guide .fs-p-sideMenu .fs-pt-menu__link--lv1{
line-height:2.2;
}
#side_guide .fs-pt-menu__link::after{
line-height:1.5;
}
#side_guide .fs-p-sideMenu .fs-pt-menu__item + .fs-pt-menu__item{
margin-top:-1px;
}
#side_guide .fs-p-sideMenu .fs-pt-menu__link--lv1{
justify-content:normal;
}
#side_guide .fs-p-sideMenu .fs-pt-menu__link--lv1::after{
content:"";
}

/* サイド バナーエリア*/
#side_bnrarea{
margin-top:20px;
}

/* SPフッター ユーティリティ*/
.fs-l-footer{
border:none;
background:#d4e8c3;
}
.fs-l-footer__utility{
    margin:0 auto;
}
.fs-l-footer__utility .fs-p-footerUtilityMenu {
    margin: 0 auto;
    padding:10px;
}
.fs-l-footer__utility .fs-p-footerUtilityMenu__list li:first-child a,
.fs-p-footerUtilityMenu__list > li:not(:first-child) a{
border:none;
}
.fs-l-footer .fs-pt-menu{
width:90%;
margin:0 auto;
padding:0;
text-align:center;
}
.fs-l-footer .fs-pt-menu li{
    border-right: 1px solid #333;
    margin:0 0 8px;
    padding-right: 0;
    width:30%;
    display:inline-block;
}
.fs-l-footer .fs-pt-menu li:last-child,
.fs-l-footer .fs-pt-menu li:nth-child(3){
    border: none;
}
.fs-p-footerUtilityMenu__list a::after{
content:"";
}
.fs-l-footer__utility .fs-p-footerUtilityMenu{
width:100%;
}
.fs-l-footer__utility .fs-p-footerUtilityMenu__list span{
padding:2px;
}

/* SPフッター copyright */
.fs-p-footerCopyright{
padding:4px 10px;
color:#919191;
background:#444444;
position:relative;
}
.fs-p-footerCopyright__text{
margin:8px 0 0;
text-align:left;
}
#footer_logo{
position: absolute;
    top: 8px;
    right: 1%;
}
/* SP top コンテンツエリア */
.fs-l-main{
padding:0;
width: 100%;
}


/* top 上部アイテムエリア */
#top_area_01{
margin-bottom:40px;
}
#top_area_01 ul{
margin:10px 0;
padding:0;
overflow: hidden;
}
#top_area_01 ul li{
    padding:15px 0 0;
    list-style: none;
    width: 50%;
    height:290px;
    float: left;
    border:1px solid #ccc;
    text-align:center;
}
#top_area_01 ul li:nth-child(odd){
   border-right:none;
}
#top_area_01 ul li:nth-child(-n+2){
   border-bottom:none;
}
#top_area_01 ul li p{
	max-width: 300px;
margin:5px auto;
padding:0 10px;
text-align:left;
}
#top_area_01 ul li img{
	max-width: 200px;
}

/* top 上部読みものエリア */
.top_column_01{
overflow:hidden;
margin-bottom:20px;
width: 92%;
max-width: 370px;
margin: 0 auto;
}
.top_column_01 .top_column_inner{
width:100%;
margin-bottom: 20px;
text-align: center;
}
.top_column_01 .mr20{
margin-right:20px;
}
.top_column_01 .top_column_inner p{
max-width: 370px;
margin:5px auto;
padding:0 5px;
text-align: left;
}
.top_column_01 .top_column_inner h3{
max-width: 370px;
margin:0 auto 5px;
text-align: left;
font-weight:bold;
}
.top_column_02{
overflow:hidden;
max-width: 529px;
margin:10px auto 30px;
line-height:0;
border:none;
}
.top_column_02 .top_column02_inner p{
width: 92%;
float: none;
margin:0 auto;
padding: 0 0 5px;
line-height:1.3;
}
.top_column_02 .top_column02_inner p span{
line-height:2.5;
}

/* top 人気商品エリア */
#top_area_02{
margin-bottom:20px;
}
#top_area_02 ul{
margin:10px 0;
padding:0;
overflow: hidden;
}
#top_area_02 ul li{
    padding:15px 0 0;
	position: relative;
    list-style: none;
    width: 33%;
	min-height: 260px;
    height:auto;
    float: left;
    text-align:center;
}
#top_area_02 ul li img{
max-width: 90%;
border: 1px solid #ccc;
}
#top_area_02 ul li p{
width: 100%;
max-width: 220px;
margin:5px auto;
padding:0 10px;
font-size: 1.3rem;
text-align:left;
}
#top_area_02 ul li a{
text-decoration: none;
color: #000;
}
#top_area_02 ul li p.price{
margin:0 auto;
padding:0 10px;
font-weight: bold;
text-align: right;
}

/* SP パンくずリスト */
.fs-c-breadcrumb__list li:last-child{
	display: none;
}
div.fs-c-breadcrumb ol:nth-child(n+5){
	display: none;
}

/* カートボタン */
.fs-c-button--primary {
  background: #f4d078;
  background: -webkit-linear-gradient(top,#f7dfa5,#f0c14b);
  background: linear-gradient(to bottom,#f7dfa5,#f0c14b);
  border: 1px solid #a88734;
  border-radius: 0px;
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  padding: 0.8em 1.6em 0.6em;
  box-shadow: 0 0 2px #b2b2b2;
  min-width: 240px;
}
.fs-c-button--primary:hover, .fs-c-button--primary:visited, .fs-c-button--primary:active, .fs-c-button--primary:focus {
  background: #f4d078;
  background: -webkit-linear-gradient(top,#f7dfa5,#f0c14b);
  background: linear-gradient(to bottom,#f7dfa5,#f0c14b);
  color: #333333;
  text-decoration: none;
}
.fs-c-productActionButton span.fs-c-button__label{
  background-image: url(https://inai.itembox.design/item/side_cartimg.png);
  background-repeat: no-repeat;
  background-position: 30px 0px;
  display: block;
  padding: 4px 0 4px 15px;
}


}/* ←SP スマホ向け @media 全体閉じる */


/* ======================================================
2020.04.17 - 05.17 eことしようキャンペーン用
====================================================== */
#pc_ebnr,#pc_emod{display: block;}
#sp_ebnr,#sp_emod{display: none;}
.close_xbtn{
color: #fff;
font-size: 30px;
position: absolute;
right: 0;
top: -10px;
}
@media screen and (max-width: 1023px) {
#pc_ebnr,#pc_emod{display: none;}
#sp_ebnr,#sp_emod{display: block;}
#sp_emod{width: 60%;margin: 0 auto;}
.close_xbtn{
right: 19%;
top: -7%;
}
}