@media screen and (max-width:768px) {
.forPC{
display:none;
}
.forSP{
display:initial;
}
/* 均等表示 */
.wrap{width:100%;display:flex;flex-wrap:wrap;justify-content: center;padding:0;list-style: none;}
.spbox1{width:100%;margin:8px 0; }
.spbox2{width:calc((100% - 4%) / 2);margin:2px 1% 8px; }
.spbox3{width:calc((100% - 6%) / 3);margin:2px 1% 8px;}
.spbox4{width:calc((100% - 8%) / 4);margin:2px 1% 8px;}
.spbox5{width:calc((100% - 10%) / 5);margin:2px 1% 8px;}
.wrap p{text-align:center;color:#000;}
.wrap li img{max-width:100%;}


/* header */


/*ハンバーガーメニュー*/
.menu, .menu span {
display: inline-block;
-webkit-transition: all .4s;
transition: all .4s;
box-sizing: border-box;
}

.menu {
position: fixed;
top: 0;
left:0;
width: 60px;
height: 60px;
z-index: 9999;
background-color:#f0f0f0;
border: none;
}
.menu span {
position: absolute;
left: 50%;
width: 30%;
height: 2px;
background-color: #000000;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
z-index: 99999;
}
.menu span:nth-of-type(1) {
top: 20px;
}

.menu span:nth-of-type(2) {
top: 26px;
}

.menu span:nth-of-type(3) {
top: 32px;
}

.menu.active {
left:60vw
}

.menu.active span:nth-of-type(1) {
-webkit-transform: translateX(-50%) translateY(8px) rotate(45deg);
transform: translateX(-50%) translateY(8px) rotate(45deg);
background-color: #000000;
}
.menu.active span:nth-of-type(2) {
opacity: 0;
}
.menu.active span:nth-of-type(3) {
-webkit-transform:translateX(-50%) translateY(-4px) rotate(-45deg);
transform:translateX(-50%) translateY(-4px) rotate(-45deg);
background-color: #000000;
}
.menu small {
display: block;
position: absolute;
bottom:10px;
left:50%;
transform: translateX(-50%);
font-size:64%;
}

#slide_menu {
position: fixed;
top: 0;
left: -60vw;
z-index: 99999;
width: 60vw;
height: 100vh;
opacity: 0;
background: #f0f0f0;
transition: all 0.3s ease-in-out;
visibility: hidden;
overflow-y: scroll;
font-size: 14px;
}
#slide_menu.active {
left: 0;
opacity: 1;
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
visibility: visible;
}
#slide_menu li{ 
margin:0.5em 0.5em 0 0.5em;
line-height:2.5em;
}
#slide_menu li a{
display:block;
padding:0.4em;
text-decoration:none;
}
#slide_menu li.side_1{background-color:#ffffff;}
#slide_menu li.side_1 a{color:#000000;}
#slide_menu li.side_3{background-color:#E5EFFF;}
#slide_menu li.side_3 a{color:#72ACD8;}
#slide_menu li.side_2{background-color:#000;}
#slide_menu li.side_2 a{color:#ffffff;}
#slide_menu li.side_4{background-color:#0e318a;}
#slide_menu li.side_4 a{color:#ffffff;}
#slide_menu a{ display:block; padding:0.5em 0;}
#slide_menu em{font-style:normal; border-bottom:dotted 1px #000000;}

#side_search form{
display: flex;
justify-content:center;
}
#side_search .text{
display: block;
width:70%;
height:40px;
margin-right: 5px;
background-color:#cacaca;
border: none;
}
#side_search .btn{
display: block;
}
.whatstext{
line-height:2em;
padding:0.8em 0;
font-size: 12px;
}

/* ヘッダー */
.sp_header{
position: fixed;
background-color: #ffffff;
top:0;
left: 0;
width: 100%;
z-index: 9999;
}

.sp_header h1{
text-align:center;
height:60px;
line-height:2em;
width:100%;
padding:0.2em;
box-sizing: border-box;
}
.sp_header_lower{
padding-top: 60px;
}
.header_h_text{background-color:#000000;
color:#ffffff;
text-align:center;}

