@charset "UTF-8";
/*
Theme Name: MPP
Description: アクセスアップ、CVRアップのためのWordPressテーマ
Author: Shun Watanabe nanoinspire,inc.
Version: 20180331ver.
*/

/*　init.css　*/
body, form, fieldset,h1, h2, h3, h4, h5, h6,blockquote, ul, ol, dl, dd, p{margin:0;padding:0;}ul li{list-style:none;}fieldset{border:0;}input, textarea{font-size:1em;}input, select{vertical-align:middle;}input[type="checkbox"],input[type="radio"]{vertical-align:baseline;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}table{border-collapse:collapse;border-spacing:0;}table th,table td{margin:0;padding:0;text-align:left;}html{}img{border:0;vertical-align:baseline;}h1, h2, h3, h4, h5, h6{font-size:1em;text-align:left;font-weight:normal;}p,a{word-break:normal;}strong{font-weight:bold;}

/*　lib.css　*/
.f6 { font-size:6px; }.f7 { font-size:7px; }.f8 { font-size:8px; }.f9 { font-size:9px; }.f10 { font-size:10px; }.f11 { font-size:11px; }.f12 { font-size:12px; }.f13 { font-size:13px; }.f14 { font-size:14px; }.f15 { font-size:15px; }.f16 { font-size:16px; }.f17 { font-size:17px; }.f18 { font-size:18px; }.f19 { font-size:19px; }.f20 { font-size:20px; }.f21 { font-size:21px; }.f22 { font-size:22px; }.f23 { font-size:23px; }.f24 { font-size:24px; }.f25 { font-size:25px; }.f26 { font-size:26px; }.f27 { font-size:27px; }.f28 { font-size:28px; }.f29 { font-size:29px; }.f30 { font-size:30px; }.f31 { font-size:31px; }.f32 { font-size:32px; }.f33 { font-size:33px; }.f34 { font-size:34px; }.f35 { font-size:35px; }.f36 { font-size:36px; }.f37 { font-size:37px; }.f38 { font-size:38px; }.f39 { font-size:39px; }.f40 { font-size:40px; }.f41 { font-size:41px; }.f42 { font-size:42px; }.f43 { font-size:43px; }.f44 { font-size:44px; }.f45 { font-size:45px; }.f46 { font-size:46px; }.f47 { font-size:47px; }.f48 { font-size:48px; }.f49 { font-size:49px; }.f50 { font-size:50px; }.f51 { font-size:51px; }.f52 { font-size:52px; }.f53 { font-size:53px; }.f54 { font-size:54px; }.f55 { font-size:55px; }.f56 { font-size:56px; }.f57 { font-size:57px; }.f58 { font-size:58px; }.f59 { font-size:59px; }.f60 { font-size:60px; }.f61 { font-size:61px; }.f62 { font-size:62px; }.f63 { font-size:63px; }.f64 { font-size:64px; }.f65 { font-size:65px; }.f66 { font-size:66px; }.f67 { font-size:67px; }.f68 { font-size:68px; }.f69 { font-size:69px; }.f70 { font-size:70px; }.f71 { font-size:71px; }.f72 { font-size:72px; }.f73 { font-size:73px; }.f74 { font-size:74px; }.f75 { font-size:75px; }.f76 { font-size:76px; }.f77 { font-size:77px; }.f78 { font-size:78px; }.f79 { font-size:79px; }.f80 { font-size:80px; }.f81 { font-size:81px; }.f82 { font-size:82px; }.f83 { font-size:83px; }.f84 { font-size:84px; }.f85 { font-size:85px; }.f86 { font-size:86px; }.f87 { font-size:87px; }.f88 { font-size:88px; }.f89 { font-size:89px; }.f90 { font-size:90px; }.f91 { font-size:91px; }.f92 { font-size:92px; }.f93 { font-size:93px; }.f94 { font-size:94px; }.f95 { font-size:95px; }.f96 { font-size:96px; }.f97 { font-size:97px; }.f98 { font-size:98px; }.f99 { font-size:99px; }.f100 { font-size:100px; }.lh10 { line-height:0.1; }.lh20 { line-height:0.2; }.lh30 { line-height:0.3; }.lh40 { line-height:0.4; }.lh50 { line-height:0.5; }.lh60 { line-height:0.6; }.lh70 { line-height:0.7; }.lh80 { line-height:0.8; }.lh90 { line-height:0.9; }.lh100 { line-height:1; }.lh110 { line-height:1.1; }.lh120 { line-height:1.2; }.lh130 { line-height:1.3; }.lh140 { line-height:1.4; }.lh150 { line-height:1.5; }.lh160 { line-height:1.6; }.lh170 { line-height:1.7; }.lh180 { line-height:1.8; }.lh190 { line-height:1.9; }.lh200 { line-height:2; }.lh210 { line-height:2.1; }.lh220 { line-height:2.2; }.lh230 { line-height:2.3; }.lh240 { line-height:2.4; }.lh250 { line-height:2.5; }.lh260 { line-height:2.6; }.lh270 { line-height:2.7; }.lh280 { line-height:2.8; }.lh290 { line-height:2.9; }.lh300 { line-height:3; }.b { font-weight:bold; }.normal { font-weight:normal; }.u { text-decoration:underline; }.s, .del { text-decoration:line-through; }.blink { text-decoration:blink; }.i { font-style:italic; }.clear {clear:both;overflow: hidden;zoom:1;}.al{text-align:left;}.ac{text-align:center;display:block;margin-right:auto;margin-left:auto;}.ar{text-align:right;}img.al,.fl_pic {float:left;margin-right:20px;margin-bottom:20px;}img.ar,.fr_pic {float:right;margin-left:20px;margin-bottom:20px;}.fl{float: left;}.fr{float: right;}.mr10{margin-right: 10px;}.mr15{margin-right: 15px;}.mr20{margin-right: 20px;}.mb5{margin-bottom: 5px;}.mb10{margin-bottom: 10px;}.mb20{margin-bottom: 20px;}.mb30{margin-bottom: 30px;}.mb40{margin-bottom: 40px;}.mb50{margin-bottom: 50px;}.mb100{margin-bottom: 100px;}.pb{padding-bottom: 5px;}.pb10{padding-bottom: 10px;}.pb20{padding-bottom: 20px;}.pb30{padding-bottom: 30px;}.pb40{padding-bottom: 40px;}.pb50{padding-bottom: 50px;}.mt10{margin-top: 10px;}.mt20{margin-top: 20px;}.mt30{margin-top: 30px;}.mt40{margin-top: 40px;}.mt50{margin-top: 50px;}.pt10{padding-top: 10px;}.pt20{padding-top: 20px;}.pt30{padding-top: 30px;}.pt40{padding-top: 40px;}.pt50{padding-top: 50px;}.pt10{padding-top: 10px;}.f08rem{font-size: 0.8rem;}.f09rem{font-size: 0.9rem;}.f10rem{font-size: 1.0rem;}.f11rem{font-size: 1.1rem}.f12rem{font-size: 1.2rem}.f13rem{font-size: 1.3rem}.f14rem{font-size: 1.4rem}.f15rem{font-size: 1.5rem}.f16rem{font-size: 1.6rem}.f17rem{font-size: 1.7rem}.f18rem{font-size: 1.8rem}.f19rem{font-size: 1.9rem}.f20rem{font-size: 2.0rem}.f21rem{font-size: 2.1rem}.f22rem{font-size: 2.2rem}.f23rem{font-size: 2.3rem}.f24rem{font-size: 2.4rem}.f25rem{font-size: 2.5rem}.f26rem{font-size: 2.6rem}.f27rem{font-size: 2.7rem}.f28rem{font-size: 2.8rem}.f29rem{font-size: 2.9rem}.f30rem{font-size: 3.0rem}.gray{color: gray;}.pt100{padding-top: 100px;}.mb0{margin-bottom: 0;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*/
	/*/
  height: auto;
  overflow: hidden;
  /**/
}


/*　共通　*/


/*@font-face{font-family:mplus-1p-regular;src:url("font/mplus-1p-regular.eot");}
@font-face{font-family:mplus-1p-regular;src:url("font/mplus-1p-regular.ttf") format("truetype")}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 400;
src: url("font/WOFF.woff") format("woff"), url("font/NotoSansCJKjp-Regular.ttf") format("truetype");
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 500;
src: url("font/WOFF-Medium.woff") format("woff"), url("font/notosanscjkjpmedium.ttf") format("truetype");
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 700;
src: url("font/WOFF-Bold.woff") format("woff"), url("font/NotoSansCJKjp-Bold.ttf") format("truetype");
}*/

html {
	font-size: 15px;
}

