@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 640px) {

@import url("reset.css");

body{
	margin:0px;
	padding:0px;
	font-family:"HraKakuProN-W6", "HelveticaNeue";
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	color:#333333;
}

#contens{
	width:100%;
}

.wrapper_contain{
	padding:0 0px 0 0px;
	margin:0px;
}

header{
	height:70px;
	position:relative;
}

.kagome_logo{
	width:104px;
	height:60px;
	float:left;
	margin:10px 0px 0px 5px;
	background-image:url(../img/kagome_logo.png);
	-webkit-background-size:104px 60px;
	-moz-background-size:104px 60px;
}

.kagome_logo a{
	display:block;
	width:104px;
	height:60px;
	text-indent:-9999px;
}

header .links{
	width:190px;
	height:50px;
	float:right;
	margin:10px 10px 0px 0px;
}

header .links .pc_ico_link{
	width:60px;
	height:50px;
	background-image:url(../img/pc_ico.png);
	-webkit-background-size:60px 50px;
	-moz-background-size:60px 50px;
	float:left;
	margin:0px 5px 0px 0px;
}

header .links .contact_ico_link{
	width:60px;
	height:50px;
	background-image:url(../img/contact_ico.png);
	-webkit-background-size:60px 50px;
	-moz-background-size:60px 50px;
	float:left;
	margin:0px 5px 0px 0px;
}

/* 2015.04.24 Frasco added START */

header .links .sb-toggle-right{
	width:60px;
	height:50px;
	background-image:url(../img/menu_ico.png);
	-webkit-background-size:60px 50px;
	-moz-background-size:60px 50px;
	float:left;
	text-indent:-9999px;
}

#sb-menu {
	border-top:#E60012 3px solid;
}

#sb-menu #sb-head {
	height: 70px;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
}

#sb-menu #sb-head .sb-close {
	display:block;
	width:60px;
	height:50px;
	background-image:url(../img/close_ico.png);
	-webkit-background-size:60px 50px;
	-moz-background-size:60px 50px;
	float:right;
	margin:10px 10px 0px 0px;
	text-indent:-9999px;
}

#sb-menu #sb-content {
	padding: 10px;
}

#sb-menu #sb-content p.sb-ttl {
	margin-bottom: 10px;
	font-weight:bold;
	color: #e30b20;
}

#sb-menu #sb-content ul {
	border:1px solid #ccc;
	border-radius: 5px;
	background-color: #fff;
	font-weight:bold;
}
#sb-menu #sb-content li {
	padding: 13px 13px 13px 15px;
	border-bottom:1px solid #ccc;
	font-weight:bold;
}

#sb-menu #sb-content li:last-child {
	border-bottom: 0;
}

#sb-menu #sb-content li a {
	display:block;
	text-decoration:none;
	margin:0px;
	width:100%;
	height:auto;
	color:#333333;
	padding:0px 0px 0px 0px !important;
	background-image:url(../img/arrow2.png);
	background-repeat:no-repeat;
	-webkit-background-size:10px 12px;
	-moz-background-size:10px 12px;
	background-position:right center;
	height:100%;
	line-height:100%; 
	font-weight:bold !important;
}

/* 2015.04.24 Frasco added END */


header .links a{
	display:block;
	width:60px;
	height:50px;
	text-indent:-9999px;
}

.pc_ico2{
	margin:0px 0px 0px 5px;
}

.pc_ico2 img {
	margin:0px 0px 3px 0px;
}

.contents_list_wrap li{
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #CCC;
}

.contents_list_wrap li a{
	display:block;
	text-decoration:none;
	margin:0px;
	width:100%;
	height:auto;
	color:#333333;
	padding:0px 0px 0px 0px !important;
	background-image:url(../img/arrow2.png);
	background-repeat:no-repeat;
	-webkit-background-size:10px 12px;
	-moz-background-size:10px 12px;
	background-position:right center;
	height:100%; /*追加2012.02.03*/
	line-height:100%; /*追加2012.02.03*/
}






.contents_list_info{
	float:left;
	color:#333333;
	margin:0px 0px 0px 10px;
	width:60%;
}

.contents_list_info h3{
	border-bottom:dotted 1px #333333;
}

.contents_list_info p{
	font-size:14px;
}

.page_index{
	font-size:18px;
	padding:15px;
	background-color:#FFE8EA;
	border-bottom:1px solid #F4D1D4;
	border-top:1px solid #F4D1D4;
}

.crumbs{
	font-size:14px;
	margin:2px 0px 0px 0px;
	padding:0px 5px 0px 5px;
}

.crumbs span {
	padding:0px 0px 0px 0px;
	line-height:1.6;
}

.crumbs p a{
	color:#664422;
	padding:0px 10px 7px 0px;
	text-decoration:underline;
}

.crumbs_list{
	padding:0px 0px 0px 6px !important;
}

