@charset "utf-8";
/* CSS Document */

*{
	marggin:0;
	padding:0;
	}

@font-face {
	font-family: 'MyYuGothicM';
	font-weight: normal;
	src: local('YuGothic-Medium'), /* PostScript Name = localの正式な指定方法 */
	local('Yu Gothic Medium'),     /* PostScript Nameを認識できないChrome用にFull Nameを指定 */
	local('YuGothic-Regular');     /* 游ゴシックMediumが存在しないWindows8.1用 */
	}

@font-face {
	font-family: 'MyYuGothicM';
	font-weight: bold;
	src: local('YuGothic-Bold'), /* PostScript Name = localの正式な指定方法 */
	local('Yu Gothic');          /* PostScript Nameを認識できないChrome用にFull Nameを指定 */
	}

html{
	font-family :
	MyYuGothicM, /* Windows調整用 */
	YuGothic,    /* Mac用 */
	sans-serif;
	margin:0;
	font-weight:500 !important;
	padding:0;
	font-size:14px;
	letter-spacing:2px;
	line-height:26px;

	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
/*	background-image:url(../images/%E4%BC%8A%E5%8B%A2%E5%9C%8B%E7%94%A3%E5%90%88%E8%B3%87%E4%BC%9A%E7%A4%BE03.png);
	background-position:top center;
	background-repeat:no-repeat;*/
	background-image:url(../images/background.jpg);
	background-position:top center;
	}

body{
	padding:0;
	margin:0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	}

article{
	overflow:hidden}




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

header{
	background-image:url(../images/header.png);
	background-repeat:repeat-x;
	background-position:top center;
	margin-bottom:35px;
	}
	
	
header section{
	width:800px;
	margin:0 auto;
	padding:42px 0 0 0;
	overflow:hidden;
	}

header section h1{
	text-indent:-9999px;

	background-position:left bottom;
	height:70px;
	width:413px;
	float:left;
	}

header section h1 a:link,
header section h1 a:visited{
	display:block;
	height:95px;
	width:413px;
	background:url(../images/logo.png);
	background-repeat:no-repeat;
	}



header section h1 a:hover{
	opacity:0.7}

header section nav{
	padding-top:48px;}



header section nav ul{
	display:table;
	table-layout:fixed;
	width:362px;
	float:right}


header section nav ul li{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-weight:bold;
	font-size:15px;
	letter-spacing:2px !important;
	display:table-cell;
	text-align:center;}

header section nav ul li a:link,
header section nav ul li a:visited{
	text-decoration:none;
	color:#000;
	display:block;
	border-left:#CCC 1px solid;
	padding:5px 0;
}

header section nav ul li:last-child a:link,
header section nav ul li:last-child a:visited{
	border-right:#CCC 1px solid;
	}

header section nav ul li a:hover{
	-moz-box-shadow: inset 0px 0px 10px 5px #F5F6F0;
    -webkit-box-shadow: inset 0px 0px 10px 5px #F5F6F0;
    box-shadow: inset 0px 0px 10px 5px #F5F6F0;
	background-image:url(../images/footer.png);
	background-position:center center;
	background-repeat:repeat-x;
	}

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


header#main section h1{
	text-indent:-9999px;
	margin-bottom:0 !important;
	background-position:left bottom;
	height:75px !important;
	width:413px;
	float:left;
	}

header#main section h1 a:link,
header#main section h1 a:visited{
	display:block;
	height:85px;
	width:413px;
	background:url(../images/main_logo.png);
	background-repeat:no-repeat;
	}

header#main section nav{
	padding-top:32px;}

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



h1{
	text-align:center;
	color:#775f48;
	margin-bottom:20px;
	font-size:18px;
	font-weight:bold;
    
}


#news h1,
#item h1{
	padding:22px 0 20px 0;
	border-bottom:#666 dotted 1px;
	margin-bottom:0;
	text-align:left;
	}

h3{}

h4{}

h5{}



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

hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

#news{
	width:800px;
	box-sizing:border-box;
	overflow:hidden;
	margin:0 auto;
	} 
	
	
	
	