body {
	background-color: #f8f8f8;
	width: 100%;
	/*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
	font-family: 'Noto Sans Japanese', "mplus-1p-regular", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Arial, Helvetica, sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
	line-height: 1.6;
	font-size: 1rem;
	color: #303030;
	-webkit-text-size-adjust: 100%;
	text-align: left;
	word-wrap: break-word;
	/*letter-spacing: 0.8px;*/
}
#wrapper {
	overflow: hidden;
}
.blue {
	color: #062551;
}

.blue2 {
	color: #2B5A9D;
}

.red {
	color: #B40A00;
}

.orange {
	color: #da9f11;
}

img {
	max-width: 100%;
	height: auto;
}

a:hover img {
	opacity: 0.85;
	zoom: 1;
	transition: all 0.3s ease;
}

a {
	color: #2B679D;
	text-decoration: none;
}

a:hover {
	color: #f2af2e;
	transition: all 0.3s ease;
}

#contents p {
	margin-bottom: 20px;
}

.inner_padding {
	padding: 52px;
	box-sizing: border-box;
}

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

::selection {
	background: #64bebc;
	color: #fff;
}

::-moz-selection {
	background: #64bebc;
	color: #fff;
}

blockquote {
	display: block;
	margin: 20px 40px;
	padding: 20px;
	background-color: #f6f6f6;
	box-sizing: border-box;
}

blockquote .origin {
	text-align: right;
	font-size: 15px;
	color: #888;
	margin-bottom: 0;
}


/*　共通　iframeタグのレスポンシブ対応　*/

.youtube {
	position: relative;
	max-width: 100%;
	padding-top: 56.25%;
	margin-bottom: 24px;
}

.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


/*　共通　コンテンツエリア　*/
.ic_br:before{
	font-family: "Font Awesome 5 Brands";
	font-weight: 900;
	font-size: 30px;
}

.icon_tw:before{	content: '\f099'; }
.icon_fb:before{	content: '\f39e'; }
.icon_gl:before{	content: '\f0d5'; }
.icon_ln:before{	content: '\f3c0'; }
.icon_in:before{	content: '\f16d'; }
.icon_yt:before{	content: '\f167'; }

.icon_cal:before{	content: '\f073'; }
.icon_tag:before{	content: '\f02b'; }
.icon_map:before{	content: '\f3c5'; }
.icon_sitemap:before{	content: '\f0e8'; }
.icon_tel:before{	content: '\f098'; }
.icon_fax:before{	content: '\f1ac'; }
.icon_mail:before{	content: '\f0e0'; }
.icon_home:before{	content: '\f015'; }
.icon_serch:before{	content: '\f002'; }
.icon_doc:before{	content: '\f15c'; }
.icon_external:before{	content: '\f35d'; }


/*#contents .contents_inner{width:1120px;height: auto;display: block;margin:0 auto 65px;}*/

#contents .contents_inner {
	padding: 40px;
	background: #fff;
}

#contents .bg_gray {
	background-color: #f3f3f3;
	/*background-color: #ffffde;*/
	padding: 41px 0;
	position: relative;
	margin-bottom: 20px;
}

#contents .bg_gray::before {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 0;
	right: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-right: 17px solid transparent;
	border-left: 17px solid transparent;
	border-top: 17px solid hsla(0, 0%, 95%, 1);
}

#contents .bg_img1 {
	width: 100%;
	height: 520px;
	margin: 0 auto 47px;
	background: url('images/img1.jpg') no-repeat;
	position: relative;
	background-size: cover;
}

#contents .bg_img1::before {
	z-index: 0;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(8, 8, 8, 0.5);
}

#contents .z_index {
	z-index: 100;
	color: #fff;
	position: relative;
}


/*　共通　2カラムコンテンツ　*/

.col2 {
	width: 1120px;
	height: auto;
	clear: both;
	overflow: hidden;
	zoom: 1;
}

.col2 .c_box {
	width: 520px;
	display: block;
	float: left;
	border-right: 1px solid #e6e6e6;
	margin-right: 29px;
	padding-right: 29px;
	/*box-sizing:border-box;*/
}

.col2 .c_box:last-child {
	border-right: 0;
	padding-right: 0;
	margin-right: 0;
}


/*　共通　3カラムコンテンツ　*/

.col3 {
	width: 1120px;
	height: auto;
	clear: both;
	overflow: hidden;
	zoom: 1;
}

.col3 .c_box {
	width: 330px;
	display: block;
	float: left;
	border-right: 1px solid #e6e6e6;
	margin-right: 26px;
	padding-right: 26px;
}

.col3 .c_box:nth-child(3n) {
	border-right: 0;
	padding-right: 0;
	margin-right: 0;
}

.col3 .c_box img {
	width: 330px;
	height: auto;
	display: block;
	margin-bottom: 20px;
}

.col3 .c_box .thumbnail {
	width: 330px;
	height: 200px;
	position: relative;
	display: block;
	margin-bottom: 10px;
	overflow: hidden;
}


/*　共通　4カラムコンテンツ　*/

.col4 {
	width: 1120px;
	height: auto;
	clear: both;
	overflow: hidden;
	zoom: 1;
}

.col4 .c_box {
	width: 260px;
	height: auto;
	overflow: hidden;
	float: left;
	margin: 0 20px 30px 0;
	box-sizing: border-box;
}

.col4 .c_box:nth-child(4n) {
	margin-right: 0;
}

.col4 .c_box .thumbnail {
	width: 260px;
	height: 158px;
	position: relative;
	display: block;
	margin-bottom: 10px;
	overflow: hidden;
}

.col4 .c_box img {
	width: 100%;
	height: auto;
	display: block;
	/*margin-bottom: 20px;*/
}

.c_box {
	margin-bottom: 30px;
}

.thumbnail a {
	max-width: 100%;
	height: auto;
	display: block;
	margin-bottom: 0;
}

#contents .post_title {
	margin-bottom: 0;
	height: 130px;
}

#contents .thumbnail .tag_name {
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	line-height: 24px;
	min-height: 24px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	/*background:rgba(229,190,6,0.8);*/
	background: rgba(6, 37, 81, 0.8);
	padding: 1px 10px 0;
	box-sizing: border-box;
	margin-bottom: 0;
}

#contents .single_tag {
	padding: 0;
	margin-bottom: 20px;
}

#contents .single_tag p {
	float: left;
	display: inline-block;
	margin-right: 24px;
	margin-bottom: 0;
}

#contents .single_tag .tag_name strong {
	padding: 0;
	display: inline-block;
	height: auto;
	width: auto;
	background: url('images/icon_tag.png') left no-repeat;
	background-size: 16px 16px;
	padding-left: 21px;
	padding-right: 15px;
	font-weight: normal;
}


/*　共通　ボタン　*/

.button {
	font-size: 18px;
	text-align: center;
	background-color: #da9f11;
	cursor: pointer;
	color: #fff;
	width: 330px;
	height: 52px;
	line-height: 52px;
	display: block;
	font-weight: bold;
	border-radius: 2px;
}

.button:hover,
.button:active {
	color: #fff;
	background-color: #2B679D;
	transition: background-color 0.3s ease;
}

.btn {
	font-size: 16px;
	font-weight: normal;
	border: 1px solid #666;
	text-align: center;
	text-decoration: none;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	color: #fff;
	width: 330px;
	height: auto;
	line-height: 1.5;
	display: block;
	border-radius: 2px;
	padding: 11px 0;
	box-shadow: 0 3px 0 #666;
	box-sizing: border-box;
	background: #2B5A9D;
	/*position: relative;*/
}

.btn:hover {
	color: #fff;
	opacity: 0.85;
	zoom: 1;
}

.btn:active {
	color: #fff;
	/*top: 8px;*/
	-ms-transform: translateY(3px);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	box-shadow: none;
}

.btn_red {
	border: 1px solid #d73535;
	box-shadow: 0 3px 0 #ac2222;
	background: #d73535;
}

.btn_orange {
	border: 1px solid #efa338;
	box-shadow: 0 3px 0 #df9227;
	background: #efa338;
}

a.btn_gray,
a.btn_gray:hover {
	color: #333;
	border: 1px solid #ccc;
	box-shadow: 0 3px 0 #bbb;
	background: #ccc!important;
}


/*　共通　見出し　*/

#page_title h1 {
	padding: 30px;
	height: auto;
	background-color: #efefef;
	margin-bottom: 30px;
	position: relative;

}

#page_title h1::before {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 0;
	right: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-right: 17px solid transparent;
	border-left: 17px solid transparent;
	border-top: 17px solid hsla(0, 0%, 90%, 1);
}
#page_title h1::after{}

#page_title h1 strong {
	font-size: 35px;
	font-weight: bold;
	height: auto;
	margin: 0 auto;
	display: block;
	padding-left: 20px;
	box-sizing: border-box;
}


