@charset "shift-JIS";
/* CSS Document */
/*==========================
		初期化				
==============================*/
@media screen and (max-width:599px){
*{
	margin:0;
	padding:0;
	}

*, *:before, *:after {
	  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	 }

ul, li, ol{
	list-style: none;
}
p{
	margin-bottom:10px;
	/*width:98%;
	margin:0 1% 10px 1%;*/}

table{
	border: 0px;
}

img{
	max-width:100%; width /***/:auto; /*IE8用ハック*/
	height:auto;
	border: 0px;
	vertical-align:middle;
}
.cl{
	clear:both;}

.mbcl{
	clear:both;}
	
.centering{
	text-align:center;}
	
h1,h2,h3,h4,h5{
	font-size:100%;
	}

.youtube{margin-bottom:10px;}
.youtube iframe{/*width:100%;*/}
	
.imgleft{
	display:block;
	margin:0 0 10px 0;}
.imgright{
	clear:both;
	margin:0 0 10px 0;}
	
	.imgleft_mb{
		float:left;
		margin:0 10px 10px 0;}
	.imgright_mb{
		float:right;
		margin:0 10px 10px 0;}

.mgauto{
	width:96%;
	margin:0 auto 0 auto;}

/**PC**/
.pc_c{
	display:none;}
/*==========================
　　共通設定				
==============================*/
	
a:link, a:visited, a:active  {
	color:#333;
	text-decoration:none;}

.formbtn{
	margin:auto;}

.formbtn i{
	margin-right:10px;}
	
.formbtn a{
	text-align:center;
		display:block;
		width:80%;
		padding:10px 0;
		margin:0 auto;
		background:#065BB9;
		color:#FFF;
		font-weight:bold;
		font-size:1.6rem;
		border-radius: 4px; 
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;}

.txt_btn{
	margin:0 0 20px 0;
	text-align:center;}
.txt_btn a{
		display:inline-block;
		margin:0 auto;
		background:#fff;
		padding:10px 30px 10px 30px;
		border:solid 1px #999999;
		font-weight:bold;
		text-decoration:none;
		border-radius: 20px; 
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		position:relative;}
	
	.txt_btn a::after {
			position: absolute;
			top: 50%;
			right: 10px;
			display: block;
			content: '';
			width: 6px;
			height: 6px;
			margin-top: -3px;
			border-top: 2px solid #333;
			border-right: 2px solid #333;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			}

/**矢印リンクアイコン**/
.iallow a{
	background:url(../topimages/link-icon.svg) no-repeat 0 35%;
	padding-left:14px;}
	
/**ページ内でブロックごとにわける為用**/
section{
	clear:both;
	margin-bottom:30px;}
/*==========================
　　全体レイアウト				
==============================*/
html{font-size:62.5%;}
body {
	font-size:1.2rem;
	-webkit-text-size-adjust: 100%;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	position: relative;
    right: 0;
    overflow-x: hidden;
	background:#FFF;
	text-align:center;
}

#all {
	width:100%;
	height:auto;
	text-align:left;
}

#header {
	width: 100%;
	margin:0 0 15px 0;
}

#header h1 {
	background:#C50707;
	color:#FFF;
	padding:2px;
	margin-bottom:2px;
}
#header p.h1sub{
	display:none;
}
#header p{
	display:none;
}

#tophome{
	float:left;}

#tophome a{
	display: block;
	background:url(../topimages/mobile/logo.png) no-repeat left top;
	background-size:120px auto;
	height: 48px;
	width: 120px;}
	
	#tophome span{
	visibility:hidden;}

#toptel{
	float:right;}
#toptel img{
	width:150px;
	height:auto;}

#mb_menu{
	float:right;
	width:40px;
	margin-top:3px;}

/****navi****/
    #navigation2{
		clear:both;
        position: fixed;
        top: 0;
        right: -240px;
        width: 240px;
        height: 100%;
        background: #fff;
        z-index: 2;
        padding-top: 20px;
		padding-bottom: 60px;
		overflow:scroll;
		}
		
