@charset "utf-8";
/*---------------------------------------------------
*  sukima topぺーじ
*---------------------------------------/*´・ω・｀*/

.top   { vertical-align:top; }
.bottom{ vertical-align:bottom; }
.middle{ vertical-align:middle; }

/* section
----------------------------------------- */
section img {
	max-width: 100%;
	height: auto;
}


/* top-contents
----------------------------------------- */

.top-contents{
	margin:0 13px;
	background:#fff;
}

/* news
----------------------------------------- */

#news{
	clear:both;
	margin:10px 0 20px;
	font-size:87%;
}

#news h3{
	font-size:13px;
	font-weight:bold;
}

.p-l{
	width:100%;
	/*margin-top:20px;*/
}

h2{
	font-family: 'Economica', sans-serif;
	/*font-family: 'Sue Ellen Francisco', cursive;*/
	font-size:18px;
	letter-spacing:1px;
}

h2 span{
	font-size:16px;
}

/* sukimagoto
----------------------------------------- */
.sukimagoto .colm{
	padding:10px;
	/*border:1px solid #dddddd;*/
	text-align:center;
}

.colm div{ padding-bottom:10px;}

.colm img{
	padding-bottom:10px;
}

.colm li img{ padding-bottom:0;}

.colm li{
	float:left;
	width:86px;
	margin:0 1px;
	padding:10px 0 0;
	background:#f7f7f7;
}

.colm a:link,
.colm a:visited,
.shopinfo a:link,
.shopinfo a:visited{
	color:#4B8FFF;
	text-decoration:none;
}

.colm a:hover,
.colm a:active,
.shopinfo a:hover{
	color:#4B8FFF;
	text-decoration:underline;
}

.insta{
	font-family: 'Economica', sans-serif;
	font-size:24px;
	letter-spacing:1px;
	vertical-align:middle;
}

/* shopinfo
----------------------------------------- */
.shopinfo{
	margin:20px 0;
	padding-bottom:20px;
	background: url(../images/line_001.png) no-repeat 0 bottom;
	background-size:100% 8px;
}

.in-r{ padding-top:20px;}

.no-mail{
	height:44px;
	padding:15px 0 15px 45px;
	font-size:14px;
	background:url(../images/icon_hatena.png) no-repeat 0 center;
}

/* newitem
----------------------------------------- */
.newitem{
	clear:both;
	margin:10px 0 20px;
	padding-bottom:20px;
	font-size:10px;
	line-height:1.2em;
}

.newitem h2{
	font-family: 'Economica', sans-serif;
	/*font-family: 'Patrick Hand SC', cursive;*/
	font-size:24px;
	margin:0 0 10px 10px;
}

.newitem div{
	width:50%;
	float:left;
	text-align:center;
}

.newitem div img{
	width:135px;
	height:auto;
	margin-bottom:5px;
	border:1px solid #f2f2f2;
}

.newitem div h3{width:135px; height:4em; margin:0 auto;}


/* タブレット向け：760px～960px --------------------------------------------------------------------------------*/
@media only screen and (min-width: 760px) {


#wrap{ padding:0;}

/* container
----------------------------------------- */
.top-container{
	clear:both;
	max-width:100%;
	margin:50px auto;
}


/* contents
----------------------------------------- */
.top-contents{
	margin:0 10px 0 0;
	float:right;
	width:75%;
	background:#fff;
}

/* news
----------------------------------------- */

#news{
	clear:both;
	margin:10px 0 20px;
	font-size:100%;
}

#news h3{
	font-size:18px;
	font-weight:bold;
	margin:10px 0 1em;
}

h2{
	padding:0 0 0 10px;
	font-size:26px;
}

/* ピックアップ画像 */
.p-l{
	float:left;
	width:50%;
	height:auto;
}

.p-l img{ width:100%;}

/* 文章 */
.p-r{
	float:right;
	width:45%;
	margin-right:0;
}




/* sukimagoto
----------------------------------------- */
.sukimagoto .colm{
	padding:3px 0 3px 2px;
	/*border:1px solid #dddddd;*/
}