/*#contents h2{
border-bottom: 1px solid #e6e6e6;
position: relative;
font-size:21px;
font-weight:bold;
height: auto;
margin: 0 auto 20px;
display: block;
box-sizing:border-box;
padding-bottom: 5px;
}
#contents h2::after{
    content: ".";
    line-height: 0;
    width: 32%;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #1c429a;
    position: absolute;
    margin-top:5px;
}*/

#contents h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}


/*#contents h4{border-bottom:1px solid #2B679D;font-size:18px;padding:2px 0 1px 8px;margin-bottom:10px;}*/

#side section{
margin-bottom: 40px;
}
#side h4 {
	border-bottom: 1px solid #e6e6e6;
	position: relative;
	font-size: 21px;
	font-weight: bold;
	height: auto;
	margin: 0 auto 20px;
	display: block;
	box-sizing: border-box;
	padding: 5px;
}

#side h4::after {
	content: ".";
	line-height: 0;
	width: 32%;
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #1c429a;
	/*border-bottom: 2px solid #555;*/
	position: absolute;
	margin-top: 5px;
}


/*#side li{
  border-bottom: 1px dotted #ccc;
}*/


#side li a {
	display: block;
	position: relative;
	padding: 8px 16px 8px 0;
}

#side li a:after {
	content: "\f105";
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -12px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #ccc;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}

#side .side_cta {
	text-align: center;
	border: 4px solid #b5b5b5;
	padding: 20px;
}

#side .side_cta h5 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

#side .btn {
	width: 85%;
}


/*　共通　箇条書き　*/

.list {
	width: 100%;
	padding-left: 18px;
	margin: 30px 0;
	box-sizing: border-box;
}

.list li {
	margin: 0;
	width: 100%;
	list-style: outside square;
}

.list {
	width: 100%;
	height: auto;
	display: block;
	padding-left: 18px;
	box-sizing: border-box;
}

.list li {
	list-style: outside disc;
	width: 100%;
	box-sizing: border-box;
	line-height: 1.8;
}

.list2 {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 30px;
	padding-left: 18px;
	box-sizing: border-box;
}

.list2 li {
	list-style: outside decimal;
	width: 100%;
	box-sizing: border-box;
	line-height: 1.8;
}


/*　共通　ヘッダー　*/

#header {
	width: 100%;
	;
	background-color: #fff;
}

#header .header_inner {
	max-width: 1120px;
	height: auto;
	margin: 0 auto;
	padding: 15px 0;
}

#header .header_inner .logo {
	display: inline-block;
	width: auto;
	height: auto;
	float: left;
	font-size: 30px;
	/*font-weight: bold;*/
	margin: 0;
	padding: 0;
}

#header .header_inner .logo img {
	display: block;
}

#header .header_inner .top_bar {
	background-color: #f8f8f8;
	margin: 0;
	padding: 0 8px;
	border-bottom: solid 1px #e2e5e8;
	font-weight: normal;
}

#header .top_bar {
	background-color: #f8f8f8;
	border-bottom: 1px solid #e2e5e8;
	font-size: 13px;
	color: #555;
	width: 100%;
	padding: 3px 0;
}

#header .top_bar .tagline {
	max-width: 1120px;
	margin: 0 auto;
}

#header .header_inner .header_cta {
	display: inline-block;
	float: right;
	width: auto;
	height: auto;
	color: #555;
	font-size: 13px;
	line-height: 1.1;
	text-align: right;
}

#header .header_inner .header_cta .fa-phone {
	font-size: 21px;
	color: #b5b5b5;
}

#header .header_inner .header_cta li {
	float: left;
}

#header .header_inner .header_cta .tel {
	margin-right: 15px;
}

#header .header_inner .header_cta .num {
	margin: 0;
	padding: 3px 0 5px;
	display: inline-block;
	color: #2B679D;
	font-size: 21px;
	font-weight: normal;
}

#header .header_inner .header_cta .num a {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	display: block;
}

#header .header_inner .header_cta .btn {
	width: 200px;
}


/*　共通　グローバルナビ　*/

.gnavi {
	background-color: #062D51;
	width: 100%;
	position: relative;
	z-index: 1000;
}


/*#header .fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}*/

.gnavi .gnavi_inner {
	max-width: 1120px;
	min-height: 52px;
	margin: 0 auto;
	clear: both;
	zoom: 1;
	padding: 0;
	box-sizing: border-box;
}

.gnavi li {
	position: relative;
	text-align: center;
	line-height: 1.5;
	display: inline-block;
	float: left;
	height: 24px;
	margin-top: 16px;
	box-sizing: border-box;
	border-right: 1px solid #ccc;
	overflow: hidden;
}

.gnavi li:first-child {
	border-left: 1px solid #ccc;
}

.gnavi_3 .gnavi li {
	width: 366px;
}

.gnavi_4 .gnavi li {
	width: 275px;
}

.gnavi_5 .gnavi li {
	width: 224px;
}

.gnavi_6 .gnavi li {
	width: 183px;
}

.gnavi_7 .gnavi li {
	width: 157px;
}

.gnavi_8 .gnavi li {
	width: 137px;
}


/*
.cat_3 .gnavi li{width: 366px;}
.cat_4 .gnavi li{width: 275px;}
.cat_5 .gnavi li{width: 220px;}
.cat_6 .gnavi li{width: 183px;}
.cat_7 .gnavi li{width: 157px;}
.cat_8 .gnavi li{width: 137px;}*/

.gnavi li a {
	display: block;
	width: auto;
	padding: 0 18px;
	height: auto;
	text-decoration: none;
	color: #fff;
	margin-bottom: 0;
	/*font-size: 0.9rem;*/
}

.gnavi li a:hover {
	color: #da9f11;
	transition: all 0.3s ease;
}

.gnavi li:hover>a {}

.gnavi>li:hover>a {
	border-radius: 3px 3px 0 0;
}

.gnavi ul+li {
	position: relative;
}

.gnavi ul li ul {
	list-style: none;
	position: absolute;
	top: 45px;
	left: 0;
	width: 240px;
	height: auto;
	z-index: 1000;
}

.gnavi ul li ul li {
	visibility: hidden;
	overflow: hidden;
	width: 100%;
	height: 0;
	margin-top: 0;
	display: block;
	transition: 0.2s;
	background-color: rgba(8, 8, 8, 0.8);
}

.gnavi ul li ul li:last-child {
	width: 100%;
	border-right: 0;
}

.gnavi li:last-child ul {
	left: -100%;
	width: 100%;
}

.gnavi ul li ul li a {
	box-sizing: border-box;
	width: 240px;
	height: auto;
	display: block;
	color: #fff;
	line-height: 41px;
	padding-left: 20px;
	text-align: left;
	font-weight: normal;
	border-bottom: 0;
	margin-bottom: 0;
}

.gnavi ul li:hover ul li {
	position: relative;
	visibility: visible;
	overflow: visible;
	height: 41px;
	z-index: 100;
}


/*.toggle {
  display: none;
}

@media only screen and (max-width: 500px) {
  .toggle_menu {
    display: none;
  }
.toggle,
.toggle span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.toggle {
  position: relative;
  width: 50px;
  height: 44px;
}
.toggle span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #232323;
  border-radius: 4px;
}
.toggle span:nth-of-type(1) {
  top: 0;
}
.toggle span:nth-of-type(2) {
  top: 20px;
}
.toggle span:nth-of-type(3) {
  bottom: 0;
}

.toggle.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-315deg);
  transform: translateY(20px) rotate(-315deg);
}
.toggle.active span:nth-of-type(2) {
  opacity: 0;
}
.toggle.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(315deg);
  transform: translateY(-20px) rotate(315deg);
}

    .toggle a{
      display: block;
      position: relative;
      padding: 20px 0 20px;
      color:#062D51;
      text-align: center;
      text-decoration: none;
    }
}*/


/* トップページ　キービジュアル　*/

.kv {
	width: 100%;
	height: 400px;
	margin: 0 auto 50px;
	/*background:url('images/kv.jpg') no-repeat center -200px;*/
	position: relative;
	background-size: cover;
}

.width_content .kv {
	width: 1120px;
}

.kv::before {
	z-index: 0;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/*background-color: rgba(8,8,8,0.5);*/
	/*background: rgba(8,8,8,0.5) url('images/bg_kv_4_4_30.png');*/
}

.designed .kv::before {
	background: none;
}

.kv .kv_inner {
	width: 1120px;
	height: 400px;
	display: block;
	margin: 0 auto;
	color: #fff;
	padding: 120px 10px;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	z-index: 1000;
}

.width_content .kv .kv_inner {
	width: 1000px;
	margin: 0 auto;
}