#navigation2::-webkit-scrollbar {
  width: 6px;
}
#navigation2::-webkit-scrollbar-track {
  margin: 3px 0;
  background:#DBDBDB;
  
}
#navigation2::-webkit-scrollbar-thumb {
  background:#666;border-radius: 4px;
}

		#navigation2 li{
			border-bottom:solid 1px #CCCCCC;}
			
			#navigation2 li.navigation_top{
				background:#EAEAEA;
				border-top:solid 1px #CCCCCC;
				font-size:1.4rem;
				font-weight:bold;
				padding:8px;
				}
				
				#navigation2 li span{
					float:right;
					margin-right:10px;}
					
				#navigation2 li span img{width:20px;}
				
				#navigation2 li.category_link{
				border:double 4px #fff;
				background:#F36;
				}
				#navigation2 li.category_link a{
				color:#FFF;
				font-weight:bold;
				font-size:1.4rem;
				}
    
			#navigation2 li a{
			position:relative;
			display:block;
			padding:12px 0 12px 10px;
			}
			#navigation2 li a::after {
			position: absolute;
			top: 50%;
			right: 10px;
			display: block;
			content: '';
			width: 8px;
			height: 8px;
			margin-top: -4px;
			border-top: 1px solid #333;
			border-right: 1px solid #333;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			}
			
				#navigation2 li.category_link a::after {
					border-top: 1px solid #fff;
					border-right: 1px solid #fff;
					}

	#overlay{
			z-index:-1;
			opacity: 0;
			background: #000;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			position: fixed;}
	
    /**
    * ドロワー開放時のスタイル
    **/

        body.open #overlay{
            z-index: 1;
            opacity: 0.3;}


#container {
	clear:both;
	padding:0;
}

#seh2{
	text-align:center;
	padding:0 2%;
	}

p.katei_haisou{
	color:red;
	
	font-weight:bold;
	background:#FF9;
	margin:30px 0;
	padding:20px;
	}
/*==========================
　　左メニュー部分				
==============================*/
				
#container #left{
	
}


#leftColumn_banner{
	margin:0 0 10px 0;
	display:none;
	}
	/*#leftColumn_banner li{
		margin:0 0 10px 0;
		}*/
		
#container #left h2 {
	text-align:center;
	margin:20px 0;
}	

#leftnavi{
	overflow:hidden;
	margin-bottom:20px;}
	
#leftnavi h3{
	width:100%;
	clear:both;
	background:#F0F0F0;
	font-size:1rem;
	padding:5px 0 5px 10px;}	
	#leftnavi h3 a{
		text-decoration:none;}

#leftnavi ul{
	width:100%;
	overflow:hidden;
	margin-bottom:15px;
	}

#leftnavi ul li{
	width:50%;
	float:left;
	text-align:left;
	position:relative;
	border-bottom:solid 1px #CCCCCC;}
#leftnavi ul li:nth-of-type(2n+1){
	border-right: 1px solid #ccc;
}
/*#leftnavi ul.list-w{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
	width: 100%;
}
	
#leftnavi ul.list-w li.list-w-item{
	width:100%;}

.list-n li:nth-of-type(2n+1),
.list-w li:nth-of-type(2n+2){
	border-right: 1px solid #ccc;
}*/
/*#leftnavi ul li:nth-child(even){border-right:none;}*/

/*#leftnavi ul li:nth-last-child(-n+2){border-bottom: none;}*/

#leftnavi ul li::after {
			position: absolute;
			top: 50%;
			right: 8px;
			display: block;
			content: '';
			width: 6px;
			height: 6px;
			margin-top: -3px;
			border-top: 1px solid #666;
			border-right: 1px solid #666;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			}
#leftnavi ul li a{
		font-size:1.1rem;
		display:block;
		padding:10px 0 10px 10px;
		}

#left_subnavi ul{
	overflow:hidden;
	margin-bottom:20px;}	
#left_subnavi li{
	display:block;
	width:80%;
	margin:0 auto 10px auto;
	}

#container #left #guide_navi h2	{
	margin:0;
	background:#F0F0F0;
	padding:5px 0 5px 10px;
	/*border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;*/
	font-size:1.2rem;}
#guide_navi ul{
	overflow:hidden;
	margin-bottom:20px;}	
	
#guide_navi ul li{
	width:50%;
	float:left;
	text-align:left;
	position:relative;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;}
#guide_navi ul li:nth-child(even){border-right:none;}
#guide_navi ul li::after {
			position: absolute;
			top: 50%;
			right: 15px;
			display: block;
			content: '';
			width: 6px;
			height: 6px;
			margin-top: -3px;
			border-top: 1px solid #666;
			border-right: 1px solid #666;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			}
