@charset "utf-8";



/* Sidebar */

#sidebar-area {

	width:180px;

	float:right;

}



#sidebar-area a {

	color:#000000;

	text-decoration:none;

}



#sidebar-area a:hover {

	color:#006622;

	text-decoration:none;

}



#sidebar-area .box {

	margin-top:3px;

	background-color:#FFFFFF;

}



#sidebar-area .box.logo {

	margin-top:0px;

}



#sidebar-area .box.logo a {

	padding:27px 0 10px 0;

	display:block;

}



/* firefox でマウスオーバー時1pxずれるバグの対処 ----------------------*/

/* IE8 */

html>/**/body #sidebar-area .box.logo a:hover img {

    display /*\**/:inline-block\9;

    zoom /*\**/: 1\9;

}

 

/* 新旧Firefox */

#sidebar-area .box.logo a:hover img, x:-moz-any-link { background: #fff;}

#sidebar-area .box.logo a:hover img, x:-moz-any-link, x:default { background: #fff;}



/* --------------------------------------------------------------------*/



/* ときわんって？ */


#sidebar-area .box.tokiwan-box a {
	
	background: url(../../img/sidebar/banner-tokiwan.gif);
	
	height: 141px;
	
	display: block;

	overflow: hidden;
	
	text-indent: 100%;
	
	white-space: nowrap;

}
#sidebar-area .box.tokiwan-box a:hover {
	
	opacity: 0.7;
	
}




#sidebar-area .box.logo a img {

	width:117px;

}



#sidebar-area .box.logo p.catch {

	font-size:11px;

	margin-top:12px;

}



#sidebar-area .box.contact {

	padding:10px 0 8px 38px;

	background:#FFFFFF url(../../img/sidebar/ico_tel.gif) left center no-repeat;

	text-align:left;

}



#sidebar-area .box.contact p {

	font-size:10px;

}



#sidebar-area .box.cart a {

	font-size:13px;

	padding:10px 0 8px 38px;

	background:url(../../img/sidebar/ico_cart.gif) left center no-repeat;

	text-align:left;

	display:block;

}

#sidebar-area .box.cart a.guide {

	background:url(../../img/sidebar/ico_guide.gif) 0% 32% no-repeat;

	padding:0 0 10px 38px;

}



#sidebar-area .sp-button {

	display:none;

}



#sp-menu {

	display:none;

}



#sidebar-area .box.category {

	padding:8px 0;

}



#sidebar-area .box.category a {

	font-size:15px;

	padding:5px 0 3px 38px;

	text-align:left;

	display:block;

}

#sidebar-area .box.category li.book a {

	background:url(../../img/sidebar/ico_book.gif) left center no-repeat;

}

#sidebar-area .box.category li.goods a {

	background:url(../../img/sidebar/ico_goods.gif) left center no-repeat;

}

#sidebar-area .box.category li.sweets a {

	background:url(../../img/sidebar/ico_sweets.gif) left center no-repeat;

}



#sidebar-area .box.link {

	padding:5px 0;

}



#sidebar-area .box.link a {

	font-size:13px;

	padding:5px 0 3px 38px;

	text-align:left;

	display:block;

}

#sidebar-area .box.link li.recommended a {

	background:url(../../img/sidebar/ico_recommended.gif) left center no-repeat;

}

#sidebar-area .box.link li.ranking a {

	background:url(../../img/sidebar/ico_ranking.gif) left center no-repeat;

}



#sidebar-area .box.sublink {

	padding:3px 0 5px 0;

}



#sidebar-area .box.sublink a {

	font-size:11px;

	padding:5px 10px 3px 28px;

	background:url(../../img/sidebar/ico_sub.gif) left center no-repeat;

	text-align:left;

	line-height:1.2em;

	display:block;

}



#sidebar-area .box.banner {
	
	background: #ddd;
	
}

#sidebar-area .box.banner li {
	
	margin-top: 3px;
	

}

#sidebar-area .box.banner a {

	line-height:1.2em;

	display:block;

}