.kv .kv_copy1 {
	/*position:absolute;top:150px;left:0;*/
	font-size: 2.1rem;
	font-weight: bold;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

.kv .kv_copy2 {
	/*position:absolute;top:100px;left:0;*/
	font-size: 1.2rem;
	margin-bottom: 10px;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

.kv .kv_copy3 {
	/*position:absolute;top:100px;left:0;*/
	font-size: 1.2rem;
	margin-bottom: 10px;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}


/* コンテンツカテゴリー　バナー */

#contents .bnr_area {
	width: 1120px;
	height: auto;
	margin: 0 auto;
	position: relative;
	z-index: 1000;
}

#contents .bnr_area .c_box {
	text-align: center;
	border-bottom: 0;
	margin-bottom: 0;
}

.bnr_category {
	width: 258px;
	height: 158px;
	display: inline-block;
	color: #fff;
	font-size: 1.3rem;
	padding-top: 24px;
	box-sizing: border-box;
	text-shadow: 1px 1px 1px #000;
	border: 1px solid #ccc;
	margin-bottom: 0;
	/*text-align: center;*/
}

.bnr_category:hover {
	color: #fff;
}

.bnr_category span {
	width: 50%;
	display: block;
	text-align: left;
	/*background-color: rgba(223,146,39,0.8);*/
	background-color: rgba(110, 110, 110, 0.8);
	padding: 1px 10px 3px;
}

.category_1 {
	background: url('images/category_1.jpg') no-repeat;
	background-size: contain;
}

.category_2 {
	background: url('images/category_2.jpg') no-repeat;
	background-size: contain;
}

.category_3 {
	background: url('images/category_3.jpg') no-repeat;
	background-size: contain;
}

.category_4 {
	background: url('images/category_4.jpg') no-repeat;
	background-size: contain;
}


/*　共通　パンくずリスト　*/

.breadcrumbs {
	margin: 15px auto;
	font-size: 13px;
	width: 1120px;
	height: auto;
}

.breadcrumbs li {
	display: inline-block;
	float: left;
	margin-right: 3px;
}


/*　共通　購読ボタン　*/

.btn_subscribe {
	text-align: center;
	line-height: 78px;
	background: 24px center no-repeat;
	background-size: 41px 41px;
	width: 520px;
	height: 78px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	border-radius: 2px;
	padding-left: 15px;
	box-sizing: border-box;
}

.btn_subscribe a {
	color: #fff;
	width: 520px;
	height: 78px;
	display: block;
}

.btn_line {
	background-image: url("images/icon_line.gif");
	background-color: #00bb00;
}

.btn_youtube {
	background-image: url("images/icon_youtube.png");
	background-color: #ff0000;
}

.btn_rss {
	background-image: url("images/icon_rss.png");
	background-color: #ff7c01;
}

.btn_feedly {
	background-image: url("images/icon_feedly.gif");
	background-color: #87c040;
	background-size:
}


/* 180327 */


#contents .contents_inner {
	padding: 25px;
	background: #fff;
}

/* 見出しパターン */

.contents_inner h2 {
	font-size: 21px;
	margin-bottom: 20px;
}
.contents_inner h3 {
	font-size: 18px;
	margin-bottom: 20px;
}
.contents_inner h4 {
	font-size: 16px;
	margin-bottom: 20px;
}


.contents_inner h2.h2_no1,
.contents_inner h3.h2_no1,
.contents_inner h4.h2_no1 {
	background-color: #000;
	color: #fff;
	border-radius: 4px;
	padding: 12px 20px 10px;
	box-sizing: border-box;
}
.contents_inner h2.h2_no2,
.contents_inner h3.h2_no2,
.contents_inner h4.h2_no2 {
	background: #000;
	border-radius: 0.5px;
	box-sizing: border-box;
	box-shadow: 0px 0px 0px 5px #000;
	border: dashed 1px #fff;
	padding: 12px 20px 10px;
	color: #fff;
}
.contents_inner h2.h2_no3,
.contents_inner h3.h2_no3,
.contents_inner h4.h2_no3 {
border-color:#000;
	background-color: #000;
	color: #fff;
	border-radius: 4px;
	padding: 12px 20px 10px;
	box-sizing: border-box;
	position: relative;
}
.contents_inner h2.h2_no3:before,
.contents_inner h3.h2_no3:before,
.contents_inner h4.h2_no3:before {
	content: "";
	position: absolute;
	bottom: -11px;
	left: 20px;
	/*right: 0;*/
	margin: auto;
	width: 0;
	height: 0;
	border-right: 13px solid transparent;
	border-left: 13px solid transparent;
	border-top: 13px solid rgba(0, 0, 0, 1);
}

.contents_inner h2.h2_no4,
.contents_inner h3.h2_no4,
.contents_inner h4.h2_no4 {
background: none;
color: #000;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	padding: 12px 20px 10px;
}
.contents_inner h2.h2_no5,
.contents_inner h3.h2_no5,
.contents_inner h4.h2_no5 {
background: none;
color: #000;
	border-bottom: 2px solid #000;
	padding: 10px 20px;
}

.contents_inner h2.h2_no6,
.contents_inner h3.h2_no6,
.contents_inner h4.h2_no6 {
border:none;
	background-color: #000;
	color: #fff;
	padding: 12px 20px 10px;
	position: relative;
}
.contents_inner h2.h2_no6:before,
.contents_inner h3.h2_no6:before,
.contents_inner h4.h2_no6:before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 10px transparent;
	border-right: solid 10px rgb(100, 100, 100);
}

.contents_inner h2.h2_no7,
.contents_inner h3.h2_no7,
.contents_inner h4.h2_no7{
color: #000;
background-color: none;
border-bottom-color: #000;
	border-bottom: 2px solid #000;
	padding: 10px 20px 10px 40px;
	background: url('http://nanoinspire1.xsrv.jp/mpp/wp-content/uploads/2018/03/h2_icon.gif') no-repeat left center;
}


/* 投稿　ボックス形式*/

#main .post_area {
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden;
	zoom: 1;
	margin: 15px 0 30px;
}

#main .post_area .post_box {
	width: 250px;
	height: auto;
	float: left;
	margin: 0 20px 20px 0;
}

#main .post_area .post_box:nth-child(3n+3) {
	margin-right: 0;
}

#main .post_area .post_box .eyecatch {
	width: 250px;
	height: auto;
	display: block;
	position: relative;
	overflow: hidden;
}

#main .post_area .post_box .eyecatch a {
	width: 100%;
	height: auto;
	display: block;
	margin: 0;
	padding: 0;
}

#main .post_area .post_box .eyecatch img {
	width: 250px;
	height: auto;
	display: block;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
}

#main .post_area .post_box .cat_name {
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	line-height: 21px;
	min-height: 21px;
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	height: auto;
	/*background:rgba(229,190,6,0.8);*/
	background: rgba(0, 0, 0, 0.8);
	padding: 1px 10px 0;
	box-sizing: border-box;
	margin-bottom: 0;
}

#main .post_area .post_box .post_content {
	width: 100%;
	height: 150px;
	background-color: #fff;
	border: 1px solid #efefef;
	border-top: 0;
	box-sizing: border-box;
	padding: 10px 15px 15px;
}

#main .post_area .post_box .date {
	font-size: 13px;
	color: #555;
	display: block;
	margin-bottom: 5px;
}

#main .post_area .post_box h3.title {
	font-size: 15px;
}


/* 投稿　カード形式　*/

#main .post_area_list {
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden;
	zoom: 1;
	margin: 15px 0 30px;
}

#main .post_area_list .post_box {
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden;
	zoom: 1;
	background-color: #fff;
	margin-bottom: 20px;
}

#main .post_area_list .post_box .eyecatch {
	float: left;
	width: 250px;
	height: auto;
	display: block;
	position: relative;
	overflow: hidden;
}

#main .post_area_list .post_box .eyecatch a,
#main .post_area_list .post_box .eyecatch img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0;
	padding: 0;
}

#main .post_area_list .post_box .cat_name {
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	line-height: 21px;
	min-height: 21px;
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	height: auto;
	/*background:rgba(229,190,6,0.8);*/
	background: rgba(0, 0, 0, 0.8);
	padding: 1px 10px 0;
	box-sizing: border-box;
	margin-bottom: 0;
}

#main .post_area_list .post_box .post_content {
	padding: 20px;
	width: 530px;
	height: auto;
	float: right;
	box-sizing: border-box;
}

#main .post_area_list .post_box .date {
	font-size: 13px;
	color: #555;
	display: block;
	margin-bottom: 5px;
}

#main .post_area_list .post_box h3.title {
	margin-bottom: 0;
}

.fa {
	margin-right: 5px;
}

