@charset "utf-8";

/* ##################################### home.css ##################################### */
#primary .menu .headline:after,
#primary .menu ul:after,
.news:after,
.news li:after,
.news dl:after,
.banner:after,
.separate:after,
.lead-banner .ban a:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


/* ============= font-awesome ============= */
.button-about .title:before,
.button-about .link:after,
.lead-banner .ban h1:before {
	font-family: 'FontAwesome';
	display: inline-block;
	width: 1.2em;
    text-align: center;
}


/* ========================== main-container ========================== */
#main-container {
	box-shadow: 0 5px 3px -3px rgba(0,0,0,0.3);
  	-webkit-box-shadow: 0 5px 3px -3px rgba(0,0,0,0.3);
  	-moz-box-shadow: 0 5px 3px -3px rgba(0,0,0,0.3);
}



#content { padding-top:20px; }


/* ============= separate ============= */
.separate .left,
.separate .right {
	margin-bottom:20px;
}

@media print, screen and (min-width:600px) {
.separate {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items:flex-start;
    align-items:flex-start;
	margin-bottom:0;
}

.separate .left,
.separate .right {
	/*width:48%;*/
	width:490px;
	/*margin-bottom:0;*/
} 
.separate .left { margin-right:20px/*4%*/; }
}


section.separate-low { margin-bottom:20px !important; }

@media print, screen and (min-width:800px) {
.separate-low {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items:flex-start;
    align-items:flex-start;	
}

.separate-low .left,
.separate-low .right {
	/*width:48%;*/
	width:490px;
	margin-bottom:0;
} 
.separate-low .left { margin-right:20px/*4%*/; }
}




/* ============= button ============= */
.button-about a {
	display:block;
	padding:15px 15px;
	background:#ede7dc;
	border:1px solid #e8ddc6;
	border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
	color:#692c07;
	box-shadow: 0 5px 3px -3px rgba(0,0,0,0.3);
  	-webkit-box-shadow: 0 5px 3px -3px rgba(0,0,0,0.3);
  	-moz-box-shadow: 0 5px 3px -3px rgba(0,0,0,0.3);
	text-decoration: none;
}

.button-about .title {
	margin-bottom:15px;
	padding-bottom:3px;
	border-bottom:1px solid #692c07;
	color:#ac150a;
	font-size:18px;
	font-weight:bold;
}
.button-about .title:before {
	margin-right:5px;
	content:"\f0f4";
	vertical-align:top;
}

.button-about p:last-child { margin-bottom:0; }

.button-about .link {
	margin-bottom:0;
	padding-bottom:3px;
	border-bottom:1px solid #692c07;
	font-size:15px;
	text-align:right;
}
.button-about .link:after {
	margin-left:3px;
	content:"\f054";
	vertical-align: middle;
}


.mando-jikido {
	border:1px solid #f39700;
	box-sizing:border-box;
	border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
}



/* ---- Waht's New ---- */
.news {
	height:400px;
	/*height:200px;*/
	margin-bottom: 20px;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling:touch;
}
.news.auto {
	height:auto;
	margin-bottom: 20px;
}


.news a:link { text-decoration:underline; }

.news li {
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px dotted #ccc;
	line-height:1.3em;
}

.news dl,
.news dd,
.news dd p:last-child { margin-bottom:0; }

.news dt {
	margin-bottom:5px;
	font-weight:bold;
}

.news dd { padding:0; }
.news dd p { margin-bottom:10px; }

@media print, screen and (min-width:1200px) {
.news dt,
.news dd { float:left; }
	
.news dt {
	margin:0;
	width:100px;
	font-weight:normal;
}
.news dd { width:370px; }
.news dd p { margin-bottom:0; }
}

.news .newmark {
	color:#cb3328;
}


/* ============= Waht's Newにreccomendを入れた場合の体裁の調整 ============= */
/*
.news h1 {
	margin-bottom:10px;
	padding:0 0 5px 0;
	border-bottom:none;
	color:#6a2c07;
	font-size:12px;
}

.news h2 {
	margin-bottom:10px;
	padding:0;
	background:none;
	border-bottom:none;
	color:#6a2c07;
	font-size:12px;
	font-weight:bold;
}

.news h3 {
	margin-bottom:10px;
	padding:0;
	border-left:none;
	font-size:12px;
}
*/