#news article{	
			width:800px;
	box-sizing:border-box;
	overflow:hidden;
	margin:0 auto;
	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;
}

	
	
	
	
	
	
	
	
	
	
	
	
	

hr{
	background-image:url(../images/line.png);
	height:20px;}



#news table{
	width:345px;}


#news table th{
	max-width:120px;
	overflow:hidden;
	padding-right:25px;
	}
/*
#news table th img{
	width:120px;
	}*/

#news table td{
	text-align:left;
	vertical-align:top;
	padding:0;
	line-height:17px;
	}
	
	
.ellipsis {
	position: relative;
	height:140px;
	font-size:12px;
	overflow: hidden;
	line-height: 20px;
	margin-bottom:18px;
}

.ellipsis:before, .ellipsis:after {
	position: absolute;
}

/*.ellipsis:before {
	content: "･･･";
	bottom: 0;
	right: 0;
	padding-left:5px;
	background: #F8F9F5;
}*/

.ellipsis:after {
	content: "";
	width: 100%;
	height: 100%;
}
	
	
.syosai{
	text-align:right !important;
	font-size:12px;}
.syosai a:link,
.syosai a:visited{
	text-align:right !important;
	color:#603813;
	font-weight:bold;
	}
	
/************************************************************/
	
.left_box{
	
	padding:18px 18px;
	margin-right:40px;
	width:345px;
	}
	
.left_box p.day{
	font-size:12px;
	font-weight:bolder;
	line-height:14px;}

.left_box p.title{
	font-size:12px;
	font-weight:bolder;
	line-height:18px;
	margin-top:5px;
	margin-bottom:12px}	
	


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

.right_box{
	overflow:hidden;
	width:379px;}

.right_box ul{
	overflow:hidden;
	height:275px;
	border-bottom:#666 dotted 1px;
	}

.right_box ul li{
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	border-bottom:#666 dotted 1px;
	display:block;
	box-sizing:border-box;
	}

.right_box ul li:last-child{
	border-bottom:none !important;
	}

.right_box ul li .ymd{
	margin-right:10px;
	display:block;
	float:left;
	
	color:#000;
	overflow:hidden;
	}

.right_box ul li .title_R{
	overflow:hidden;
	display:block;
	text-overflow: ellipsis;
	white-space: nowrap
	}



.right_box ul li a:link,
.right_box ul li a:visited{
	color:#603813;
	display:block;
	text-decoration:none;
	padding:18px 12px 18px 12px;
	}

.right_box ul li a:hover{
	text-decoration:underline;}


ul.of{
	display:table;
	width:100%;
	box-sizing:border-box;
	margin:-45px 0 15px 0}
	
ul.of li{
	display:table-cell}




.back a:link,
.back a:visited{
	text-align:right !important;
	color:#603813;	
	font-weight:bold;
	position:relative;
	padding-left:15px;
	font-size:12px;
	margin-left:15px;
	}

.back a:link::before,
.back a:link::after{
	position:absolute;
	content:"";	width: 6px;
	height: 6px;
	border-top: 1px solid #603813;	
	border-right: 1px solid #603813;	
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	}

.back a:link::before,
.back a:visited::before{
	left:0px;
	top:4px;

}

.back a:link::after,
.back a:visited::after{
	left:5px;
	top:4px;
}




.list{
	text-align:right;
	}

.list a:link,
.list a:visited{
	text-align:right !important;
	color:#603813;	
	font-weight:bold;
	position:relative;
	padding-right:15px;
	font-size:12px;
	margin-right:15px;
	}

.list a:link::before,
.list a:link::after{
	position:absolute;
	content:"";	width: 6px;
	height: 6px;
	border-top: 1px solid #603813;	
	border-right: 1px solid #603813;	
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	}

.list a:link::before,
.list a:visited::before{
	right:2px;
	top:4px;

}

.list a:link::after,
.list a:visited::after{
	right:7px;
	top:4px;
}

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

footer{
	width:100%;
	background-image:url(../images/footer.png);
	height:120px;
	background-position:center center;
	background-repeat:repeat-x;
		
	}