.eyecatch img {
	-moz-transition: -moz-transform 0.1s linear;
	-webkit-transition: -webkit-transform 0.1s linear;
	-o-transition: -o-transform 0.1s linear;
	-ms-transition: -ms-transform 0.1s linear;
	transition: transform 0.1s linear;
}

.eyecatch img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}


/*　共通　フッター　*/

#footer {
	width: 100%;
	position: relative;
	margin-bottom: 85px;
}
#footer.static_footer{
margin-bottom: 0;
}

#footer .footer_inner {
	box-sizing: border-box;
	width: 100%;
	max-width: 1120px;
	clear: both;
	height: auto;
	color: #fff;
	padding: 50px 0;
	margin: 0 auto;
}

#footer a {
	color: #fff;
}
/*
#footer::before {
	z-index: 0;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.7);
}
*/
#footer .copy_box {
	width: 100%;
	max-width: 1120px;
	height: auto;
	color: #fff;
	text-align: center;
	position: relative;
	z-index: 1000;
	padding: 24px 0;
	margin: 0 auto;
}

#footer .fnav {
	text-align: center;
	display: block;
	height: auto;
	padding: 0 0 10px;
	margin: 0 auto;
}

#footer .fnav ul {
	width: auto;
}

#footer .fnav ul li {
	display: inline;
	width: auto;
	font-size: 13px;
	margin-right: 15px;
	padding-right: 20px;
	border-right: 1px solid #fff;
	line-height: 1.0;
	margin-bottom: 10px;
}

#footer .fnav ul li:last-child {
	border: 0;
	margin-right: 0;
	padding-right: 0;
}

.footer_cv {
	position: fixed;
	bottom: 0;
	z-index: 10000;
	margin-bottom: 0;
	width: 100%;
	height: auto;
	background-color: rgba(23, 23, 23, 0.9);
	margin-bottom: 0;
	padding: 20px 0 24px;
	box-sizing: border-box;
}

.footer_cv_inner {
	max-width: 1120px;
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	display: table;
	table-layout: fixed;
}

.fcv_item {
display: table-cell;
	margin-bottom: 0;
	color: #fff;
	vertical-align: top;
}
.fcv_item a.btn{
	width: 90%;
	margin-left: 10%;
	}

.footer_cv .cv_button {
}


.page_top {
	display: none;
	position: fixed;
	bottom: 130px;
	right: 0px;
	z-index: 10001;
}

.page_top a {
	display: block;
	/*background-color: #ccc;*/
	text-align: center;
	color: #222;
	font-size: 40px;
	text-decoration: none;
	padding: 5px 10px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.page_top a:hover {
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


/*　投稿一覧ページ　ページ送り　*/

.tablenav .current {
	background-color: #da9f11;
	color: #ffffff;
	font-weight: bold;
	border-radius: 2px;
}

.tablenav .current {
	font-weight: bold;
	text-decoration: none;
	padding: 7px 13px;
	margin: 2px;
}

.tablenav {
	margin: 10px auto 20px;
	line-height: 2em;
	text-align: center;
}

a.page-numbers,
.tablenav .next,
.tablenav .prev {
	text-decoration: none;
	border: 1px solid #ccc;
	padding: 7px 13px;
	margin: 2px;
	border-radius: 2px;
}

a.page-numbers:hover {
	background-color: #2B679D;
	color: #ffffff;
}


/*　LP　*/
/*
body.lp {
	background-color: #efefef;
}

.lp #contents {
	background-color: #fff;
	width: 830px;
	margin: 0 auto;
	padding: 50px;
	box-sizing: border-box;
}

.lp #contents h2 {
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 0;
	position: static;
	font-size: 30px;
	font-weight: bold;
	height: auto;
	margin: 0 auto 20px;
	display: block;
	box-sizing: border-box;
}

.lp #contents h2::after {
	content: ".";
	line-height: 0;
	width: 0;
	display: none;
	border-bottom: 0;
	position: static;
	margin-top: 0;
}

.lp #contents h3 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}

#contents .frame {
	border: 2px solid #ccc;
	padding: 50px 50px 10px;
	box-sizing: border-box;
	border-radius: 5px;
}
*/

/*　メールフォーム　*/

input[type="text"],
input[type="email"],
textarea {
	width: 100%;
	box-sizing: border-box;
	border-radius: 2px;
	box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	border: 0;
	padding: 10px;
	font-size: 1.3em;
	color: #555;
	border: solid 1px #ccc;
}

input[type="file"] {
	width: 100%;
}

input:focus {
	border: solid 1px #2B679D;
}

table span.wpcf7-list-item {
	display: block;
}

input[type="submit"] {
	width: 100%;
	white-space: normal;
	word-wrap: break-word;
	border: 1px solid #64bebc;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 21px;
	margin: 24px auto 0;
	cursor: pointer;
	color: #fff;
	height: auto;
	line-height: 1.5;
	display: block;
	border-radius: 2px;
	padding: 18px 11px 13px;
	box-shadow: 0 3px 0 #56a5b5;
	box-sizing: border-box;
	background: #64bebc;
	/*position: relative;*/
	-webkit-appearance: button;
}

input[type="submit"]:hover {
	color: #fff;
	opacity: 0.85;
	zoom: 1;
}

input[type="submit"]:active {
	color: #fff;
	text-decoration: none;
	/*top: 8px;*/
	-ms-transform: translateY(3px);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	box-shadow: none;
}

.tbl_form {
	color: #232323;
	width: 100%;
	border: 1px solid #e6e6e6;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.6;
	table-layout: fixed;
	background-color: #fff;
}

.tbl_form th {
	width: 35%;
	padding: 10px;
	border: 1px solid #e6e6e6;
	background: #f6f6f6;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -hp-pre-wrap;
	word-wrap: break-word;
}

.tbl_form td {
	padding: 15px;
	border: 1px solid #e6e6e6;
	vertical-align: middle;
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -hp-pre-wrap;
	word-wrap: break-word;
}

.tbl_form strong {
	color: #ffffff;
	background-color: #e99f10;
	font-size: 11px;
	padding: 2px 4px;
	font-weight: normal;
	position: relative;
	top: -2px;
}

span.wpcf7-list-item {
	display: block;
}


/*　投稿ページ　ソーシャルボタン　*/

ul.share_btn {
	display: block;
	width: 100%;
	height: 41px;
	margin: 20px auto;
	clear: both;
	overflow: hidden;
	zoom: 1;
	box-sizing: border-box;
}

.share_btn li {
	float: left;
	width: 25%;
	height: 41px;
	margin: 0;
	padding: 0 1px;
	list-style: none;
	display: block;
	box-sizing: border-box;
}

.share_btn a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	height: 41px;
	line-height: 41px;
	padding: 0;
}

span.social_icon {
	margin-right: 3px;
	font-size: 16px;
}

.share_btn li:last-child {
	margin-right: 0;
}

.share_btn:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

a.facebook_btn {
	background: #3b5998 url("images/sb_fb.png") no-repeat 10px center;
	background-size: 26px 26px;
	display: block;
}

a.twitter_btn {
	background: #55acee url("images/sb_tw.png") no-repeat 10px center;
	background-size: 32px 32px;
	display: block;
}

a.hatebu_btn {
	background: #2486c9 url("images/sb_hatena.png") no-repeat 10px center;
	background-size: 34px 34px;
	display: block;
}

a.line_btn {
	background: #00c300 url("images/sb_line.png") no-repeat 10px center;
	background-size: 32px 32px;
	display: block;
}

span.hatebu_icon {
	font-family: Verdana;
	margin-right: 3px;
	font-size: 16px;
}

a.hatebu_btn span {
	position: relative;
	top: -1px;
}


/*　投稿ページ　前後の記事へのリンク　*/

#contents .nextBox {
	width: 100%;
	height: auto;
	min-height: 185px;
	clear: both;
	overflow: hidden;
	zoom: 1;
	padding-bottom: 10px;
}

#contents .nextBox .prev,
#contents .nextBox .next {
	width: 320px;
	float: left;
	padding: 20px;
	height: 100%;
	min-height: 185px;
	background-color: #f8f8f8;
	box-sizing: border-box;
	border-radius: 2px;
	border: 1px solid #dddddd;
}

#contents .nextBox .prev:hover,
#contents .nextBox .next:hover {
	background-color: #eeeeee;
	transition: background-color 0.4s linear;
}

#contents .nextBox .prev {
	float: left;
	text-align: left;
	position: relative;
}

#contents .nextBox .next {
	float: right;
	text-align: right;
	position: relative;
}

#contents .nextBox .prev a,
#contents .nextBox .next a {
	display: block;
	max-width: 300px;
	margin: 0 auto;
	min-height: 50px;
	height: auto;
	font-weight: bold;
}

#contents .nextBox .prev a:hover,
#contents .nextBox .next a:hover {
	color: #da9f11;
}