/* *****************************************************************************

   PC用のスタイル記述

***************************************************************************** */

@media screen and (min-width: 1000px), print {



.top-inservice {
	
	display: none;

}


.top-service {
	
	display: none;

}



}





/* *****************************************************************************

   タブレット用のスタイル記述

***************************************************************************** */

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


.top-inservice {
	
	display: none;

}

.top-service {
	
	display: none;

}


}





/* *****************************************************************************

   スマートフォン用のスタイル記述

***************************************************************************** */

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

#sidebar-area {

	width:auto;

	min-width:180px;

	float:none;

}



#sidebar-area .box.logo {

	margin-top:0px;

}



#sidebar-area .box.logo a {

	padding:17px 20px 12px 20px;

	display:block;

}



#sidebar-area .box.logo .sp {

	width:260px;

	margin:0 auto;

	display:block;

}



#sidebar-area .box.logo p.img {

	width:77px;

	float:left;

}



#sidebar-area .box.logo p img {

	width:77px;

}



#sidebar-area .box.logo p.catch {

	font-size:15px;

	margin-top:10px;

	margin-left:95px;

	text-align:left;

	line-height:1;

}



#sidebar-area .box.logo .sp span {

	font-size:14px;

	padding-bottom:5px;

	display:block;

}



/* ときわんって？ */

#sidebar-area .box.tokiwan-box a {
	
	height: 0;
	
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 14.36%;
	
	background: url(../../img/sidebar/banner-tokiwan-smt.gif);
	
	background-size: contain;
	
	display: block;

	overflow: hidden;
	
	text-indent: 100%;
	
	white-space: nowrap;

}




#sidebar-area .box.contact {

	padding:10px 0 10px 38px;

}



#sidebar-area .box.contact p {

	font-size:10px;

	display:inline;

}



#sidebar-area .box.contact p img {

	margin:0px 15px 0 0;

	vertical-align:text-bottom;

}



#sidebar-area .box.cart,

#sidebar-area .box.link,

#sidebar-area .box.sublink {

	display:none;

}



#sidebar-area ul.sp-button {

	width:96px;

	margin-top:3px;

	display:block;

	float:right;

}



#sidebar-area ul.sp-button li {

	width:45px;

	margin-left:3px;

	float:left;

}



#sidebar-area ul.sp-button li img {

	width:45px;

}



#sp-menu {

	font-size:1.2em;

	width:100%;

	margin-bottom:3px;

	padding:5px 0;

	background-color:#FFFFFF;

	text-align:left;

	display:none;

}



#sp-menu li {

}



#sp-menu li a {

	padding:5px 5px 5px 25px;

	background:url(../../img/sidebar/ico_sub.gif) left center no-repeat;

	display:block;

}



#sidebar-area .box.category {

	width:auto;

	height:40px;

	margin:3px 0px 3px 0;

	padding:0px;

}



#sidebar-area .box.category li {

	width:61px;

	height:40px;

	float:left;

}



#sidebar-area .box.category a {

	min-width:61px;

	max-height:40px;

	font-size:13px;

	padding:10px 5px;

	text-align:center;

	display:block !important;

}

#sidebar-area .box.category li.book a {

	background:none;

}

#sidebar-area .box.category li.goods a {

	background:none;

}

#sidebar-area .box.category li.sweets a {

	background:none;

}



#sidebar-area .box .camp a {

	display:block;
	
	background: #ff715a;
	
	margin-bottom: 3px;

}

#sidebar-area .box .inservice a {

	display:block;
	
	background: #FFEE55;
	
	margin-bottom: 3px;
	
	display: none;

}

#sidebar-area .box .service a {

	display:block;
	
	background: #FFEE55;
	
	margin-bottom: 3px;
	
	display: none;

}


.top-inservice {

	display:block !important;
	

}

.top-inservice a {

	display:block;
	
	background: #FFEE55;
	
	margin-bottom: 3px;
	

}



.top-service {

	display:block !important;
	

}

.top-service a {

	display:block;
	
	background: #fccad3;
	
	margin-bottom: 3px;
	

}

}