@charset "utf-8";

/* ========================================= body ========================================= */
body{
	width:100%;
	height:100%;
	min-width:1200px;
	margin:0;
	padding:0;
	line-height:150%;
	color:#333;
	font-size:14px;
	font-family: Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#contents{
	width:100%;
	height:100%;
	min-width:1200px;
	position:relative;
}

/* ===============link=============== */
a{color:#333333;}

a:hover img,
a:active img{
	-moz-opacity:0.7;
	opacity:0.7;
	filter:alpha(opacity=70);
}


/* ===============list-style=============== */
ul{list-style:none;}

/* ===============line-height=============== */
p{line-height:140%;}

/* ===============clearfix=============== */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* ========================================= header ========================================= */
header{
	width:970px;
	overflow:hidden;
	margin:0 auto;
	padding:10px 5px;
	background:#ffffff;
}

header h1{
	float:left;
	margin-right:10px;
	margin-top: 8px;
}

header h2{
	float:left;
	margin-top:25px;
	font-size:12px;
	font-weight:normal;
	line-height:150%;
}

header p{
	float:right;
	/*margin-top:20px;*/
}

header div.center_box{
	float:left;
	padding-top:5px;
	padding-left:5px;
}



/* ========================================= header_navi ========================================= */
#h_navi_bg,#dropmenu{height:60px;}

#h_navi_bg{
	width:100%;
	min-width:1200px;
	background:#E8F7F0;
}

#dropmenu {
	width: 1200px;
	margin: 0 auto;
	background:url(../img/cmn/menu_bg.png) no-repeat;
}
#dropmenu li {
	position: relative;
	float: left;
}

#dropmenu .n01{
	margin-left:110px;
	width:158px;
}

#dropmenu .n02{width:171px;}
#dropmenu .n03,#dropmenu .n04,#dropmenu .n05,#dropmenu .n06{width:162px;}
#dropmenu .n01,#dropmenu .n02,#dropmenu .n03,#dropmenu .n04,#dropmenu .n05,#dropmenu .n06{
	text-indent:-9999px;
	height:60px;
}

#dropmenu li a {display: block;}
#dropmenu li ul {
	position: absolute;
	z-index: 100;
	top: 100%;
	left: 0;
	width: 100%;
}

#dropmenu li ul li {
	overflow: hidden;
	width: 100%;
	height: 0;
}
#dropmenu li ul li a {
	padding:15px 0 20px;
	background: #E8F7F0;
	text-align: center;
	border-top:1px solid #fff;
	color:#630;
}

#dropmenu > li:hover > ul > li,#dropmenu li ul li:hover > ul > li{
	overflow: visible;
	height:auto;
}
#dropmenu li ul li ul {
	top: 0;
	left: 100%;
}

#dropmenu li:last-child ul li ul {
	left: -100%;
	width: 100%;
}

#dropmenu li ul li a{background-color: #E8F7F0;}

#dropmenu li ul a.arrow{
	background:url(../img/cmn/arrow.png) no-repeat 147px center;
	background-color: #E8F7F0;
}

#dropmenu li ul li ul li a {
	padding:10px 0!important;
	background: #E8F7F0;
}
#dropmenu li:hover ul li a:hover{background-color:#C1E8D8;}

/* ========================================= footer ========================================= */
footer{
	width:100%;
	background:#B8A489;
}

footer #copy{
	text-align:center;
	padding-bottom:10px;
	color:#fff;
}


/* ===============f_navi=============== */
footer #f_navi{
	background:#DAB58F;
	padding:10px 0 8px 0;
}

footer #f_navi ul{
	width:980px;
	margin:0 auto;
}

footer #f_navi li{
	float:left;
	padding:0 30px;
	border-right:1px solid #663300;
}

footer #f_navi li:last-child{
	border:none;
}

footer #f_navi li a{
	font-size:14px;
	color:#663300;
}

footer #f_navi li a:hover{
	text-decoration:none;
}


/* ===============f_list=============== */
footer #f_list{
	width:900px;
	margin:0 auto;
	padding:12px 0 10px 80px;
	font-size:12px;
	line-height:160%;
}