#contents .nextBox .prev .thumb,
#contents .nextBox .next .thumb {
	max-width: 300px;
	text-align: center;
	margin: 0 auto;
	height: auto;
}

#contents .nextBox .prev .thumb img,
#contents .nextBox .next .thumb img {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	box-shadow: 0 5px 10px rgba(100, 100, 100, 0.4);
}

#contents .nextBox .prev .title,
#contents .nextBox .next .title {
	width: 100%;
	min-height: 50px;
	height: auto;
	box-sizing: border-box;
}


/*　投稿ページ　目次　*/

.mokuji {
	border: 1px dotted #888;
	background-color: #f8f8f8;
	padding: 10px 15px;
	margin: 30px 0;
	box-sizing: border-box;
}

.mokuji p {
	margin-bottom: 5px;
}

.mokuji ul {
	width: 100%;
	padding-left: 18px;
	box-sizing: border-box;
}

.mokuji ul li {
	margin: 0;
	width: 100%;
	list-style: outside square;
}

.mokuji ul li:last-child {
	margin-bottom: 0;
}


/*　スマホ対応　*/

@media(max-width:500px) {
	html {
		font-size: 15px;
	}
	body {
		width: 100%;
		min-width: 100%;
	}
	input[type="submit"] {
		width: 100%;
		font-size: 17px;
	}
	#header .top_bar {
		background-color: #f8f8f8;
		border-bottom: 1px solid #e2e5e8;
		font-size: 13px;
		color: #555;
		width: 100%;
		padding: 3px 10px;
	}
	#header {
		width: 100%;
		min-width: 100%;
		height: auto;
		position: relative;
		box-sizing: border-box;
	}
	#header .header_inner {
		width: 100%;
		height: auto;
		position: relative;
		background: #FFFFFF;
		border-bottom: 1px solid #EEEEEE;
	}
	#header .header_inner .logo {
		display: inline-block;
		width: 32%;
		height: auto;
		float: left;
		font-size: 32px;
		font-weight: bold;
		margin: 0;
		padding: 0 15px;
	}
	#header .header_inner .header_cta {
		display: none;
	}
	#header .header_inner .tagline {
		font-size: 0.8rem;
		margin-bottom: 15px;
		padding: 0 15px;
	}
	body.is-fixed .nav-type {position:fixed!important;top:0px;left:0;z-index:99996;}
	body.is-fixed header {
		margin-bottom: 55px;
	}
	body.is-fixed-sub .nav-type {position:fixed!important;top:0px;left:0;z-index:99996;}
	body.is-fixed-sub .breadcrumbs {
		margin-top: 73px;
	}
	.gnavi ,
	.gnavi * {
		transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		-ms-transition: all 0.3s linear;
	}
	.gnavi {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 99997;
		opacity: 0;
		display: none;
		transition: 0.3s;
	}
	.gnavi:before {
		content: "×";
		color: #FFFFFF;
		font-size: 200%;
		position: absolute;
		z-index: 99998;
		right: 20px;
		top: 10px;
		line-height: 1;
		cursor: pointer;
	}
	.gnavi.active {
		left: 0;
		background: #102d4e;
		opacity: 1;
		display: block;
		animation: fadeIn 0.5s ease 0s 1 normal;
		-webkit-animation: fadeIn 0.5s ease 0s 1 normal;
	}
	@keyframes fadeIn {
		0% {opacity: 0}
		100% {opacity: 1}
	}
	@-webkit-keyframes fadeIn {
		0% {opacity: 0}
		100% {opacity: 1}
	}
	.gnavi .gnavi_inner {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 55px 35px 35px 35px;
	}
	.gnavi li {
		position: relative;
		text-align: left;
		line-height: 1.5;
		display: block;
		float: left;
		height: auto;
		margin-top: 0px;
		box-sizing: border-box;
		border-left: 0!important;
		border-right: 0!important;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		overflow: hidden;
		width: 100%;
	}
	.gnavi li a {
		display: block;
		padding: 15px 0px;
		background-image: url(./images/chevron-small-right.png);
		background-repeat: no-repeat;
		background-size: 5px;
		background-position: 90% 50%;
	}
	.gnavi_3 .gnavi li {
		width: 50%;
	}
	.gnavi_4 .gnavi li {
		width: 50%;
	}
	.cat_3 .gnavi li {
		width: 50%;
	}
	.cat_4 .gnavi li {
		width: 50%;
	}
	.gnavi_3 .gnavi .gnavi_inner,
	.gnavi_4 .gnavi .gnavi_inner,
	.cat_3 .gnavi .gnavi_inner,
	.cat_4 .gnavi .gnavi_inner {
		width: 100%;
		height: 88px;
		margin: 0 auto;
	}
	.gnavi_5 .gnavi li {
		width: 50%;
	}
	.gnavi_6 .gnavi li {
		width: 50%;
	}
	.cat_5 .gnavi li {
		width: 50%;
	}
	.cat_6 .gnavi li {
		width: 50%;
	}
	.gnavi_5 .gnavi .gnavi_inner,
	.gnavi_6 .gnavi .gnavi_inner,
	.cat_5 .gnavi .gnavi_inner,
	.cat_6 .gnavi .gnavi_inner {
		width: 100%;
		height: 124px;
		margin: 0 auto;
	}
	.gnavi_7 .gnavi li {
		width: 50%;
	}
	.gnavi_8 .gnavi li {
		width: 50%;
	}
	.cat_7 .gnavi li {
		width: 50%;
	}
	.cat_8 .gnavi li {
		width: 50%;
	}
	.gnavi_7 .gnavi .gnavi_inner,
	.gnavi_8 .gnavi .gnavi_inner,
	.cat_7 .gnavi .gnavi_inner,
	.cat_8 .gnavi .gnavi_inner {
		width: 100%;
		height: 176px;
		margin: 0 auto;
	}
	/*.gnavi{background-color:#062D51;width:100%;height:auto;position:relative;z-index:1000;}
.gnavi .gnavi_inner{width:100%;height:200px;margin:0 auto;clear:both;zoom:1;padding: 0 10px;box-sizing:border-box;}*/
	/* 180327 */
	/* スマホ　投稿　ボックス形式 */
	
	#hamburger {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 60px;
		height: 54px;
		padding: 0%;
		background: #102d4e;
		cursor: pointer;
		z-index: 99996;
	}
	.type-5 .inner {
		width: 100%;
		height: 55px;
		margin: auto;
		position: relative;
		padding: 0px 0px;
	}
	.type-5 h1 {
		margin: 0px;
		padding: 0px;
		position: absolute;
		top: 29px;
		left: 0px;
		right: 0px;
		margin: auto;
		font-size: 13px;
		color: #FFFFFF;
		font-weight: lighter;
		text-align: center;
	}
	.type-5 span {
		-webkit-transition: width 0.2s, right 0.2s, left 0.2s;
		transition: width 0.2s, right 0.2s, left 0.2s;
	}
	.type-5 .top {
		-webkit-transform: translateY(-17px);
		-ms-transform: translateY(-17px);
		transform: translateY(-17px);
		width: 21.5px;
		height: 2px;
		position: absolute;
		top: 28px;
		left: 0px;
		right: 0px;
		margin: auto;
		background: #FFFFFF;
	}
	.type-5 .middle {
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
		position: relative;
	}
	.type-5 .middle:before, .type-5 .middle:after {
		content: "";
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
		display: block;
		position: absolute;
		width: 21.5px;
		height: 2px;
		top: 17px;
		left: 19.5px;
		background: #fff;
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	.type-5 .bottom {
		-webkit-transform: translateY(17px);
		-ms-transform: translateY(17px);
		transform: translateY(17px);
		width: 16.5px;
		height: 2px;
		position: absolute;
		bottom: 47px;
		left: 19.5px;
		background: #FFFFFF;
	}
	#sp_tel {
		position: absolute;
		top: 0px;
		right: 60px;
		width: 60px;
		height: 54px;
		padding: 0 0 0 0;
		background: #FFFFFF;
		cursor: pointer;
		z-index: 99996;
		text-align: center;
		color: #102d4e;
		border-left: 1px solid #DDDDDD;
	}
	#sp_tel span a {
		color: #102d4e;
	}
	#sp_tel span {
		margin-top: 10px;
	}
	#sp_tel h1 {
		width: 100%;
		margin: 0px;
		padding: 0px;
		font-size: 13px;
		color: #102d4e;
		font-weight: lighter;
		text-align: center;
	}
	#main .post_area .post_box {
		width: 100%;
		height: auto;
		margin: 0 0 10px 0;
	}
	#main .post_area .post_box .eyecatch {
		width: 100%;
		height: auto;
	}
	#main .post_area .post_box .eyecatch img {
		width: 100%;
		height: auto;
	}
	#main .post_area .post_box .post_content {
		height: auto;
	}
	#main .post_area .post_box h3.title {
		margin-bottom: 0;
	}
	/* スマホ　投稿　カード形式 */
	#main .post_area_list .post_box {
		width: 100%;
		height: auto;
		clear: both;
		overflow: hidden;
		zoom: 1;
		border-bottom: 1px solid #e6e6e6;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	#main .post_area_list .post_box .eyecatch {
		float: left;
		width: 30%;
		height: auto;
		display: block;
		position: static;
	}
	#main .post_area_list .post_box .cat_name {
		color: #fff;
		font-weight: normal;
		font-size: 11px;
		line-height: 21px;
		min-height: 21px;
		position: static;
		width: auto;
		height: auto;
		background: rgba(0, 0, 0, 0.8);
		text-align: center;
		padding: 0 5px;
		box-sizing: border-box;
	}
	#main .post_area_list .post_box .post_content {
		width: 70%;
		height: auto;
		float: right;
		padding-left: 10px;
		box-sizing: border-box;
	}
	#main .post_area_list .post_box .date {
		font-size: 13px;
		color: #555;
		display: block;
		margin-bottom: 5px;
	}
	#main .post_area_list .post_box h3.title {
		font-size: 13px;
	}
	#contents {
		width: 100%;
		min-height: auto;
		margin: 0 auto;
		clear: both;
		overflow: hidden;
		zoom: 1;
		padding: 0 10px;
		box-sizing: border-box;
	}
	#contents .single_tag {
		padding: 0;
		margin-bottom: 20px;
	}
	#contents .single_tag p {
		float: left;
		display: inline-block;
		margin-right: 24px;
		margin-bottom: 0;
	}
	#contents .single_tag .tag_name strong {
		padding: 0;
		display: inline-block;
		height: auto;
		width: auto;
		background: url('images/icon_tag.png') left no-repeat;
		background-size: 16px 16px;
		padding-left: 0px;
		padding-right: 15px;
		font-weight: normal;
	}
	.inner_padding {
		padding: 20px;
		box-sizing: border-box;
	}
	#contents .bg_gray {
		background-color: #f3f3f3;
		/*background-color: #ffffde;*/
		padding: 20px 0 0 0;
		position: relative;
		margin-bottom: 20px;
	}

	#contents .bg_gray::before {
		content: "";
		position: absolute;
		bottom: -15px;
		left: 0;
		right: 0;
		margin: auto;
		width: 0;
		height: 0;
		border-right: 17px solid transparent;
		border-left: 17px solid transparent;
		border-top: 17px solid hsla(0, 0%, 95%, 1);
	}
	.nextBox .prev .thumb {
		max-width: 280px;
		margin: 0 auto;
		height: auto;
	}
	.nextBox .next .thumb {
		max-width: 280px;
		margin: 0 auto;
		height: auto;
	}
	.nextBox {
		width: 100%;
		height: auto;
		min-height: 100px;
		clear: both;
		overflow: hidden;
		zoom: 1;
		padding-bottom: 10px;
	}
	.nextBox .prev,
	.nextBox .next {
		width: 100%;
		padding: 20px;
		height: 100%;
		min-height: 100px;
		background-color: #f9f9f9;
	}
	.nextBox .prev {
		float: none;
		text-align: left;
		position: relative;
		margin-bottom: 20px;
	}
	.nextBox .next {
		float: none;
		text-align: left;
		position: relative;
	}
	.nextBox .prev a,
	.nextBox .next a {
		display: block;
		max-width: 266px;
		height: auto;
		min-height: 40px;
	}
	.nextBox .prev .title {
		width: 100%;
		min-height: 40px;
		height: auto;
		padding: 0;
		box-sizing: border-box;
	}
	.nextBox .next .post_title {
		width: 100%;
		min-height: 40px;
		height: auto;
		padding: 0;
		box-sizing: border-box;
	}
	.snsShareArea {
		padding: 0!important;
		margin: 20px 0px!important;
	}
	.snsShareArea a {
		display: inline-block!important;
		width: auto!important;
		padding: 10px!important;
		line-height: 125%!important;
	}
	#side {
		float: none;
		width: 100%;
		margin-top: 20px;
		padding: 10px;
		box-sizing: border-box;
	}
	#side .side_cta {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
		border: 4px solid #b5b5b5;
		padding: 20px;
	}

	#side .side_cta h5 {
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 10px;
	}
	/*　共通　見出し　*/
	#page_title {
		padding: 0px 10px;
	}
	#page_title h1 {
		padding: 20px;
		height: auto;
		background-color: #efefef;
		margin-bottom: 30px;
		position: relative;
	}

	#page_title h1::before {
		content: "";
		position: absolute;
		bottom: -15px;
		left: 0;
		right: 0;
		margin: auto;
		width: 0;
		height: 0;
		border-right: 17px solid transparent;
		border-left: 17px solid transparent;
		border-top: 17px solid hsla(0, 0%, 90%, 1);
	}
	#page_title h1::after{}

	#page_title h1 strong {
		font-size: 18px;
		font-weight: bold;
		height: auto;
		margin: 0 auto;
		display: block;
		padding-left: 10px;
		box-sizing: border-box;
	}

	#footer {
		width: 100%;
		min-width: 100%;
		height: auto;
		margin-bottom: 50px;
	}
	/*#footer .bg_footer{width:100%;min-width:100%;}*/
	/*#footer #footer-inner{width:100%;height:auto;padding:0 10px;box-sizing:border-box;}*/
	#footer .copy_box {
		width: 100%;
		min-width: 100%;
		height: auto;
		padding: 0 10px;
		box-sizing: border-box;
	}
	#footer .fnav {
		width: 100%;
		padding: 10px;
	}
	#footer .fnav ul li {
		float: none;
		display: block;
		width: auto;
		margin-right: 0;
		padding-right: 0;
		border-right: 0;
		text-align: left;
	}
	#footer .fnav ul li a {
		display: block;
		padding: 15px 0px;
		border-bottom: 1px solid rgba(255,255,255,0.2);
	}
	#footer .fnav ul li:last-child {
		border: 0;
		margin-right: 0;
		padding-right: 0;
	}
	address {
		padding-bottom: 20px;
		font-size: 12px;
		color: #888888;
	}
	a.facebook_btn {
		background: #3b5998 url("images/sb_fb.png") no-repeat center center;
		background-size: 30px 30px;
		text-indent: -9999px;
	}
	a.twitter_btn {
		background: #55acee url("images/sb_tw.png") no-repeat center center;
		background-size: 32px 32px;
		text-indent: -9999px;
	}
	a.hatebu_btn {
		background: #2486c9 url("images/sb_hatena.png") no-repeat center center;
		background-size: 34px 34px;
		text-indent: -9999px;
	}
	a.line_btn {
		background: #00c300 url("images/sb_line.png") no-repeat center center;
		background-size: 32px 32px;
		text-indent: -9999px;
	}
	.kv {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.kv img {
		width: 100%;
		height: auto;
	}
	#footer .footer_inner {}
	.footer_cv {
		padding: 10px 10px 16px;
	}
	.footer_cv .footer_cv_inner {
		width: 100%;
	}
	.footer_cv .sp_none {
		display: none;
	}
	.footer_cv{
	display: none;
	}
}


