@charset "utf-8";

/*--------------------------------------------------------------------------
   HOME画像　スライドショー
---------------------------------------------------------------------------*/
#slidearea{
	position:relative;
	padding:20px;
}
#slidearea.summer{
	background-image:url(../images/mimg_bg_summer.jpg);
	background-repeat:repeat;
	background-position:center;
}
#slidearea::after{
	content:"";
	width:100%;
	height:8px;
	position:absolute;
	z-index:-1;
	top:100%;
	left:0;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.05) 50%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.05) 50%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.05) 50%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=0 );
	pointer-events:none;
}
#slidearea .slidearea_content{
	width:100%;
	max-width:1100px;
	margin:0 auto;
	background:rgba(255, 255, 255, 0.8);
	box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
	padding:10px;
}

#slidearea .slider{
	position: relative;
	overflow:hidden;
}
#slidearea .slider img{
	max-width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
}
#slidearea .slider .slider-for{
	float: left;
	width: 80%;
}
#slidearea .slider .slider-for a img{
	transition:opacity .3s;
}
#slidearea .slider .slider-for a img:hover{
    opacity:0.7;
}
#slidearea .slider .slider-nav-wrap{
	position: absolute;
	top: 50%;
	right: 0;
	width: calc(20% - 10px);
	padding: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#slidearea .slider .slider-nav-wrap .slider-nav .slick-list{
	padding: 0!important;
}
#slidearea .slider .slider-nav-wrap .slider-nav .slick-track{
	left: 0;
	width: 100%;
	opacity: 1;
}
#slidearea .slider .slider-nav-wrap .slider-nav .slick-slide{
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 1;
    padding: 3px 0;
	transition:opacity .3s;
	cursor:pointer;
}
#slidearea .slider .slider-nav-wrap .slider-nav .slick-slide:hover{
    opacity:0.7;
}
#slidearea .slider .slider-nav-wrap .slider-nav .slick-slide img{
	border:3px solid #FFFFFF;
	transition:border .3s;
}
#slidearea .slider .slider-nav-wrap .slider-nav .slick-slide.slick-current img{
	border:3px solid #FF0000;
}

#slidearea .slider .slider-nav-wrap .slick-arrow{
    position: absolute;
    top: 50%;
	left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	margin-left:-9px;
}
#slidearea .slider .slider-nav-wrap .slick-prev{
	top: auto;
	bottom: -16px;
	border-width: 8px 9px 0 9px;
	border-color: #FF0000 transparent transparent transparent;
}
#slidearea .slider .slider-nav-wrap .slick-next{
	top: -8px;
	border-width: 0 9px 8px 9px;
	border-color: transparent transparent #FF0000 transparent;
}
#slidearea .pos-fixed .slider-nav .slick-track {
	transform: translate3d(0,0,0) !important;
}

#slidearea .comment_area{
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:17px 0 0 0;
	line-height:1.5;
	font-size:16px;
	position:relative;
}
#slidearea .comment_area .comment{
	padding:0 10px;
	text-align:center;
}


/*--------------------------------------------------------------------------
   main
---------------------------------------------------------------------------*/
#main{
	max-width:1100px;
	margin:0 auto;
	padding:30px 0 0 0;
	overflow:hidden;
	line-height:1.6;
}


/*--------------------------------------------------------------------------
   大枠
---------------------------------------------------------------------------*/
#contents{
	float:left;
	width :calc(100% - 310px);
}
#sidearea{
	float:right;
	width:280px;
}

#contents h2,
#sidearea h2{
	font-size:20px;
	color:#333333;
	padding-left:40px;
	background:url(../images/h2_bg.png) no-repeat 10px center;
	background-size:auto 8px;
	margin-bottom:10px;
	letter-spacing:-0.05em;
}
#contents h3{
	margin-bottom:7px;
}
h3.h3_blue{
	text-align:center;
	color:#212121;
	font-size:16px;
	font-weight:bold;
	line-height:1.3;
	position:relative;
	padding-bottom:8px;
	margin-bottom:12px;
}
#contents h3.h3_blue{ margin-bottom:12px; }
h3.h3_blue::after{
	content:"";
	width:30px;
	height:3px;
	background:#FF0000;
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-15px;
}
h3.h3_blue span{
	display:block;
	font-size:14px;
}
h3.h3_blue a{
	color:#212121;
	font-weight:bold;
	text-decoration:none;
}

