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

#container {
/*	background: url(../images/common/line.png) repeat-x top;*/
	padding-top: 20px;
	text-align: center;
}

#container .bread {
	margin-left: 20px;
	text-align: left;
}

#container .bread a {
	font-size: 14px;
	color: #231815;
}

#container .bread span {
	font-size: 100%;
	color: #231815;
	padding: 0 10px;
}

h1 {
	display: inline-block;
	white-space: nowrap;
	font-size: 32px;
	text-align: center;
	margin: 60px auto 0;
	line-height: 100%;
	font-weight: bold;
	border-bottom: #83BD3F solid 2px;
	padding-bottom: 10px;
}

h1 span {
	display: none;
}

.lmenu {
	text-align: center;
	margin: 5vh auto 0;
	width: 936px;
	border-left: #8F8F8F solid 1px;
}

.lmenu li {
	display: inline-block;
	margin: 0;
	width: 155px;
	border-right: #8F8F8F solid 1px;
	text-align: left;
}

.lmenu li a {
	color: #231815;
	font-size: 14px;
	display: block;
	padding: 15px;
	background: #F3F3F3 url(../images/common/arw2.png)no-repeat right 15px center;
	background-size: 18px;
}

.lmenu li.on a {
	color: #FFF;
	background-color: #707070;
}

.lmenu2 {
	text-align: center;
	margin: auto !important;
	max-width: 960px;
}

.lmenu2 li {
	display: inline-block;
	margin: 0 0 2px 0;
	
	white-space: nowrap;
	border-right: #8F8F8F solid 1px;
	text-align: left;
}

.lmenu2 li:last-of-type {
	border-right: none;
}

.lmenu2 li a {
	color: #231815;
	font-size: 1.00vw;
	display: block;
	padding: 1vh 3vw 1vh 1vh;
	background: #F3F3F3 url(../images/common/arw2.png)no-repeat right 15px center;
	background-size: 1vw;
}





.lmenu_area {
	padding: 40px 0;
	background: #F1F1F1;
	margin-top: 60px;
	text-align: center;
}

.lmenu_area .lmenu2 {
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}

.lmenu_area .lmenu2 li {
/*	border-right: #FFF 1px solid;*/
	border: none;
	margin: 10px;
	min-width: 210px;
}

.lmenu_area .lmenu2 li a {
/*	border-right: #FFF 1px solid;*/
	border-radius: 30px;
	text-align: center;
	padding: 10px 40px 10px 40px;
	background-color: #FFF;
	font-size: 14px;
}

.lmenu2 li a:hover {
	background-color: #BFBFBF;
}

.lmenu2 li.on a {
	color: #FFF;
	background-color: #707070;
}


p.subtext {
	font-size: 18px;
	line-height: 180%;
	margin-top: 30px;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

.line {
	clear: both;
	margin: 0 auto 40px;
	padding: 40px 0 0;
	background: url( ../images/common/line2.png) no-repeat bottom;
}

.f_left {
	float: left;
}

.f_right {
	float: right;
}

.mt40 {
	margin-top: 40px;
}

span.supText {
font-size: 10px !important;
vertical-align: top !important;
position: relative;
top: -0.5em !important;
}

.wp-pagenavi {
	clear: both;
	text-align:center;
 
}
.wp-pagenavi a, .wp-pagenavi span {
	color:#339933;
	background-color: #FFFFFF;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
	border: thin dotted #4DD0D5;
}
.wp-pagenavi a:hover{
	color: #fff;
	background-color: #339933;
    }
.wp-pagenavi span.current{
	color: #fff;
	background-color: #339933;
    }

/*--------------------------------
PREV NEXT
---------------------------------*/
#prev_next{
width:100%;
margin: 36px 0 24px;
padding:0;
display: table;
}
#prev_next  #prev, #prev_next  #next{
width: 50%;
padding:10px 10px 10px;
border-top:#ccc 1px solid;
border-bottom:#ccc 1px solid;
display: table-cell;
position:relative;
text-decoration:none;
}
#prev_next #prev p, #prev_next #next p{
font-size:90%;
line-height:1.5;
}
#prev_next #prev:hover, #prev_next #next:hover{
background-color: rgba(238,238,238,0.7);
}
#prev_next #prev{
border-right:#ccc 1px solid;
}
#prev_next #prev_title, #prev_next #next_title{
font-size:90%;
top:-1em;
position:absolute; 
border: 1px #ccc solid;
background:#fff; 
text-align: center;
padding:10px;
color:#666;
}
#prev_next #next_title{
right:10px;
}
#prev_next #prev img, #prev_next #next img{
margin:0 auto;
}
#prev_next #prev_no, #prev_next #next_no{
width: 50%;
padding:0 10px;
display: table-cell;
}
#prev_next #prev_no{
border-right:#ccc 1px solid;
}
#prev_next_home{
	display: none;
margin:0 auto;
background-color: #39f;
border: solid 9px #fff;
width: 100px;
height:100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
box-shadow: 0 0 0 3px #39f;
-webkit-box-shadow: 0 0 0 3px #39f;
-moz-box-shadow: 0 0 0 3px #39f;
text-align:center;	
}
#prev_next_home:hover{
background-color: rgba(0,0,255,0.7);
}
#prev_next_home i{
color:#FFF;
margin:10px auto ;
font-size:60px;
}
/*-- ここまで --*/
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (max-width: 780px) {
}
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (min-width: 380px) {
}
/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 780px) {
/*-- ここから --*/
/*--------------------------------------
768px PREV NEXT
--------------------------------------*/
#prev_next #prev, #prev_next #prev::before, #prev_next #prev::after,
#prev_next #next, #prev_next #next::before, #prev_next #next::after {	
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
#prev_next #prev_title, #prev_next #next_title{
padding:3px 10px;
}
#prev_next #next_title{
right:10px;
}
#prev_next #prev img{
float:left;
margin-right:10px
}
#prev_next #next img{
float:right;
margin-left: 10px;
}
/*-- ここまで --*/
}

.pn {
	margin-top: 60px;
}