/*　スマホ対応 2017/09/20　*/

@media(max-width:500px) {
	/*.f11rem{font-size: 1.05rem}.f12rem{font-size: 1.10rem}.f13rem{font-size: 1.15rem}.f14rem{font-size: 1.20rem}.f15rem{font-size: 1.25rem}.f16rem{font-size: 1.30rem}.f17rem{font-size: 1.35rem}.f18rem{font-size: 1.40rem}.f19rem{font-size: 1.45rem}.f20rem{font-size: 1.50rem}.f21rem{font-size: 1.55rem}.f22rem{font-size: 1.60rem}.f23rem{font-size: 1.65rem}.f24rem{font-size: 1.70rem}.f25rem{font-size: 1.75rem}.f26rem{font-size: 1.80rem}.f27rem{font-size: 1.85rem}.f28rem{font-size: 1.90rem}.f29rem{font-size: 1.95rem}.f30rem{font-size: 2.00rem}

.btn{
  width: 100%;
  max-width: 320px;
}

#contents .post_title {
    height: auto;
}*/
	#wrap {
		margin-top: 20px;
	}
	/* トップページ　キービジュアル　*/
	.kv {
		width: 100%;
		height: 235px!important;
		background-position: right top;
		background: gray;
		position: relative;
	}
	.kv .kv_inner {
		width: 100%;
		height: 235px!important;
		color: #fff;
		padding: 30px 20px 30px 20px;
		box-sizing: border-box;
		text-align: center;
		z-index: 1000;
	}
	.kv .kv_copy1 {
		text-align: center;
		top: 20px;
		font-size: 1.5rem;
		left: 0;
		right: 0;
		margin: auto;
	}
	.kv .kv_copy2 {
		text-align: center;
		top: 26px;
		font-size: 1.0rem;
		left: 0;
		right: 0;
		margin: auto;
	}
	.kv .kv_copy3 {
		text-align: center;
		top: 140px;
		font-size: 0.8rem;
		left: 0;
		right: 0;
		margin: auto;
		width: auto;
		max-width: 85%;
	}
	/*　共通　パンくずリスト　*/