.contents_box{
	padding:20px;
	background:#FFFFFF;
	border-radius:20px;
	overflow:hidden;
	margin-bottom:30px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.contents_box2{
	margin-bottom:30px;
}

.side_contents_box{
	padding:20px 15px;
	background:#FFFFFF;
	border-radius:20px;
	overflow:hidden;
	margin-bottom:30px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}


/*--------------------------------------------------------------------------
   左側コンテンツ
---------------------------------------------------------------------------*/
/*お知らせ*/
.info_box{}
.info_box ul{
	height:142px;
	overflow-y:scroll;
	margin-bottom:15px;
	padding-right:10px;
}
.info_box li{
	padding:12px 15px 12px 20px;
	font-size:0;
	border-bottom:1px dotted #CCCCCC;
}
.info_box li:first-child{
	border-top:1px dotted #CCCCCC;
}
.info_box li p{
	display:inline-block;
	vertical-align:top;
	font-size:14px;
}
.info_box li p.date{
	width:140px;
}
.info_box li p.titletext{
	width:calc(100% - 160px);
}
.info_box li p.titletext a{
	color:#FF0000;
	font-weight:bold;
}

.info_box .more{
	padding:0 10px;
	text-align:right;
}
.info_box .more a{
	font-size:13px;
	position:relative;
}
.info_box .more a::before{
	content:"";
	display:inline-block;
	border:3px solid transparent;
	border-left-color:var(--color-main);
	position:relative;
	left:-5px;
	margin-top:-2px;
}

/*新着情報*/
.news_box{
	height:310px;
	overflow:auto;
	padding-right:10px;
}
.news_box.sub{
	height:auto;
	overflow:visible;
	padding:0;
}
.news_box .news{
	overflow:hidden;
	padding:10px 15px;
	border-bottom:1px dotted #CCCCCC;
	position: relative;
}
.news_box .news:first-child{
	border-top:1px dotted #CCCCCC;
}
.news_box .news::after{
	display: block;
	content: '';
	position: absolute;
	top:45%;
	right: 10px;
	width: 10px;
	height: 10px;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.news_box .news:hover{ background:#F8F3F3; }
.news_box a:hover{ opacity:1; }

.news_box .news p{
	color:#666666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size:12px;
	padding-right:20px;
}
#koten_main .news_box .news h3{
	background:none;
	font-size:14px;
	color:#212121;
	font-weight:bold;
	margin-bottom: 7px;
	padding:0;
}
.news_box .news p br{ display: none; }
.news_box .news .imgbox{
	float:left;
	width:115px;
}
.news_box .news .txtbox{
	float:right;
	width:calc(100% - 130px);
}
.news_box .date{
	color:#000000;
	padding:5px 0;
	width:120px;
	display:inline-block;
	vertical-align:middle;
}
.news_box p.category{
	display:inline-block;
	vertical-align:middle;
	background:#EEEEEE;
	font-size:11px;
	border-radius:3px;	
	color:#333333;
	padding:2px 10px 2px 35px;
}

.news_box p.category.product_bnr{
	background:url(../images/news_icon_product.png) no-repeat 10px center #EEEEEE;
	background-size:auto 90%;
}
.news_box p.category.diary_bnr{
	background:url(../images/news_icon_diary.png) no-repeat 10px center #EEEEEE;
	background-size:auto 90%;
}
.news_box p.category.technical_bnr{
	background:url(../images/news_icon_technical.png) no-repeat 10px center #EEEEEE;
	background-size:auto 90%;
}

/*スタッフ紹介*/
.carousel_box{
	padding:0 15px;
	position:relative;
}
.carousel_box .sp-slide{
	background:#FFFFFF;
	border-radius:20px;
	margin:0 10px 4px 10px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.carousel_box .sp-slide a{
	display:block;
	padding:15px 20px;
	overflow:hidden;
	text-decoration:none;
}
.carousel_box .sp-slide .imgbox{
	float:left;
	width:40%;
}
.carousel_box .sp-slide .txtbox{
	float:right;
	width:60%;
	padding-left:20px;
}
.carousel_box .prev{
	position: absolute;
	top: 50%;
	left:0;
	transform: translateY(-50%);
	width: 0;
    height: 0;
    border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #FF0000 transparent transparent;
}
.carousel_box .next{
	position:absolute;
	top:50%;
	right:0;
	transform: translateY(-50%);
	width: 0;
    height: 0;
    border-style: solid;
	border-width: 9px 0 9px 9px;
	border-color: transparent transparent transparent #FF0000;
}


/*関連リンク*/
.relationdata ul{
	overflow:hidden;
	font-size:0;
}
.relationdata ul li{
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	width:33.333%;
	font-size:14px;
	padding:5px;
}


/*マップ＆ショップ情報*/
.map_shop .shopdata dt:first-child{
	border-top:1px dotted #CCCCCC;
}
.map_shop .shopdata dt{
	color:#FF0000;
	font-weight:bold;
	font-size:12px;
	padding:10px 10px 0 10px;
}
.map_shop .shopdata dd{
	border-bottom:1px dotted #CCCCCC;
	padding:0 10px 10px 23px;
}
.map_shop .more{
	padding:0 10px;
	text-align:right;
	margin-top:10px;
}
.map_shop .more a{
	font-size:13px;
	position:relative;
}
.map_shop .more a::before{
	content:"";
	display:inline-block;
	border:3px solid transparent;
	border-left-color:var(--color-main);
	position:relative;
	left:-5px;
	margin-top:-2px;
}


/*メルマガ*/
.mailmagazine p.mailmaga_title{
	font-weight:bold;
	text-align:center;
	color:#212121;
	margin-bottom:10px;
	font-size:16px;
}
.mailmagazine p.mailmaga_entry a{
	display:block;
	width:70%;
	max-width:250px;
	padding: 6px 0;
	border: 1px solid var(--color-main);
	border-radius:20px;
	background:var(--color-main);
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	margin:10px auto;
}


/*--------------------------------------------------------------------------
   shopcalendar
---------------------------------------------------------------------------*/
.shopcalendar .koten_calendar{
	background:#FFF;
}
.shopcalendar ul.calendar_title{
	display:flex;
	justify-content:space-between;
	margin:8px 0 10px 0;
}
.shopcalendar ul.calendar_title li a{
	display:block;
}
.shopcalendar .arrow{
	position:relative;
	display:inline-block;
	padding:0 0 0px 16px;
	color:#000;
	vertical-align:middle;
	text-decoration:none;
}
.shopcalendar .arrow::before{
	position:absolute;
	top:0;
	left:0;
	margin:auto;
	content:"";
	vertical-align:middle;
}
.shopcalendar .arrow::after{
	position:absolute;
	top:0;
	margin:auto;
	content:"";
	vertical-align:middle;
}
.shopcalendar .m_next::before{
	width:16px;
	height:16px;
	-webkit-border-radius:50%;
	border-radius:50%;
	background:#EE2B1F;
}
.shopcalendar .m_next::after{
	top:4px;
	left:7px;
	box-sizing:border-box;
	width:4px;
	height:4px;
	border:4px solid transparent;
	border-left:4px solid #fff;
}
.shopcalendar .m_last::before{
	width:16px;
	height:16px;
	-webkit-border-radius:50%;
	border-radius:50%;
	background:#EE2B1F;
}
.shopcalendar .m_last::after{
	top:4px;
	right:7px;
	box-sizing:border-box;
	width:4px;
	height:4px;
	border:4px solid transparent;
	border-right:4px solid #fff;
}
.shopcalendar .m_title{ font-weight:bold; }

.shopcalendar table.table_shopcalendar{
	width:100%;
	text-align: center;
}
.shopcalendar table.table_shopcalendar th,
.shopcalendar table.table_shopcalendar td{
	width: 14.2857%;
	border:1px solid #E8E8E8;
}
.shopcalendar table.table_shopcalendar th{
	background:#999999;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px 0;
	font-size:12px;
}
.shopcalendar table.table_shopcalendar th.day-sun{
	background:#EE2B1F;
}
.shopcalendar table.table_shopcalendar th.day-sat{
	background:#4683EB;
}
.shopcalendar table.table_shopcalendar td{
	padding:3px;
	background:#fff;
	font-size:11px;
	font-weight:bold;
	line-height:1.3;
}
.shopcalendar table.table_shopcalendar td:first-child:before {
	display: block;
	float: left;
	height: 30px;
	content: "";
}
.shopcalendar table.table_shopcalendar td p{
	font-size:12px;
	font-weight:normal;
}
.shopcalendar table.table_shopcalendar td.today{
	background:#EEEEEE;
	box-shadow:0px 0px 2px 1px #E0E0E0 inset;
	-moz-box-shadow:0px 0px 2px 1px #E0E0E0 inset;
	-webkit-box-shadow:0px 0px 2px 1px #E0E0E0 inset;
}
.shopcalendar table.table_shopcalendar td .holiday{
	color:#CC3300;
	background:#efd6ce;
	padding:1px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.shopcalendar table.table_shopcalendar td p img{
	max-height:17px;
	vertical-align:middle;
}

.shopcalendar .note{
	line-height:1.2;
	font-size:11px;
	border:1px solid #ccc;
	padding:5px;
	margin-top:10px;
}
.shopcalendar .note .holiday{
	color:#CC3300;
	background:#efd6ce;
	padding:0 2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.shopcalendar .note img{
	max-width:13px;
	max-height:13px;
	vertical-align:middle;
}
.shopcalendar .note p+p{
	margin-top:3px;
}
.shopcalendar .note2{
	line-height:1.2;
	font-size:11px;
	margin-top:10px;
	margin-bottom:8px;
}


/*--------------------------------------------------------------------------
   search
---------------------------------------------------------------------------*/
.search dl{
	overflow:hidden;
	margin-bottom:3px;
	font-size:12px;
}
.search dl dt{
	float:left;
	width: 4.5em;
	padding: 6px 0;
	text-align:right;
}
.search dl dd{
	float:right;
	width:100%;
	width:-webkit-calc(100% - 5em);
	width : calc(100% - 5em) ;
	font-size:13px;
}

/* select */
select::-ms-expand {
	display: none;
}
.search select{
	width:100%;
	padding:4px 40px 4px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #CCCCCC;
	border-radius:20px;
	background: #fff;
	background: url(../images/select_arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#eee 100%);
	background: url(../images/select_arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#eee 100%);
	background-size: 30px, 100%;
}
.search dl.search_all dt,
.search dl.search_all dd{
	width:100%;
	float:none;
	text-align:left;
	margin-top:5px;
}
.search dl.search_all dt{
	padding:0;
}
.search dl.search_all input{
	width: 100%;
	padding: 3px 10px;
	border: 1px solid #CCCCCC;
	border-radius:3px;
}
.search p.search_button{
	text-align:center;
	margin-top:15px;
}
.search p.search_button input{
	margin: 0;
	padding: 6px 0;
	border: 1px solid var(--color-main);
	border-radius:20px;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width:70%;
	max-width:250px;
	background:var(--color-main);
	color:#FFF;
	font-weight:bold;
	cursor:pointer;
}


/*--------------------------------------------------------------------------
エディタ用CSS
---------------------------------------------------------------------------*/
h4 {
	font-weight: bold;
	margin-bottom: 5px;
	padding: 5px 10px;
	background-color: #eeeeee;
}
h5 {
	font-weight: bold;
	margin-bottom: 5px;
	padding: 3px 10px;
	border-bottom:1px dotted #CCC;
}
h6 {
	font-weight: bold;
	margin-bottom: 5px;
	padding: 0 8px;
	border-left:5px solid #CCC;
}
.ql-align-center{ text-align:center; }
.ql-align-left{ text-align:left; }
.ql-align-right{ text-align:right; }


/******************************************************************************************
	sp size
******************************************************************************************/

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

/*--------------------------------------------------------------------------
   HOME画像　スライドショー
---------------------------------------------------------------------------*/
#slidearea{
	padding:15px 10px 12px 10px;
}
#slidearea.summer{
	/*background-size:auto 60%, 40% auto, auto;*/
}

#slidearea .slider .slider-for{
	float: none;
	width: 100%;
	margin-bottom:5px;
}
#slidearea .slider .slider-nav-wrap{
	position: relative;
	top: 0;
	width: 100%;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	padding:0 15px;
}
.pos-fixed .slider-nav-wrap{
	padding:0;
}
#slidearea .slider .slider-nav-wrap .slider-nav .slick-slide{
    padding: 5px 5px 0 5px;
}
#slidearea .slider .slider-nav-wrap .slick-arrow{
	margin-left:0;
	top:50%;
	left:0;
}
#slidearea .slider .slider-nav-wrap .slick-prev{
	top:50%;
	bottom:0;
	left:auto;
    right: 0;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #FF0000;
}
#slidearea .slider .slider-nav-wrap .slick-next{
    top:50%;
	bottom:0;
	left: 0;
    border-width: 6px 8px 6px 0;
    border-color: transparent #FF0000 transparent transparent;
}


