/* 汎用スタイル
--------------------------*/
.clearfix::after {
	content: "";
	display: block;
	clear: both;}

h1,h2,h3,h4{
	text-align: center;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: 8px;}

/* marginのclass*/
.mt2{
	margin-top: 2%;}
.mt4{
	margin-top: 4%;}
.mt6{
	margin-top: 6%;}
.mt8{
	margin-top:8%;}
.mt10{
	margin-top: 10%;}
.mt12{
	margin-top: 12%;}
.mt15{
	margin-top: 15%;}
.mt18{
	margin-top: 18%;}
.m_10{
	margin:auto 10%;}

/*paddingのclass*/
.pt0{
	padding-top:0;}
.pt2{
	padding-top:2%;}

/*PCSP切り替えのclass*/
.SP_none{
	display:block;}
.PC_none{
	display:none;}

/* 共通スタイル
--------------------------*/
body{
	font-family: 'Molengo', sans-serif;
	letter-spacing: 3px;
	width:100%;
	height:auto;
}
a{
	color: #868787;
	text-decoration: none;
}

a:hover{
	color: #393e3e;
	text-decoration: underline;
}
/* --------------------------*/
.wrapper{
	width:100%;
	margin:12% 0 18%;
	padding:2%;}

.h1_line{
	font-size: 1.2em;;}

/*.navdiv{
	text-align: center;
	width:80%;
	margin:6% 10%;}

.navdiv .nav{
	width:80%;
	margin:auto 10%;}

.nav li{
	width:14%;
	float:left;}

.nav .nav7{
	width:18%;}

.nav .nav10{
	width:20%;}*/

/*.nav .nav13{
	width:26%;}*/


/*
フレックボックスためし
----------------------- */
.navdiv02{
	width:80%;
	margin:6% 10%;}

.nav02{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: flex-end;
	align-content:space-around;}

.nav02 li{
	margin:4% 2%;}
/* ----------------------- */


.copyright{
	font-size: 15px;
	margin-bottom:5%;
	text-align: center;
}

/* news*/

.news_box{
	margin-top:15%;}

.news{
	width: 60%;
    margin:3% 20%;}

.news li{
    margin-top: 4%;}

/* ポンシブ
--------------------------*/
@media screen and (max-width: 768px) {
	.wrapper{
	width:100%;
	margin:24% 0 60%;
	padding:2%;}

	.navdiv{
		width:100%;
		margin:6% auto 2%;
		min-height: 15%;}

	.navdiv .nav{
		width:100%;
		margin:2% auto;}

	.nav li{
		width:80%;
		margin:4% 10%;
		list-style: none;
		/*float:left; */
		text-align:center;}

	.nav .nav7,
	.nav .nav10{
		width:80%;
		margin:4% 10%;
		list-style: none;}

	h2,h3,h4{margin-top: 8%;}

	.news_box{
	margin-top:30%;}

	.news{
	width: 94%;
    margin: 16% 2%;}

	.news li{
    margin-top: 10%;}

    .spnone{
	display:none;}}

/*
フレックボックスためし
----------------------- */
@media screen and (max-width: 767px) {

.navdiv02{
	width:100%;
	margin:16% auto;}

.nav02{
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;}

.nav02 li{
	margin:4% 10%;
	list-style: none;
	text-align:center;}}

/* --------------------------*/

/* お問い合わせ
--------------------------*/
.pass_txt{
	margin: 2% 0;}

.cont_txt{
	font-size: 0.8em;}

/* フォーム入力項目 */
.wpcf7 input[type="submit"]:hover{
background:#DDD;}

.wpcf7 input[type="submit"]{
	 width: 20%;
	 margin-bottom: 4%;}

.wpcf7 input,[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="post_password"],
.wpcf7 textarea	{
	 width: 50%;
	 padding: 1%;
	 margin: 2% auto;
	 border: 1px solid #ddd;
	 border-radius: 3px;}

@media screen and (max-width: 896px) {
	.wpcf7 input[type="submit"]{
		 width: 70%;
		 margin-bottom: 18%;}

		 .wpcf7 input,[type="text"],
		 .wpcf7 input[type="email"],
		 .wpcf7 input[type="post_password"],
		 .wpcf7 textarea	{
			 width: 100%;
			 margin: 4% auto;}
		}