.crumbs ul:after{
	clear:both;
	content:"";
	display:block;
}

.to_top{
	font-size:14px;	
	width:150px;
	float:right;
	margin:20px 0px 30px 0px;
}

.to_top a{
	display:block;
	text-decoration:none;
	color:#000;
	padding:0px 0px 0px 15px;
	background-image:url(../img/to_top_icon.png);
	background-repeat:no-repeat;
	background-position:left center;
}

#sitemap{
	margin:30px 0px 0px 0px;
	clear:both;
}

#sitemap .sitemap_top{
	background-image:url(../img/sitemap_top.png);
	background-repeat:repeat-x;
	width:100%;
	height:24px;
	text-indent:-9999px;
}

#sitemap .sitemap_bottom{
	background-image:url(../img/sitemap_bottom.png);
	background-repeat:repeat-x;
	width:100%;
	height:24px;
	text-indent:-9999px;
	clear:both;
}

#sitemap .sitemap_contents{
	background-color:#F2F2F2;
	height:auto;
}

#sitemap .contents_position{
	padding:0px 5px 0px 5px;
}

#sitemap .sitemap_title{
	-webkit-border-top-left-radius: 6px;  
    -webkit-border-top-right-radius: 6px;
	-moz-border-top-left-radius: 6px;  
    -moz-border-top-right-radius: 6px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	background-color:#fff;
	margin:0 auto;
}

#sitemap .sitemap_close{
	background-image:url(../img/sitemap_switch_img.png);
	-webkit-border-bottom-left-radius: 6px;  
    -webkit-border-bottom-right-radius: 6px;
	-moz-border-bottom-left-radius: 6px;  
    -moz-border-bottom-right-radius: 6px;
	border-bottom:1px solid #CCC;
	background-position:right 25px;
	display:block;
	height:50px;
	background-repeat:no-repeat;
}

#sitemap .sitemap_open{
	background-image:url(../img/sitemap_switch_img.png);
	background-position:right bottom;
	display:block;
	height:50px;
	background-repeat:no-repeat;
}

#sitemap .sitemap_title .sitemap_icon img {
	margin:0px 0px 1px 0px;
}

.switch{
	padding:0px 10px 0px 0px;
}

#sitemap .sitemap_title a{
	display:block;
	color:#333333;
	text-decoration:none;
	padding:16px 0px 14px 10px;
	font-weight:bold;
	font-size:14px;
}


#sitemap .sitemap_contact{
	-webkit-border-top-left-radius: 6px;  
    -webkit-border-top-right-radius: 6px;
	-moz-border-top-left-radius: 6px;  
    -moz-border-top-right-radius: 6px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	background-color:#fff;
	margin:0 auto;
	padding:15px 0px 15px 15px;
	font-weight:bold;
	font-size:14px;
}

#sitemap .sitemap_contact a{
	display:block;
	color:#333333;
	text-decoration:none;
	padding:15px 0px 15px 15px;
	background-image:url(../img/arrow2.png);
	background-repeat:no-repeat;
	-webkit-background-size:10px 12px;
	-moz-background-size:10px 12px;
	background-position:right center;
}

#sitemap .sitemap_contact span img {
	margin:0px 0px 1px 0px;
}

#sitemap .conte{
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	background-color:#fff;
	margin:0 auto;
	display:block;
}

#sitemap .conte2{
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	background-color:#fff;
	margin:0 auto;
}

#sitemap .conte3{
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background-color:#fff;
	margin:0 auto;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-bottom-left-radius: 6px;
	-moz-border-bottom-right-radius: 6px;
}

#sitemap .conte a{
	display:block;
	text-decoration:none;
	padding:15px;
	color:#333333;
	background-image:url(../img/arrow4.png);
	background-repeat:no-repeat;
	-webkit-background-size:12px 9px;
	-moz-background-size:12px 9px;
	background-position:right center;
	font-size:14px;
}

#sitemap .conte2 a{
	display:block;
	text-decoration:none;
	padding:15px;
	color:#664422;
	background-image:url(../img/arrow4.png);
	background-repeat:no-repeat;
	-webkit-background-size:12px 9px;
	-moz-background-size:12px 9px;
	background-position:right center;
	font-size:14px;
}

#sitemap .conte3 a{
	display:block;
	text-decoration:none;
	padding:15px;
	color:#664422;
	background-image:url(../img/arrow4.png);
	background-repeat:no-repeat;
	-webkit-background-size:12px 9px;
	-moz-background-size:12px 9px;
	background-position:right center;
	font-size:14px;
}


#sitemap .product_info:after{
	content:"";
	clear:both;
	display:block;
}

#sitemap .company_info:after{
	content:"";
	clear:both;
	display:block;
}

footer{
	clear:both;
	margin:20px 0px 0px 0px;
}

.footer_list ul:after{
	content:"";
	clear:both;
	display:block;
}