#slidearea .comment_area{
	padding:10px 0 0 0;
}

#slidearea .comment_area .comment_shopinfo{
	margin:0 18% 0 14%;
	text-align:center;
	font-size:12px;
}
#slidearea .comment_area .comment_shopinfo .address{
	color:#212121;
	margin-bottom:5px;
}
#slidearea .comment_area .comment_shopinfo .info_btn{
	font-size:0;
}
#slidearea .comment_area .comment_shopinfo .info_btn li{
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	font-weight:bold;
	margin:2px 5px 2px 5px;
}
#slidearea .comment_area .comment_shopinfo .info_btn li a{
	display:block;
	background:#FBFBFB;
	border:1px solid #CCCCCC;
	height:34px;
	line-height:34px;
	text-decoration:none;
	padding:0 15px 0 57px;
	border-radius:5px;
	position:relative;
	min-width:200px;
}
#slidearea .comment_area .comment_shopinfo .info_btn li a:before{
	content:"";
	display:block;
	width:42px;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	border-right:1px solid #EAE8E8;
}
#slidearea .comment_area .comment_shopinfo .info_btn li.tel a:before{
	background:url(../images/icon_utility_tel.png) no-repeat center;
	background-size:26px 26px;
}
#slidearea .comment_area .comment_shopinfo .info_btn li.access a:before{
	background:url(../images/icon_utility_map.png) no-repeat center;
	background-size:26px 26px;
}
#slidearea .comment_area .comment_shopinfo .info_btn li.reserve a:before{
	background:url(../images/icon_utility_reserve.png) no-repeat center;
	background-size:26px 26px;
}
#slidearea .comment_area .comment_shopinfo .info_btn li.inquiry a:before{
	background:url(../images/icon_utility_inquiry.png) no-repeat center;
	background-size:26px 26px;
}
#slidearea .comment_area .comment_shopinfo .info_btn li.tel a{ color:#FF0000; }
#slidearea .comment_area .comment_shopinfo .info_btn li.access a{ color:#505050; }
#slidearea .comment_area .comment_shopinfo .info_btn li.reserve a{ color:#505050; }
#slidearea .comment_area .comment_shopinfo .info_btn li.inquiry a{ color:#505050; }