#guide_navi ul li a{
	font-size:1.1rem;
				display:block;
				padding:10px 0 10px 10px;}

/**トップページ専用**/
#container #left #leftnavi h3.ptop {
	text-align:center;
	margin:20px 0;
	background:#FFF;
	font-size:1.2rem;
	border-bottom:none;
}	
	
#leftnavi h4.ptop{
	width:100%;
	clear:both;
	background:#F0F0F0;
	font-size:1rem;
	padding:5px 0 5px 10px;}	
	#leftnavi h4.ptop a{
		text-decoration:none;}

#container #left #guide_navi h3.ptop{
	margin:0;
	background:#F0F0F0;
	padding:5px 0 5px 10px;
	font-size:1.2rem;
	text-align:center;}


/* facebook */
#fb{
	background:#F5F4F1;
	width:100%;
	overflow:hidden;
	margin-bottom:30px;
 }
.sns_contents{
	width:100%;
	}
	.sns_banner{
		margin-bottom:40px;}
	.sns_icon{
		text-align:center;
		margin-bottom:40px;}
	.sns_icon a{
		margin-right:20px;}
	.sns_icon img{
		width:30px;
		height:auto;
		margin-right:5px;}
	
#photo{
	 width:100%;
	 padding:30px 2%;
	 }
	 #photo p{
		 margin-bottom:10px;}
		 #photo p span{
			 display:block;
			 font-weight:bold;
			 color:#372D24;
			 padding-bottom:4px;}
			 
			 #photo p img{
				 display:block;}

/*==========================
　　フッター設定				
==============================*/

#footer{
	clear:both;
	width:100%;
	text-align:center;
	}
	
.foot_list h3	{
	margin:0;
	background:#F0F0F0;
	padding:5px 0 5px 10px;
	font-size:1.2rem;}
		
.foot_list ul{
	overflow:hidden;
	margin-bottom:20px;}	
	
.foot_list ul li{
	width:50%;
	float:left;
	text-align:left;
	position:relative;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;}
.foot_list ul li:nth-child(even){border-right:none;}
.foot_list ul li::after {
			position: absolute;
			top: 50%;
			right: 15px;
			display: block;
			content: '';
			width: 6px;
			height: 6px;
			margin-top: -3px;
			border-top: 1px solid #666;
			border-right: 1px solid #666;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			}
.foot_list ul li a{
	font-size:1.1rem;
				display:block;
				padding:10px 0 10px 10px;}

#footer_navi{
	border-top:solid 1px #999;
	overflow:hidden;
	background:#F2F1EC;
	}

#footer_navi ul li{
	text-align:left;
	position:relative;
	border-bottom:solid 1px #999999;}
#footer_navi ul li::after {
			position: absolute;
			top: 50%;
			right: 15px;
			display: block;
			content: '';
			width: 8px;
			height: 8px;
			margin-top: -4px;
			border-top: 1px solid #666;
			border-right: 1px solid #666;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			}
			
			#footer_navi ul li a{
				display:block;
				padding:10px 0 10px 10px;}
				

/**セキュリティシール**/
#gssl{
	text-align:center;}

#gssl img{
	width:115px;}	
			
#copyright{
	clear:both;
	padding:10px 0;
	}
	
#funtoshare{
	}
	
/**グーグルサーチ**/
#search form{
	width:100%;
	height:30px;
	padding:0 2% 0 4%;
	}
	#search form{}
	#search input[type="text"] {
		width:80%;
		height:40px;
		border:solid 1px #666666;
		border-radius: 2px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: transparent;
		padding-left:10px;
		}
	
	#search input[type="submit"] {
		width:15%;
		height:40px;
		background:#000;
		color:#FFF;
		-webkit-appearance: none;
		border-radius: 2px;
		border:none;
		margin-left:-5px;
		padding-top:1px;
		}


/*==========================
　　topへ戻る				
==============================*/
.scroll-top{
	position: fixed;
	right:10px;
	bottom:20px;	
	opacity: 0;
	visibility: hidden;
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #333;
	text-align: center;
  }
  /*このクラスが付与されると表示する*/
  .scroll_active{
	opacity: 0.8;
	visibility: visible;
  }
  .scroll-top span {
	display: inline-block;
  width: 18px;
  height: 18px;
  margin-top: 18px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(45deg);
  }
  
  
}

