@charset "euc-jp";

#top-menu{
	width:100%;
}

#top-menu ul{
	float:right;
}

#top-menu ul li{
	margin-left:10px;
}

#top-menu .sns-icon{
	height:24px;
	vertical-align:middle;
}

#top-menu .sns-icon a{
	background-color:#b3b3b3;
	display:block;
	width:24px;
	height:24px;
}

#top-menu .sns-icon a:hover{
	background-color:#ccc;
}

h1{
	background-color:#FFFFFF;
	text-align:center;
	padding:25px;
}

#main-menu{
	width:175px;
	box-sizing:border-box;
	padding:0 0 0 0px;
	font-size:12px;
	line-height:2.2em;
	font-weight:bold;
	display:inline-block;
	vertical-align:top;
}

#main-menu > ul > li{
	display:block;
}

#main-menu a.selected,#sub-menu a.selected{
	color:#b2b2b2;
}

#main-menu > ul > li > ul{
	display:none;
}

#main-menu a{
	cursor:pointer;
}

#sub-menu{
	width:174px;
	display:inline-block;
	padding:0 0 0 15px;
	font-size:12px;
	line-height:2.2em;
	font-weight:bold;
	display:inline-block;
	vertical-align:top;
}

#sub-menu > ul > li{
	display:block;
}	

#main-content{
	display:inline-block;
	width:684px;
	text-align:center;
}

#main-content > div:not(.loading){
	text-align:left;
	display:none;
}

#main-content > img{
	margin:10px;
}

#main-content .template{
display:none;
}
#pickup-news{
	font-size:0;
/*
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
*/
}

#pickup-news .item{
display:-webkit-box;
	width:218px;
	height:100%;
	border:1px #ccc solid;
	word-break:break-all;
	display:inline-block;
	margin:0 0 10px 10px;
	box-sizing:border-box;
	font-size:12px;
        vertical-align:top;
}

#pickup-news .item a:hover{
	color:inherit;
	background-color:#F5F5F5;
	display:block;
}

#pickup-news .item .pickup-thumbnail{
	width:216px;
	height:144px;
	overflow:hidden;
}

#pickup-news .item .text{
	padding:8px;
}

#pickup-news .item .tags span{
	border:1px #333 solid;
	padding:3px;
	border-radius:2px;
	background-color:#fff;
}

#pickup-news .item .title{
	margin-top:8px;
	font-weight:bold;
}

#pickup-news .item .exp{
	margin-top:8px;
}

#pickup-news .item .date{
	margin-top:10px;
	font-size:10px;
	font-weight:bold;
}

#pickup-koyomi .item,#pickup-brand .item,#pickup-ripe .item{
	display:inline-block;
	width:214px;
	margin:0 0 10px 10px;
	font-size:12px;
}

#pickup-koyomi .item .title,#pickup-brand .item .title,#pickup-ripe .item{
	color:#555555;
	font-weight:bold;
}

#pickup-case .item{
	margin-bottom:65px;
}

#pickup-case .pic{
	display:inline-block;
	margin-right: 20px;
}

#pickup-case .text{
	display:inline-block;
	width:330px;
	vertical-align:top;
	font-size:12px;
}

#pickup-case .text .title{
	font-size:14px;
	font-weight:bold;
}

#pickup-case .text .exp{
	margin-top:10px;
}


#pickup-case .text .detail{
	margin-top:25px;
	width:145px;
}

#pickup-case .text .detail a{
	display:block;
	border:2px solid #ffc927;
	padding:10px;
	text-align:center;
	color:#333;
}

#pickup-case .text .detail a:hover{
	background-color:#eee;
	color:#333;
}

#pickup-gift h3{
	color:#ffbf00;
	font-weight:bold;
}

#pickup-gift > div{
	/*f
    loat:right;
	margin-right:20px;
  */
    margin: 0 auto;
	width:528px;
	font-size:12px;
}

#pickup-gift section{
	margin-bottom:20px;
}


#pickup-vegetable .item{
	margin-bottom:65px;
}

#pickup-vegetable .pic{
	display:inline-block;
	margin-right: 20px;
}

#pickup-vegetable .text{
	display:inline-block;
	width:330px;
	vertical-align:top;
	font-size:12px;
}

#pickup-vegetable .text .title{
	font-size:14px;
	font-weight:bold;
}

#pickup-vegetable .text .exp{
	margin-top:10px;
}


#pickup-vegetable .text .detail{
	margin-top:25px;
	width:145px;
}

#pickup-vegetable .text .detail a{
	display:block;
	border:2px solid #ffc927;
	padding:10px;
	text-align:center;
	color:#333;
}

#pickup-vegetable .text .detail a:hover{
	background-color:#eee;
	color:#333;
}


#pickup-change .item{
	margin-bottom:65px;
}

#pickup-change .pic{
	display:inline-block;
	margin-right: 20px;
}

#pickup-change .text{
	display:inline-block;
	width:330px;
	vertical-align:top;
	font-size:12px;
}

#pickup-change .text .title{
	font-size:14px;
	font-weight:bold;
}

#pickup-change .text .exp{
	margin-top:10px;
}


#pickup-change .text .detail{
	margin-top:25px;
	width:145px;
}

#pickup-change .text .detail a{
	display:block;
	border:2px solid #ffc927;
	padding:10px;
	text-align:center;
	color:#333;
}

#pickup-change .text .detail a:hover{
	background-color:#eee;
	color:#333;
}

.cat-items .item{
	display:inline-block;
	width:214px;
	margin:0 0 10px 10px;
	font-size:11px;
    vertical-align:top;
}

.cat-items .item .text{
  padding:5px 0;
}

.cat-items .item .title{
	font-weight:bold;
  	display:inline;
}

.cat-items .item .date{
	font-family:"£Í£Ó £ÐÌÀÄ«", "MS PMincho", "¥Ò¥é¥®¥ÎÌÀÄ« Pro W3", "Hiragino Mincho Pro", serif;
	font-size:12px;
	color:#999;
	display:inline-block;
}

.cat-items .item .tags{
	display:inline-block;
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
}

.cat-items .item .tags span{
	display:inline-block;
	background-color:#ffbf00;
	color:#fff;
	padding:1px 3px;
	font-size:10px;
}


.gift-items .item{
	display:inline-block;
	width:214px;
	margin:0 0 10px 10px;
	font-size:12px;
        vertical-align:top;
        text-align:center;
}

.gift-items .item .detail{
        margin: 10px auto 0 auto;
        width: 120px;
}
.gift-items .item .detail a{
	display:block;
	border:2px solid #ffc927;
	padding:5px;
	text-align:center;
	color:#333;
}

.loading{
	height:16px;
	background:url(https://tomi-net.sakura.ne.jp/mercros/colorme/img/ajax-loader.gif) center center no-repeat;
	width:100%;
}