/*--------------------------------------------------------------------------
   main
---------------------------------------------------------------------------*/
#main{
	padding:20px 15px 0 15px;
}


/*--------------------------------------------------------------------------
   大枠
---------------------------------------------------------------------------*/
#contents{
	float:none;
	width:100%;
	margin-bottom:30px;
}
#sidearea{
	float:none;
	width:100%;
}

#contents h2,
#sidearea h2{
	font-size:18px;
	padding-left:30px;
	background:url(../images/h2_bg.png) no-repeat left center;
	background-size:auto 8px;
	margin-bottom:10px;
}

.contents_box,
.side_contents_box{
	padding:15px;
	border-radius:15px;
}



/*--------------------------------------------------------------------------
   左側コンテンツ
---------------------------------------------------------------------------*/
/*お知らせ*/
.info_box ul{
	height:200px;
	margin-bottom:12px;
}
.info_box li{
	padding:10px 15px;
}
.info_box li p.date{
	width:100%;
	font-size:13px;
	color:#666666;
}
.info_box li p.titletext{
	width:100%;
}

.info_box .more a{
	font-size:12px;
}


/*新着情報*/
.news_box{
	height:250px;
}
.news_box .news{
	padding:10px 5px;
}
.news_box .news .imgbox{
	width:80px;
	padding-top:5px;
}
.news_box .news .txtbox{
	width:calc(100% - 95px);
}
.news_box .date{
	display:block;
}
.news_box p.category{
	margin-bottom:5px;
}
.news_box h3{
	padding-right:20px;
}
.news_box p.category.product_bnr{
	background:url(../images/news_icon_product.png) no-repeat 10px center #EEEEEE;
	background-size:auto 90%;
}
.news_box p.category.diary_bnr{
	background:url(../images/news_icon_diary.png) no-repeat 10px center #EEEEEE;
	background-size:auto 90%;
}
.news_box p.category.technical_bnr{
	background:url(../images/news_icon_technical.png) no-repeat 10px center #EEEEEE;
	background-size:auto 90%;
}