@media screen and (min-width:600px){
*{
	margin:0;
	padding:0;
	
	}

ul, ol, li, p{
	margin: 0px;
	padding: 0px;
}

p{
	margin-bottom:10px;}

ul, li, ol{
	list-style: none;
}

table{
	border: 0px;
	font-size: 100%;
}

img{
	vertical-align: top;
	border: 0px;
}

.cl{
	clear:both;
	}
h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
	font-size:100%;
	}

.youtube{margin-bottom:10px;}
.youtube iframe{/*width:100%;*/}

.centering{
	text-align:center;}
	
.imgleft{
	float:left;
	margin:0 10px 10px 0;}
.imgright{
	float:right;
	margin:0 0 10px 10px;}

/**mobile**/
.mb_c{
	display:none;}
/*==========================
　　共通設定				
==============================*/	
a:link, a:visited, a:active  {
	color:#333;
	text-decoration:none;
}

a:hover {
	color:#333;
	text-decoration:underline;}

a img:hover {
	opacity: 0.7 ;}

/**フォーム系ボタンに使用**/
.formbtn{
	width:260px;/**デフォルト**/}
.formbtn i{
	margin-right:10px;}
	
.formbtn a{
		text-align:center;
		display:block;
		padding:10px 0;
		margin:0 auto;
		background:#065BB9;
		color:#FFF;
		font-weight:bold;
		font-size:16px;
		border-radius: 4px; 
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;}

/**テキスト系ボタンに使用 div classで**/
.txt_btn{
	margin:0 0 20px 0;}
.txt_btn a{
		display:inline-block;
		background:#fff;
		padding:8px 30px 8px 30px;
		border:solid 1px #999999;
		font-weight:bold;
		border-radius: 20px; 
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		position:relative;}
	
	.txt_btn a::after {
			position: absolute;
			top: 50%;
			right: 10px;
			display: block;
			content: '';
			width: 6px;
			height: 6px;
			margin-top: -5px;
			border-top: 2px solid #333;
			border-right: 2px solid #333;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			}
			
/**矢印リンクアイコン**/
.iallow a{
	background:url(../topimages/link-icon.svg) no-repeat 0 35%;
	padding-left:14px;}
	
/**ページ内でブロックごとにわける為用**/
section{
	clear:both;
	width:730px;
	overflow:hidden;
	margin-bottom:30px;}
/*==========================
　　全体レイアウト				
==============================*/
	
body {
	font-size: 12px;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	/*background-image: url(../topimages/bodybg.jpg);*/
	text-align: center;
	color:#525252;
}

#all {
	width: 930px;
	background:#FFF;
	margin: 0px auto;
	padding: 0px 25px;
	text-align:left;
}

#header {
	background:url(../topimages/toptitle.jpg) no-repeat left 12px;
	width: 930px;
	height: 130px;
	margin:0 0 15px 0;
	position:relative;
}

#header h1 {
	color: #999999;
	text-align: right;
	font-size: 13px;
	margin:0px 0 0 0;
}
#header p {
	color: #999999;
	text-align: right;
	font-size: 11px;
	float:right;
	margin:0;
	width:500px;
}
#header p a{
	color: #999999;
}

#tophome{
	height: 65px;
	width: 300px;
	float:left;}
#tophome a{
	display: block;
	height: 65px;
	width: 300px;
	overflow: hidden;}
#tophome span{
	visibility:hidden;}

#toptel{
	position:absolute;
	right:0;
	bottom:28px;
	/*float:right;*/}

#toptel a[href^="tel:"] {
		pointer-events: none;}

#all #header #navigation2 {
	width: 930px;
	font-size: 10px;
	height: 26px;
	background:url(../topimages/headnavi_bg.jpg) no-repeat left bottom;
	border-bottom:none;
	background-color:#FFFFFF;	
	position:absolute;
	bottom:0;
	left:0;
}
#all #header #navigation2 li{
	float: left;
	width: 93px;
	height: 26px;
	text-align: center;
	margin:0;
	line-height:2.3;
	font-size:12px;
	background:none;
	overflow:hidden;
}
#all #header #navigation2 li a{
	color:#543D30;
	display:block;
	text-decoration:none;
	width: 93px;
	height: 26px;
	
	}
	#all #header #navigation2 li a:hover{
	background:url(../topimages/headnavi_bgli.jpg) repeat-x left top;
	color:#FFFFFF;
	display:block;
	width: 93px;
	height: 26px;
}