.footer_list ul{
	display:block;
	width:320px;
	margin:0 auto;
	height:auto;
}
	
.footer_list li{
	float:left;
	padding:4px 5px 4px 6px;
	padding-left: 10px;
	letter-spacing:-1px;
	text-align:center;
}

.footer_list li a{
	color:#333333;
	text-decoration:none;
	display:block;
	padding:0px 5px 0px 6px;
	background-image:url(../img/index_footer.png);
	background-repeat:no-repeat;
	-webkit-background-size:3px 6px;
	-moz-background-size:3px 6px;
	background-position:left center;
}

#sitemap .right_conte ul li div{
	padding:10px 0px 10px 5px;
}

.right_conte{
	letter-spacing:-1px;
}

#contact_faq{
	margin:20px 0px 0px 0px;
	clear:both;
}

#sitemap_footer{
	margin:20px 0px 0px 10px;
}

#sitemap_footer p {
	font-size:14px;
}

#sitemap_footer p span a{
	color:#664422;
	margin:0px 0px 0px 5px;
	letter-spacing:0.08em;
	font-weight:bold;
}
#sitemap_footer p.tel-text {
	margin:0px 0px 5px 0px;
}

#copyright{
	text-align:center;
	margin:4px 0px 10px 0px;
}

.to_pc{
	width:238px;
	height:38px;
	margin:0 auto;
	padding:30px 0px 10px 0px;
}

.to_pc a{
	text-indent:-9999px;
	display:block;
	width:238px;
	height:38px;
	background-image:url(../img/to_pc.png);
	background-repeat:no-repeat;
	-webkit-background-size:238px 38px;
	-moz-background-size:238px 38px;
}

img{
	border:0px;
}

a{
	overflow:hidden;
}

p{
	margin:0px;
	padding:0px;
}

h2{
	font-size:18px;
	font-weight:bold;
	margin:0px;
}

h3{
	font-size:16px;
	font-weight:100;
	margin:0px;
}

ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

a {
	text-decoration:none;
}
.table-sitemap {
	width:100%;
	border-top:1px solid #CCC;
	border-spacing: 0;
}
.table-sitemap th {
	width:12%;
	font-size:14px;
	color:#333333;
	padding:0px 10px 0px 10px;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background-color:#F2F2F2;
	font-weight:normal;
}
.table-sitemap td {
	width:44%;

	font-size:14px;
	padding:10px 6px 10px 8px;
	background-color:#fff;
	border-left:1px solid #CCC;
	border-bottom:1px solid #ccc;
	background-image:url(../img/arrow4.png);
	background-repeat:no-repeat;
	-webkit-background-size:12px 9px;
	-moz-background-size:12px 9px;
	background-position:right center;
	height:3.2em;
}

.table-sitemap td a {
	width:100%;
	display:block;
	color:#333333;
	height:100%; /*追加2012.02.03*/
	vertical-align:middle /*追加2012.02.03*/
}

.table-sitemap td a p { /*追加2012.02.03*/
	margin:0;
	padding:0;
	height:3.2em;
	display:table-cell;
	vertical-align:middle
}

.table-sitemap td a p span { /*追加2012.02.03*/
	margin:0;
	padding:0;
	line-height:1.1em;
}

.table-sitemap th.border03 {
	width:12%;
	font-size:14px;
	color:#333333;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-radius:0px 0px 0px 6px;
	-webkit-border-radius:0px 0px 0px 6px;
	-moz-border-radius:0px 0px 0px 6px;
	padding:0px 10px 0px 10px;
	background-color:#F2F2F2;
	font-weight:normal;
}
.table-sitemap td.border01 {
	width:44%;
	font-size:14px;
	padding:0px 0px 0px 0px;
	padding:10px 6px 10px 8px;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	background-color:#fff;
	background-image:url(../img/arrow4.png);
	background-repeat:no-repeat;
	-webkit-background-size:12px 9px;
	-moz-background-size:12px 9px;
	background-position:right center;
}
.table-sitemap td.border02 {
	width:44%;
	font-size:14px;
	padding:0px 0px 0px 0px;
	padding:10px 6px 10px 8px;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	border-radius:0px 0px 6px 0px;
	background-color:#fff;
	background-image:url(../img/arrow4.png);
	background-repeat:no-repeat;
	-webkit-background-size:12px 9px;
	-moz-background-size:12px 9px;
	background-position:right center;
}
/*- - - - - - - - - - - - - - - - - - - */ 
/* clearfix
/*- - - - - - - - - - - - - - - - - - - */
	.clearfix {zoom:1;}
	.clearfix:after{
		content: ""; 
		display: block; 
		clear: both;
	}
	/* Hides from IE-mac */
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	
 /*---------- [CLEARFIX] ----------*/ 


ul li { /*追加2012.02.03*/
	display:block;
}

}