footer #f_list ul{
	padding-left:10px;
	float:left;
}

footer #f_list li{
	width:130px;
	background:url(../img/cmn/list.png)no-repeat 0 50%;
	padding-left:10px;
}

footer #f_list a{color:#fff;}


/* ===============banner=============== */
#banner {
	width:100%;
	min-width:1200px;
	background:#fff;
}

#banner ul{
	width:1021px;
	margin:0 auto;
	padding:30px 0 22px 0;
}

#banner li{
	margin-right:20px;
	float:left;
}

#banner li:last-child{
	margin-top:-13px;
	margin-right:0;
}


/* ========================================= pagetop ========================================= */
/* ページトップへ戻る */
.pageTop {
	position:relative;
	height:0;
	margin:0 auto 10px auto;
}

.pageTop a {
	position: fixed;
	bottom:10px;
	right:5%;
}


/* ========================================= 全体共通 ========================================= */
/* ===============info_box=============== */
.info_box{
	width:100%;
	min-width:1200px;
	height:134px;
	background:#FCF6DC;
	padding:20px 0;
}

.info_box ul{
	width:645px;
	height:134px;
	margin:0 auto;
}

.info_box li:first-child{float:left;}
.info_box li:last-child{float:right;}


/* ========================================= index.html ========================================= */
/* ===============slide=============== */
#slideshow{
	width:100%;
	min-width:1200px;
	height:550px;
	margin:0 auto;
	padding:0;
	text-align:center;
	background:#FCF6DC;
}


/* ===============intro_box=============== */
#intro_box {
	width:980px;
	margin:0 auto;
	padding:42px 0;
}

#intro_box div{
	width:450px;
	height:165px;
	border:6px solid #D6EBEB;
}


#intro_box #c1{
	background:url(../img/top/tb01_im1.jpg)no-repeat 0 41px;
	float:left;
	position: relative;
}

#intro_box #c1 p{
margin-top:50px;
}


#intro_box #c1 a{
	position:absolute;
	width:100%;
	height:100%;

}


#intro_box #c2{
	background:url(../img/top/tb01_im2.jpg)no-repeat 0 45px;
	float:right;
	position: relative;
}


#intro_box #c2 p{
margin-top:50px;
}


#intro_box #c2 a{
	position:absolute;
	width:100%;
	height:100%;

}


#intro_box p{
	padding:8px 10px 0 240px;
	font-size:12px;
	line-height:160%;
}


/* ===============favorite=============== */
#favorite{
	width:100%;
	min-width:1200px;
	padding:20px 0;
	background:#FF9999;
}

#favorite .box{
	width:980px;
	margin:0 auto;
}

#favorite h3{
	text-align:center;
	margin-bottom:30px;
}

#favorite dl{
	float:left;
	margin:0 31px;
}

#favorite dd {
	margin-top:7px;
	font-size:16px;
	color:#fff;}

#favorite dl:hover{
	text-decoration:underline;
	color:#fff;
}


/* ===============lineup=============== */
.lineup{
	width:980px;
	margin:0 auto;
	padding:30px 0 0;
}

.lineup h3{
	text-align:center;
	margin-bottom:30px;
}

.lineup li{
	float:left;
	margin-bottom:25px;
}

.lineup li:nth-child(3n+2){margin:0 40px;}


/* ===============news=============== */
#news{
	width:100%;
	min-width:1200px;
	margin:20px 0 30px 0;
	padding:18px 0;
	background:#F9F9F4;
	font-size:12px;
}

#news .box{
	width:700px;
	margin:0 auto;
}

#news .box h4{
	font-size:20px;
	font-weight:normal;
	color:#663300;
	text-align:center;
	margin-bottom:20px;
}

#news .box ul{
	/* margin-bottom:15px; */
}

/*
#news .box li:first-child{
	width:25%;
	float:left;
}

#news .box li:nth-child(2){
	width:35px;
	padding:0 5px;
	font-size:10px;
	color:#fff;
	text-align:center;
	float:left;
}

#news .box li:last-child{
	margin:0 20px;
	float:left;
}
*/