footer div{
	display:table;
	width:800px;
	margin:0 auto;
	font-size:13px;
	font-weight:bold;
	line-height:22px;
	height:120px;
	box-sizing:border-box;
	padding:25px 0}



.copy{
	font-size:12px;
	width:100%;
	text-align:center;
	font-weight:bold;
	padding-bottom:8px;
	line-height:20px;
	}



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



#sub_nav{
	width:800px;
	margin:0 auto;
	padding:45px 0 35px 0;
	}

#sub_nav nav ul{
	width:420px;
	box-sizing:border-box;
	display:table;
	table-layout:fixed;
	margin:0 auto;}

#sub_nav nav ul li{
	display:table-cell;
	text-align:center;}

#sub_nav nav ul li a:link,
#sub_nav nav ul li a:visited{
	display:block;
	box-sizing:border-box;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	padding:2px 10px;
	line-height:15px;
	letter-spacing:1px;
	border-left:dotted 1px #666;}

#sub_nav nav ul li:last-child a:link{
	border-right:dotted 1px #666;
	}

#sub_nav nav ul li a:hover{
	color:#603813;
	text-decoration:underline;
	}
	
/************************************************************/

#item{
	width:800px;
	margin:0 auto;
	box-sizing:border-box;
	}

#item article{
	padding:0 5px} 


#item table{
	border:solid 1px #999;
	width:100%;
	margin:25px 0;
	font-size:14px;}

#item table td{
	border:solid 1px #999;
	padding:10px;
	vertical-align:middle}


#item table th{
	border:solid 1px #999;
	width:25%;
	padding:10px;
	text-align:left;
	vertical-align:middle}

#item table td span{
	display:block;
	width:100%;
	border-bottom:dotted #999 1px;
	margin:0 0 10px 0;
	padding:0 0 8px 0}

table .center{
	text-align:center !important}

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



#page_nav{
	display:table;
	table-layout:fixed;
	width:400px;
	margin:30px auto;}


#page_nav li{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-weight:500;
	letter-spacing:3px !important;
	display:table-cell;
	text-align:center;}

#page_nav li a:link,
#page_nav li a:visited{
	text-decoration:none;
	color:#000;
	display:block;
	border-left:#CCC 1px solid;
}

#page_nav li:last-child a:link,
#page_nav li:last-child a:visited{
	border-right:#CCC 1px solid;
	}

#page_nav li a:hover{
	color:#603813;
	}


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

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


#page_top {
    position: fixed;
    right: 70px;
	z-index:9999;
	}

#page_top a:link,
#page_top a:visited{
	text-indent:-9999px;
	display:block;
	width:50px;
	height:50px;
	background-color:#281a14;
	opacity:0.8;
	border-radius:5px;
	position:relative;
	}

#page_top a:link:before,
#page_top a:visited:before{
	content:"";
	position:absolute;
	width:0;
	height: 0;
	top:5px;
	left:10px;
	border-top: 10px solid transparent;
	border-right: 15px solid transparent;
	border-bottom:15px solid #dcd3b2;
	border-left: 15px solid transparent;
}

#page_top a:hover{
	text-indent:-9999px;
	display:block;
	width:50px;
	height:50px;
	background-color:#6f4b3e;
	opacity:0.8;
	border-radius:5px;
	position:relative;
	}



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


/************************************************************/
#news_dat h1{
	font-size:16px;
	}

#item #news_dat .day{
	font-size:13px;
	font-weight:bold
	}

#item #news_dat{
	border-bottom: #666 dotted 1px;
	margin-bottom:60px;}

#item #news_dat table{
	width:100%;
	margin-bottom:20px;
	margin-top:20px;
	border:none !important;}


#item #news_dat table th{
	overflow:hidden;
	text-align:left;
	padding:5px 25px 0 0;
	border:none !important;
	vertical-align:top
	}

/*#item #news_dat table th img{
	max-width:250px;}*/

#item #news_dat table td{
	text-align:left;
	vertical-align:top;
	padding:0 0 0 ;
	font-size:13px;
	letter-spacing:2px;
	border:none !important;
	}