.breadcrumbs {
	margin: 15px 10px;
	font-size: 13px;
	width: 100%;
	height: auto;
}

.breadcrumbs li {
	display: inline-block;
	float: left;
	margin-right: 3px;
}
	/*img.ar, img.al{
	width:100%;
	height:auto;
}
.button {
	width:100%;
}
.tbl_form th, .tbl_form td,
.mm_form th, .mm_form td {
	display:block;
	width:100%;
	box-sizing:border-box;
}
.linkBoxImg {
	text-align:center;
}
.prof-box {
	text-align:center;
}
.prof-text {
	text-align:left;
}
.clear {
	text-align:center;
}
.clear img.fl, .clear img.fr {
	margin:10px auto 10px auto;
	float:none !important;
}*/
	/*　共通　コンテンツエリア　*/
	/*#contents {
	padding:0;
}
#contents .bg_gray {
	padding: 20px 20px 24px;
}
#contents .contents_inner {
	width:100%;
	height: auto;
	display: block;
	padding: 0 15px;
	box-sizing:border-box;
}*/
	/*　共通　見出し　*/
	/*#contents h1 {
	padding: 15px;
}
#contents h1 strong {
	font-size:1.5rem;
	width: 100%;
  padding-left: 10px;
}

#contents h2{font-size:1.5rem;}
#contents h3{font-size:1.3rem;}
#contents h4{font-size:1.1rem;}*/
	/*　共通　パンくずリスト　*/
	/*.breadcrumbs {
	width: 100%;
	padding:0 15px;
  margin: 10px auto;
	box-sizing:border-box;
  font-size: 11px;
}*/
	/*　共通　2カラムコンテンツ　*/
	/*.col2{max-width: 100%;}
.col2 .c_box{width:100%;float:none;border-right: 0;margin-right:0;padding-right:0;margin-right:auto;margin-left: auto;}
*/
	/*　共通　3カラムコンテンツ　*/
	/*.col3 {
	max-width: 100%;
}
.col3 .c_box {
	width: 100%;
	float:none;
	border-right:none;
	margin-right:0;
	padding-right:0;
	text-align:center;
}
.col3 .c_box .thumbnail{
  width: 100%;
  height: auto;
  text-align: center;
}
.col3 .c_box img {
  max-width: 100%;
  height: auto;
	margin-left:auto;
	margin-right:auto;
}
.col3 .c_box p {
	text-align:left;
}*/
	/*　共通　4カラムコンテンツ　*/
	/*.col4{width: 100%;}
.col4 .c_box{width:100%;float:none;margin:0 20px 30px 0;clear: both;overflow: hidden;zoom:1;border-bottom:1px solid #e6e6e6;margin-bottom: 10px;}
.col4 .c_box:nth-child(4n){margin-right:0;}
.col4 .c_box img{margin-bottom:0;}
.col4 .c_box .thumbnail{width:32%; height:auto; position: static;display: block;margin-right:10px;float: left;}
#contents .col4 .thumbnail .tag_name{position:static;font-size: 11px;line-height: 1.5;padding: 4px 5px 0;}
.col4 .thumbnail .tag_name strong{font-weight: normal;}

.c_box .fb-page{text-align:center;margin: 0 auto 20px;}

.bnr_area .c_box{border-bottom:0;}
.bnr_area .bnr_category{
  text-align: left;
  margin-left: auto;margin-right: auto;
}

.btn_subscribe{width: 100%;background-size: 31px 31px;font-size: 15px;font-weight: normal;background-position: 10px center;padding-left: 24px;}
.btn_subscribe a{width: 100%;}

.contents_inner span.wpcf7-list-item{margin-left: 0;}
}*/
	/*@media(max-width:501px) {
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}*/
}

@media screen and (min-width: 501px) and (max-width: 999px){
	.kv {
		width: 100%;
		height: 235px!important;
		background-position: right top;
		background: gray;
		position: relative;
	}
	.kv .kv_inner {
		width: 100%;
		height: 235px!important;
		color: #fff;
		padding: 30px 20px 30px 20px;
		box-sizing: border-box;
		text-align: center;
		z-index: 1000;
	}
	.kv .kv_copy1 {
		text-align: center;
		top: 20px;
		font-size: 1.5rem;
		left: 0;
		right: 0;
		margin: auto;
	}
	.kv .kv_copy2 {
		text-align: center;
		top: 26px;
		font-size: 1.0rem;
		left: 0;
		right: 0;
		margin: auto;
	}
	.kv .kv_copy3 {
		text-align: center;
		top: 140px;
		font-size: 0.8rem;
		left: 0;
		right: 0;
		margin: auto;
		width: auto;
		max-width: 85%;
	}
	/*　共通　パンくずリスト　*/

.breadcrumbs {
	margin: 15px 10px;
	font-size: 13px;
	width: 100%;
	height: auto;
}

.breadcrumbs li {
	display: inline-block;
	float: left;
	margin-right: 3px;
}
	#main .post_area .post_box {
		width: 100%;
		height: auto;
		margin: 0 0 10px 0;
	}
	#main .post_area .post_box .eyecatch {
		width: 100%;
		height: auto;
	}
	#main .post_area .post_box .eyecatch img {
		width: 100%;
		height: auto;
	}
	#main .post_area .post_box .post_content {
		height: auto;
	}
	#main .post_area .post_box h3.title {
		margin-bottom: 0;
	}
	/* スマホ　投稿　カード形式 */
	#main .post_area_list .post_box {
		width: 100%;
		height: auto;
		clear: both;
		overflow: hidden;
		zoom: 1;
		border-bottom: 1px solid #e6e6e6;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	#main .post_area_list .post_box .eyecatch {
		float: left;
		width: 30%;
		height: auto;
		display: block;
		position: static;
	}
	#main .post_area_list .post_box .cat_name {
		color: #fff;
		font-weight: normal;
		font-size: 11px;
		line-height: 21px;
		min-height: 21px;
		position: static;
		width: auto;
		height: auto;
		background: rgba(0, 0, 0, 0.8);
		text-align: center;
		padding: 0 5px;
		box-sizing: border-box;
	}
	#main .post_area_list .post_box .post_content {
		width: 70%;
		height: auto;
		float: right;
		padding-left: 10px;
		box-sizing: border-box;
	}
	#main .post_area_list .post_box .date {
		font-size: 13px;
		color: #555;
		display: block;
		margin-bottom: 5px;
	}
	#main .post_area_list .post_box h3.title {
		font-size: 13px;
	}
}

@media only screen and (min-width: 501px) {
	#wrap {
		max-width: 1120px;
		width: 100%;
		margin: 0 auto 64px;
	}
	#hamburger ,
	#sp_tel {
		display: none;
	}
	#main {
		width: 100%;
		margin: 0;
		float: none;
	}
	#contents {
		margin: 0;
		padding: 0 0 50px 0;
	}
	.left_content #main {
		width: 100%;
		float: left;
		margin-right: -330px;
	}
	.left_content #contents {
		margin-right: 330px;
	}
	.right_content #main {
		width: 100%;
		float: right;
		margin-left: -330px;
	}
	.right_content #contents {
		margin-left: 330px;
	}
	#side {
		float: none;
		width: 100%;
	}
	.left_content #side {
	position: relative;
		float: right;
		width: 290px;
	}
	.right_content #side {
position: relative;
float: left;
		width: 290px;
	}
#fixed_contents{
	width: 290px;
}	
.fixed_navi {
	top: 50px;
	position: fixed;
	width: 290px;
}
#debug{
background: #fff;
height: 100px;
width: 200px;
position: fixed;
left: 0;
top: 40px;
padding: 20px;
}
	
}


#mobileFoot{
position: fixed;
background: rgba(255,255,255,0.8);
z-index: 99996;
bottom: 0;
width: 100%;
}
#mobileFoot ul{
display: table;
table-layout: fixed;
border-collapse: collapse;
width: 100%;
}
#mobileFoot ul li{
display: table-cell;
border-right: 1px solid #ccc;
}
#mobileFoot ul li a{
display: block;
text-align: center;
padding: 13px 0;
}
#mobileFoot ul li a i{
margin-right: 1em;
}