#news .topblog_list li{
	overflow:hidden;
	display:block;
	margin-bottom:5px;
}
#news .topblog_list li span{
	display:block;
	width:20%;
	float:left;
}
#news .topblog_list li a{
	display:block;
	width:78%;
	float:right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}

#news .box .ct_in{background:#99CC00;}
#news .box .ct_mo{background:#FF6666;}


/* ===============message=============== */
#message{
	width:460px;
	height:193px;
	margin:0 auto 20px auto;
	padding:45px 200px 0 40px;
	background:url(../img/top/mes_bg.jpg)no-repeat;
	font-size:12px;
}

#message h4{
	font-size:20px;
	text-align:center;
	margin-bottom:12px;
	font-weight:normal;
}

/* ========================================= カテゴリー共通 ========================================= */

/* ========================================= .html ========================================= */


/* ギャラリーA一覧 */

.listcontent {
	margin: 30px auto;
	width: 980px;
}

.nsp_cgtit {
	font-size:18px;
	text-align:center;
	border-bottom:1px solid #000;
	margin-bottom:15px;
	font-weight: bold;
}
#typeAlist {
	display:block;
	overflow:hidden;
}
#typeAlist li {
	float:left;
	display:block;
	width:222px;
	height:222px;
	padding:0;
	overflow:hidden;
/*	padding:0 0 30px;*/
	margin-right: 30px;
	margin-bottom:40px;
	position:relative;
}
#typeAlist li.ex1 {
	clear:both;
}
#typeAlist li.ex2 {
	float:right;
	margin-right: 0px;
}
#typeAlist li a {
	color:#f06;
	text-decoration:none;
	display:block;
}

#typeAlist li img {
	width:100%;
	height:auto;
/*	width:155%;
	position:absolute;
	top:0px;
	left:-25px;*/
}

/* pagenavi */
.wp-pagenavi {
	clear: both;
	padding:5px;
	text-align:center;
	margin:20px 0 20px 0;
}
.wp-pagenavi a,
.wp-pagenavi span {
	text-decoration: none;
	padding: 3px 5px;
	margin: 2px;
	border:1px solid #999;
	color:#666;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	border-color: #000;
}
.wp-pagenavi span.current {
	font-weight: bold;
}

/*カテゴリー*/
#localNavi{
	width:640px;
	margin:0 auto 50px;
}
#localNavi dt a{
	width:58px;
	height:25px;
	padding:10px 10px;
	margin:0 auto 10px;
	text-indent: -9999px;
	overflow:hidden;
	display:block;
	text-align:left;
	background: url(../img/top/btn_localnavi.png) no-repeat center center;
}
#localNavi dt a.arrowUp{
	background: url(../img/top/btn_localnavi_up.png) no-repeat center center;
}

#localNavi dd{
	display:none;
}
#localNavi dd a{
	font-size:16px;
	width:auto;
	padding:10px 0 10px 10px;
	border-bottom:1px solid #fff;
	background:#E8F7F0;
	margin:0 auto;
	display:block;
	text-align:center;
	color:#663300;
}
#localNavi dd a:hover{
	background:#C1E8D8;
}

/*パンくずリスト*/
#bread{
	clear: both;
	width: 980px;
	margin: 0 auto;
	padding: 20px 0 18px;
	font-size: 12px;
}
.und_box {
	width: 972px;
	border: solid #D6EBEB 4px;
	margin: 0 auto;
}