.header_text{text-align:center;
width:75%;}
/* ボタンメニュー */
.btn_menu ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.btn_menu li{
width:calc(( 100% - 10px) /4 );
margin: 0 0 4px;
box-sizing: border-box;
}
.btn_menu li:last-child{
width:100%;
}
.btn_menu a{
display:block;
background-color:#f6f6f6;
text-align:center;
text-decoration:none;
padding:0.3em 5px;
margin:0;
}
.btn_menu img{
width:100%;
}
a.text_menu{
padding:1em 0.5em;
}

/* 検索フォーム */
div#search {
	width:100%;
	text-align:center;
	background-color:#f6f6f6;}

div#search .text{
	width:70%;
	height:40px;
	vertical-align: middle;
	background-color:#cacaca;}
div#search .btn{vertical-align: middle;}


/* contents */

.content_area.fullsize{
width:100%;
}

.contents h2{
text-align: center;
}

#hotitem li{
	text-align:center;
	font-size:0.8em;
	line-height:1.5em;
	}

#hotitem li span.hotitem_no1{
	color:#cacaca;
	}

#hotitem img{
	margin:22px 0 0;}

ul.pick_content_area {
background: #F8EFEC;
padding: 20px;
box-sizing:border-box;
}

#pickup li{
box-sizing:border-box;
font-size:12px;
display:flex;
justify-content:space-between;
}
#pickup li a{
display: block;
width:30%;
}

#pickup li div{
width:64%;
padding:0 0 0 10px;
box-sizing:border-box;
}

#pickup span{
	font-weight:bold;
	font-size:1.2em;}

#pickup .tab-group {
flex-wrap:wrap;
width:90%;
}
#pickup .tab-group li{
display: block;
min-width: 31%;
width:48%;
max-width: inherit!important;
white-space: nowrap;
margin:0 1% 0.5em;
}
#pickup .panel-group{
width:100%;
}
#pickup li div.lineclamp{
width:100%;
}
#pickup .panel-group li{
display: block;
width:calc((100% - 6%) / 3);
margin:2px 1% 8px;
}
#pickup .panel-group li a{
width:100%;
}

.contents .spbox1 h2{
display: flex;
justify-content: space-between;
padding: 0.5em 0;
border-bottom: 1px solid #f6f6f6;
}

#brasize_list , #keyword_list {
background-color:#ffffff;
display: none;
}

#brasize_list li a , #keyword_list li a{
display:block;
padding: 0.5em 0;
background-color: #f6f6f6;
text-align: center;
}
.acco_icon,
.acco_icon span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.acco_icon {
	position: relative;
	width: 22px;
	height: 22px;
}
.acco_icon span {
	position: absolute;
    right: 0;
    width: 50%;
	height: 2px;
    background-color: #aaa;
}
.acco_icon span:nth-of-type(1) {
    top: 44%;
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.acco_icon span:nth-of-type(2) {
    top: 44%;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

/*＋、－切り替え*/
.acco_icon.active span:nth-of-type(1) {
	display:none;
}
.acco_icon.active span:nth-of-type(2) {
	top: 50%;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}


#recommend ul{
display: flex;
flex-wrap:wrap;
}
#recommend ul li{
width:calc((100% - 4%) /3 );
font-size:12px;
margin:0 2% 20px 0;
}
#recommend ul li:nth-child(3n){
margin:0 0 40px 0;
}

#bnr_area .spbox1 img{
width:100%;
display: block;
}
#bnr_area .spbox1 span{
display: none;
}

/* footer category */
#f_cate_listarea{
width:96%;
}

#bnr_area{font-size:10px; color:#666;}

.ft_ttl{
width:100%;
}
#f_guide dl {
font-size: 14px;
}
#f_guide dt {
font-size: 16px;
}

.fs-l-main {
padding:0;
}
.eldchic-item-layout{
display:block;
}
.eldchic-item-layout_left , 
.eldchic-item-layout_right{
width:100%;
}

}

@media screen and (max-width:640px) {

#search2 form div{
  margin-bottom: 10px;
  }

}