/*スタッフ紹介*/
.carousel_box{
	padding:0 10px;
}
.carousel_box .sp-slide a{
	padding:15px;
}
.carousel_box .sp-slide .imgbox{
	width:100px;
}
.carousel_box .sp-slide .txtbox{
	width:calc(100% - 100px);
}
.carousel_box .sp-slide .txtbox p{
	font-size:13px;
}


/*関連リンク*/
.relationdata ul li{
	width:50%;
}


/*マップ＆ショップ情報*/
.map_shop .more a{
	font-size:12px;
}

/*メルマガ*/
.mailmagazine p.mailmaga_title{
	font-size:15px;
}


/*--------------------------------------------------------------------------
   スマホ用ボタン
---------------------------------------------------------------------------*/
#contents_menubtn{
	text-align:center;
	margin-bottom:30px;
}
#contents_menubtn ul{
	width:calc(100% + 16px);
	display:table;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 8px 0;
	margin:0 -8px;
}
#contents_menubtn ul li{
	display:table-cell;
	font-size:12px;
	vertical-align:top;
	border-radius:5px;
	padding:3px;
	background:#FBFBFB;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}
#contents_menubtn ul li a{
	display:block;
	text-decoration:none;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#contents_menubtn ul li .icon{
	background:#EEEEEE;
	padding:5px;
	border-radius:5px;
}
#contents_menubtn ul li img{
	width:32px;
}
#contents_menubtn ul li p+p{
	padding:5px 0;
}


/*--------------------------------------------------------------------------
   search
---------------------------------------------------------------------------*/
.search dl{ margin-bottom:8px; }
.search select{
	font-size:16px;
	background-size:auto 100%;
}
.search dl.search_all input{
	font-size:16px;
}

}