#navigation2 li.navigation_top,
#navigation2 li.category_link{display:none;}
	
#container {
	width: 930px;
	overflow:hidden;
}

#seh2{
	text-align:right;
	}

p.katei_haisou{
	color:red;
	font-size:16px;
	font-weight:bold;
	background:#FF9;
	margin:30px 0;
	padding:22px;
	}
/*==========================
　　左メニュー部分				
==============================*/
				
#container #left{
	float: left;
	width: 170px;
	margin-bottom:20px;
	margin-right:30px;
}

#leftColumn_banner{
	width:170px;
	margin:0 0 10px 0;
	}
	#leftColumn_banner li{
		margin:0 0 3px 0;
		}
		
#container #left h2 {
	border-bottom:solid 1px #999999;
	padding-bottom:5px;
	margin-bottom:5px;
	font-size:14px;
}	

#leftnavi{
	width:170px;
	margin-bottom:14px;}
	
#leftnavi h3{
	color:#333;
	margin-bottom:6px;}	
	#leftnavi h3 a{
		color:#333;
		text-decoration:none;}

#leftnavi ul{
	border-bottom:solid 1px #666666;
	margin-bottom:10px;
	padding-left:0.5em;}
#leftnavi ul li{
	margin-bottom:6px;
	border-bottom:dotted 1px #CCCCCC;}
	
	#leftnavi ul li:last-child{
		border-bottom:none;}


#left_subnavi ul,#guide_navi ul{
	margin-bottom:20px;}	
#left_subnavi li,#guide_navi ul li{
	margin-bottom:6px;}
	
/**トップページ専用**/
#container #left h3.ptop {
	border-bottom:solid 1px #999999;
	padding-bottom:5px;
	margin-bottom:5px;
	font-size:14px;
}
#leftnavi h4.ptop{color:#333;margin-bottom:6px;}	
#leftnavi h4.ptop a{color:#333;text-decoration:none;}


/* facebook */
#fb{
	background:#F5F4F1;
	padding:30px;
	width:870px;
	overflow:hidden;
	margin-bottom:30px;
 }
.sns_contents{
	float:left;
	width:500px;
	}
	.sns_banner{
		margin-bottom:20px;}
	
	.sns_icon a{
		margin-right:20px;}
	.sns_icon img{
		width:30px;
		height:auto;
		margin-right:5px;}
	
 #photo{
	 float:right;
	 width:300px;}
	 #photo p{
		 margin-bottom:10px;}
		 #photo p span{
			 display:block;
			 font-weight:bold;
			 color:#372D24;
			 padding-bottom:4px;}

/*==========================
　　フッター設定				
==============================*/

#footer{
	clear:both;
	/*width:900px;*/
	padding:15px;
	background:#F3F3F3;
	}

#ssl_box{
	width:300px;
	float:right;}

#gssl{}
#gssl img{}	
#funtoshare{}

.foot_list{
	width:200px;
	float:left;
	margin-bottom:20px;}
	.foot_list h3{
		margin-bottom:10px;}
	.foot_list li{
		margin-bottom:5px;}
	
#footer_navi{
	clear:both;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding:10px 0;
	overflow:hidden;
	}
	
	#footer_navi ul li{
	display:inline;
	padding:0 20px;
	border-right:solid 1px #CCCCCC;
	}

#copyright{
	clear:both;
	padding:10px 0;
	}
/**トップだけ**/
#grop{
	clear:both;}
	#grop li{
		display:inline;
		padding:0 10px;}
		#grop li a{
			text-decoration:none;
			font-size:11px;
			color:#333;}

/**グーグルサーチ**/
	#search input[type="text"] {
	width:120px;
	height:26px;}
	
	#search input[type="submit"] {
	width:40px;
	height:26px;
	background:#06C;
	color:#FFF;
	-webkit-appearance: none;
	border-radius: 0;
	border:none;
	vertical-align:top;}

/*==========================
　　topへ戻る				
==============================*/
.scroll-top{
	position: fixed;
	right:10px;
	bottom:20px;	
	opacity: 0;
	visibility: hidden;
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #333;
	text-align: center;
	cursor:pointer;
  }
  /*このクラスが付与されると表示する*/
  .scroll_active{
	opacity: 0.8;
	visibility: visible;
  }
  .scroll-top span {
	display: inline-block;
  width: 18px;
  height: 18px;
  margin-top: 18px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(45deg);
  }

}