.colm div{
	float:left;
	margin:0 1px;
	width:187px;
	text-align:center;
}

.colm li{
	float:left;
	width:60px;
	margin:0 1px;
	padding:10px 0 0;
	background:#f7f7f7;
}

/* shopinfo
----------------------------------------- */
.shopinfo{
	margin:40px 0;
	padding-bottom:20px;
	background: url(../images/line_001.png) no-repeat 0 bottom;
	background-size:100% 3px;
}

.shopinfo .in-l{
	float:left;
	width:50%;
	font-size:87%;
}

.shopinfo .in-r{
	float:right;
	width:50%;
	padding-top:20px;
}

/* poster
----------------------------------------- */
.poster{
	padding-bottom:20px;
	margin-bottom:40px;
	background: url(../images/line_001.png) no-repeat 10px bottom;
	background-size:100% 3px;
}

/* newitem
----------------------------------------- */
.newitem{
	clear:both;
	margin:10px 0 20px;
	padding-bottom:20px;
	font-size:11px;
	line-height:1.2em;
}

.newitem div{
	width:23%;
	margin:0 0 0 2%;
	float:left;
	text-align:center;
}

.newitem div img{
	width:98%;
	height:auto;
	margin-bottom:5px;
	border:1px solid #f2f2f2;
}

.newitem div h3{width:98%; height:4em; margin:0 auto;}

} /* タブレット向け */


/* PC向けレイアウトの指定：1081px～ ---------------------------------------------------------------------------*/
@media only screen and (min-width: 1081px) {

/* header
----------------------------------------- */

#header h1 {
	float:left;
	width:230px;
	margin:13px 0 0 80px;
	text-align:left;
}

/* container
----------------------------------------- */
.container{
	clear:both;
	margin:60px auto;
	width:100%;
	overflow:hidden;
}


/* contents
----------------------------------------- */
.top-contents{
	margin:0;
	padding-top:20px;
	float:right;
	width:75%;
	
}

/* category
----------------------------------------- */
.category{
	padding:0;
    margin:0;
	width:214px;
	position: fixed;
	top: 80px;
	left: 80px;
}

/* news
----------------------------------------- */

#news{
	clear:both;
	width:960px;
	margin:10px 0 20px;
	font-size:100%;
}

#news h3{
	font-size:18px;
	font-weight:bold;
	margin-bottom:1em;
}

/* 画像 */
.p-l{
	float:left;
	width:50%;
	height:auto;
}

/* 文章 */
.p-r{
	float:right;
	width:45%;
	padding-top:4em;
	/*background:url(../images/top/bg_arrow.png) no-repeat right 50px;*/
}


.more{
	height:40px;
	margin-right:60px;
	background:url(../images/top/txt_recome.png) no-repeat 50px 0;
	background-size:211px 37px;
}

.more span{
	display:inline-block;
	float:right;
	background:#e5202a;
	color:#fff;
	padding:2px 10px;
	margin:5px 0 0;
	border-radius:5px; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}


/* sukimagoto
----------------------------------------- */
.colm{
	width:960px;
	padding:5px 0 20px 3px;
	/*border:1px solid #dddddd;*/
	text-align:center;
}

.colm div{
	float:left;
	margin:0 1px;
	width:280px;
	text-align:center;
}

.colm ul{
	padding-left:4px;
	background:#f7f7f7;
}

.colm li{
	float:left;
	width:86px;
	margin:0 2px;
	padding:10px 0 0;
	background:#f7f7f7;
}

/* shopinfo
----------------------------------------- */
.shopinfo{
	margin:40px 0;
	padding-bottom:20px;
	background: url(../images/line_001.png) no-repeat 0 bottom;
	background-size:100% 3px;
}

.shopinfo .in-l{
	float:left;
	width:50%;
}

.shopinfo .in-r{
	float:right;
	padding-top:20px;
}


/* newitem
----------------------------------------- */
.newitem{
	width:960px;
	clear:both;
	margin:10px 0 20px;
	padding-bottom:20px;
	font-size:11px;
	line-height:1.2em;
}



} /* PC向け */