#item #news_dat ul{
	overflow:hidden;
	
	}

#item #news_dat ul li{
	font-size:13px;
	font-weight:bold;
	line-height:18px;
	border-bottom:#666 dotted 1px;
	display:block;
	box-sizing:border-box;
	}

#item #news_dat ul li:last-child{
	border-bottom:none !important;
	}

#item #news_dat ul li .ymd{
	margin-right:10px;
	display:block;
	float:left;
	
	color:#000;
	overflow:hidden;
	}

#item #news_dat ul li .title_R{
	overflow:hidden;
	display:block;
	text-overflow: ellipsis;
	white-space: nowrap
	}



#item #news_dat ul li a:link,
#item #news_dat ul li a:visited{
	color:#603813;
	display:block;
	text-decoration:none;
	padding:18px 12px 18px 12px;
	}

#item #news_dat ul li a:hover{
	text-decoration:underline;}











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


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


#item table.contact{
	width:500px;
	margin:50px auto;
	}

#item table.contact td{
	padding:10px 15px 10px 15px;
	}


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

#item table.goods{
	margin:50px auto;
	}

#item table.goods td{
	padding:13px 15px 10px 40px;
	}

#item table.goods th{
	padding:13px 15px 10px 15px;
	background-color:#666;
	color:#fff;
	font-weight:bold;
	}


.hoshi{
	position:relative;
	padding-left:0;}

.hoshi:before{
	position:absolute;
	content:"★";
	font-size:20px;
	top:-1px;
	left:-30px;}


#item table.jigyosyo{
	border:none;
	padding:0;
	}


#item table.jigyosyo td span{
	margin: 0; 
	padding: 0;
    border: 0;}


#item table.jigyosyo th{
	border:none;
	padding:0;
	font-weight:bold;
	font-size:13px;
	}

#item table.jigyosyo th span{
	font-size:10px;
	margin-left:10px;
	margin-right:5px;}


.kanban{
	text-align:center;
	margin-top:30px
	
	}










.popupModal1 > input { /* ラジオボックス非表示 */
    display: none;
}
.popupModal1 > input:nth-child(1) + label { 
    cursor: pointer;
}
.modalPopup2 { /* 初期設定 ポップアップ非表示 */
    display: none;
}
.modalPopup2 img{
	border:solid 10px #fff;}

.modalPopup3 img{}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 {/* ラジオ１ チェックでポップアップ表示 */
    display: block;
    z-index: 998;
    position: fixed;
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

}
@media (min-width: 768px) {/* PCのときはページの真ん中の600x600領域 */
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2{


    }
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
     left:5% !important;
     top:5% !important;
}


}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div {/* */

    -webkit-overflow-scrolling:touch;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > iframe {
    width: 100%;
      height:100%;
      border:none;
      display:block;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > img {/* ポップアップの中の要素 */
max-width: 100%;
}
.popupModal1 > input:nth-child(1) + label ~ label {
    display: none;/* ラジオ１ 以外のラベルを初期は非表示 */

}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 998;
    text-indent: -999999px;
    overflow: hidden;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
    background: rgba(255, 255, 255, 0.5);
    display: inline-block;
	position:fixed;
    left: 10px;
    bottom: 20px;
    z-index: 999;
    width: 44pt;
    height: 44pt;
    font-size: 40px;
    border-radius: 50%;
    line-height: 44pt;
    text-align: center;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}

.popupModal1 > input:nth-child(1) + label + input:nth-child(3):checked + label + input:nth-child(5) + label + .modalPopup2,
.popupModal1 > input:nth-child(1) + label + input:nth-child(3) + label + input:nth-child(5):checked + label + .modalPopup2 { /* ラジオ２と３ どっちかチェックでポップアップ非表示 */
    display: none;
}


.modalPopup2 {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.popupModal1 .modalTitle {
     padding-bottom: .5em;
     margin: .5em 0;
     border-bottom:1px solid #ccc;
     font-weight: bold;
}
.popupModal1 .modalMain {
     color:#222;
     text-align: left;
     font-size: 14px;
     line-height: 1.8em;
}