.und_box {
	overflow:hidden;

}
	.und_box .category_name {
		margin: 29px 0 0 0;
		text-align: center;
	}
	.und_box .category_name p{
		background: #8AD1D8;
		font-family: "HGS明朝E","ヒラギノ明朝 Pro W3","MS 明朝",serif;
		font-size: 20px;
		color: #fff;
		border-radius: 5px;
		display: inline-block;
		padding: 5px 10px;
	}
	.single_tit {
		color: #3399CC;
		font-size:32px;
		margin: 20px 0 19px;
		text-align: center;
	}
	.und_box .single_left {
		width:641px;
		float:left;
		margin: 0 0 0 59px;
	}
	.und_box .single_right {
		width:212px;
		float:right;
		margin: 0 56px 0 0;
	}
	.und_box .mainimg {
		width: 641px;
		height: 446px;
		position: relative;
		margin-bottom: 21px;
	}
	.und_box .mainimg li {
		width: 641px;
		height: 446px;
		position: absolute;
		left: 0;
		top: 0;
		text-align: center;
	}
	.und_box .subimg {
		display:block;
		overflow:hidden;
	}
	.und_box .subimg li {
		display:block;
	}
	.und_box .subimg li img {
		display:block;
		width: 212px;
		height: 148px;
		margin-bottom: 2px;
	}

	.und_box .itembox01 {
		margin: 0 auto 45px;
		clear: both;
		width: 650px;
		padding: 20px 25px 35px 25px;
		background: #F5F5DC;
		border-radius: 10px;
	}
		.und_box .itembox01 h4 {
			font-size: 20px;
			color: #000;
			margin-bottom: 12px;
		}
		.und_box .itembox01 div p {
			line-height: 1.6;
		}

	.und_box .itembox02 {
		clear: both;
		margin: 0 auto 40px;
		width: 780px;
	}
		.und_box .itembox02 h4 {
			font-size: 14px;
			color: #fff;
			background-color: #B09A82;
			margin-bottom: 20px;
			padding: 5px 8px 4px;
		}
		.und_box .itembox02 div {
			overflow: hidden;
		}
		.und_box .itembox02 div ul {

		}
			.und_box .itembox02 div ul li {
				float: left;
				width: 144px;
				height: 144px;
				margin-left: 15px;
				overflow:hidden;
				position:relative;
			}
			.und_box .itembox02 div ul li:first-child {
				margin-left: 0;
			}
			.und_box .itembox02 div ul li img {
				display: block;
				width:140%;
				height: auto;
				position:absolute;
				top:0;
				left:-30px;
			}


img.alignright,
.alignright {
        float: right;
        margin-left: 5px;
}

img.alignleft,
.alignleft {
        float: left;
        margin-right: 5px;
}

img.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
}


zexy{
  background-color: #FFFAD9;
}



/*＊＊＊＊＊＊＊＊＊＊＊SR案内の部分＊＊＊＊＊＊＊＊＊＊＊*/

.button {
    /*margin: 10px;*/
    width: 300px;
    height: 50px;   
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #000;
    border: 1px solid;
    cursor: pointer;
    margin-left: auto;
}
.button a{
  text-decoration: none;
  color: #000000;
}

.button :hover{
  width: 300px;
    height: 50px; 
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
     background:rgba(255,238,170,0.5);
}

.yazirusi {
  display: inline-block;
  position: relative;
  top: 30px;
  right: 70px;
  position: relative;
  width: 150px;
  margin: 30px;
}
.line01 {
  height: 1px;
  background-color: #000;
}
.line02 {
  position: absolute;
  top: 0;
  right: 0;
  transform-origin: right bottom;
  width: 20px;
  height: 1px;
  background-color: #000;
  transform: rotate(45deg);
}

.grid-pile {
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:1fr 1fr 1fr;
  justify-items:center;
  align-items:center;
}
.grid-pile img {
  border:1px #000000 solid:box-sizing:border-box;
  /*grid-column:1/4;*/
  grid-row:1/4;
  width: 100%;
}
.grid-pile span {
  font-size:large;
  padding:2em;
  color:#000000;
  background-color:rgba(255,255,255,0.8);
  box-sizing:border-box;
  grid-column:1/2;
  grid-row:2/3;
  margin-left:3em;
}
.grid-pile span p{
  width: 600px;
}

@media(max-width: 1700px){
  .grid-pile {
    isplay:grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr;
    justify-items:center;
    align-items:center;
  }
.grid-pile img {
  border:1px #000000 solid:box-sizing:border-box;
  grid-column:1/4;
  grid-row:1/4;
}
.grid-pile span {
  font-size:large;
  padding:2.5em;color:#000000;
  background-color:rgba(255,255,255,0.8);
  box-sizing:border-box;
  grid-column:1/2;
  grid-row:2/3;
  /*margin-left:10em;*/
  margin-left: 140px;
}
}