/* ============= menu ============= */
#primary .topmenu { }


#primary .topmenu a { text-decoration:none; }

.topmenu ul.list .ph {
	margin-bottom:5px;	
	text-align:center;
}
.topmenu ul.list .ph img { border:1px solid #ddd; }

.topmenu li a { display:block; }

.topmenu li h2 {
	margin-bottom:3px;
	padding:0 0 0 18px;
	background:url(../img/common/arrow01.png) no-repeat 0 4px;
	font-size:14px;
	font-weight:bold;
}

.topmenu li p {
	padding:0 0 0 18px;
	color:#333;
	line-height:1.5em;
}

@media print, screen and (min-width:600px) {
.topmenu ul.list {
	margin-bottom:10px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items:flex-start;
    align-items:flex-start;
}
.topmenu ul.list li {
	width:23%;
	margin-right:2%;
	margin-bottom:0;
}
.topmenu ul.list li:last-child { margin-right:0;}
}



.fb {
	margin:0 auto;
	padding:0 10px;
	text-align:center;
}

@media only screen and (min-width:600px) {
.fb {
	width:300px;
	padding:0;
}
}
@media only screen and (min-width:700px) {
.fb {
	width:400px;
	padding:0;
}
}
@media only screen and (min-width:800px) {
.fb {
	width:auto;
	text-align:center; 
}
}


/* ---- lead-banner ---- */
.lead-banner a {
	margin-bottom:15px;
	display:block;
	padding:15px 15px 10px 15px;	
	background:#ede7dc;
	border:1px solid #e8ddc6;	
	border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
	color:#692c07;
	box-shadow: 0 5px 3px -3px rgba(0,0,0,0.3);
  	-webkit-box-shadow: 0 5px 3px -3px rgba(0,0,0,0.3);
  	-moz-box-shadow: 0 5px 3px -3px rgba(0,0,0,0.3);
	text-decoration: none;
}

#primary .lead-banner .ban h1 {
	margin-bottom:10px;
	padding-bottom:3px;
	border-bottom:1px solid #ac150a/*#692c07*/;
	color:#ac150a;
	font-size:16px;
	font-weight:bold;
	line-height:1.1em;
}
#primary .lead-banner .ban h1:before {
	margin-right:5px;
	content:"\f138";
	vertical-align:top;
}

#primary .lead-banner p {
	margin:0;
	line-height:1.4em;
}

@media print, screen and (min-width:645px) {
#primary .lead-banner p { padding-left:20px; }
#primary .lead-banner img { width:150px; }
}


/* ---- profile---- */
.profile { min-height:auto; }




/* ---- map ---- */
.gmap { margin-bottom:20px; }
.gmap iframe {
	width:250px;
	height:150px;
}
@media print, screen and (min-width:481px) {
.gmap iframe {
	width:500px;
	height:250px;
}
}

.map img { border:1px solid #ddd; }


/* ============= slider ============= */
@media print, screen and (min-width: 768px) {
	/*body,html {width: 100%;height: 100%; overflow-x: hidden;}*/
	/* 設定 */
	.slide_all {width: 1000px; margin: 0 auto; height:380px; position: relative;}
	.slide_wrap {width: 3000px; position: absolute; left: 50%; margin-left: -1500px;}
	.slide_body {width: 100%;}
	.slide {width: 1000px; font-family: 'arial'; background: #000; color: #fff; font-size: 50px; line-height: 400px; text-align: center;}
	.slide img {width: 100%; vertical-align: bottom;}
	/* 装飾 */
	.bx-controls-direction,.bx-pager {text-align: center;height: 25px; top:20px;}
	.bx-controls-direction a,.bx-pager-item {display: inline-block;}
	.bx-pager-item a{display: block; height: 10px; width: 10px; text-indent: -9999px; background: #fff; border-radius: 10px; margin:10px 2px 0 2px;}
	.bx-pager-item a.active {opacity: 0.3;}
	.bx-controls-direction a{text-decoration: none; color: #fff; padding:0 5px;}
	.bx-controls {position: absolute;bottom: 5px;z-index: 100;width: 100%;}
	/* 追加 */
	.slide{transition:all .3s;opacity:.5;}
	.slide.active{ opacity:1;}

	.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active
	{ opacity: 1; }

}



/* ++ ++ */