@charset "utf-8";



/* 共通部分
----------------------------------- */
html{
	font-size: 62.5%;
}
*,*::before,*::after{
	box-sizing: border-box;
}

body{
font-family: 'Sorts Mill Goudy', serif;
line-height: 1.7;
 color: #000000;
 font-size: 1.6rem;
 background: #ffffff;
}

a{
	text-decoration: none;
}

img {
    line-height: 1;
    font-size: 0;
    height: auto;
    max-width: 100%;
}

/* フォンと
----------------------------------- */
.hina-mincho-regular {
  font-family: "Hina Mincho", serif;
  font-weight: 400;
  font-style: normal;
}



/* ローディングアニメーション
---------------------------------- */
.box{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  -webkit-transition: all 1.2s ease; /* 1.2秒でフェードアウト */
          transition: all 1.2s ease;
  color: #fff; /* ローディングアニメーションカラー */
  background-color: #333; /* 背景カラー */
}


/* ローディング表示を消すための定義 */
#my-spinner.box {
    animation-name: slideOut;
    animation-fill-mode: forwards;
    animation-duration: 2s;
    animation-delay: 1s;
}

@keyframes slideOut {
  0% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}


/* ローディングアニメーションここまで
---------------------------------- */


/* HEADER
-------------ロゴのwidth指定はしていない状態--------------------- */
.NavMenu,
.Toggle{
	display: none;
}

.header_top { width:100%; text-align:center; position:absolute; z-index:50; padding:30px 0 20px 0; 
}/* -centerの影響をロゴは受けるが、navは受けなかった　よってwrapperで調整- */

.logo{
	width: px;
	margin-top: -20px;
}

.site_title_top{
	color: #FFFFFF;
	margin: -40px 0 25px;
	font-size: 1.12rem;
	letter-spacing: 2px;
}

.main-nav{
	display: flex;
	font-size: 1.6rem;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin-top: 34px;
	list-style: none;
}
.main-nav li{
	margin: 0 18px;
}
.main-nav a{
	color: #FFFFFF;
}
.main-nav a:hover{
	color: #F0585B
}

.wrapper{/* ------wrapperの位置をnavのみに変更------ */
	width: 100%;
	max-width: 790px;/* ------試行錯誤の結果、790が中央配置の値と発見------ */
	margin: 0 auto;
	padding: 0 4%;
}

.catch-copy{
	display: block !important;
	padding: 20px 10px 20px;
	background: linear-gradient(-135deg, #E4A972, #9941D8);
	color: #ffffff;
	text-align: center;
}
	.catch-copy p{
		font-size: 2.6rem;
	letter-spacing: 20px;
	}
	
.close-open{
	display: block !important;
	color:#ffffff;	
}
	.close-open p{
		font-family: 'Calibri', serif;
		font-size: 1.5rem;
	letter-spacing: 5px;
		margin-top: -15px;
	}
	.font_red{
		color: #FFFFFF;
	}
/* 大きな背景動画
----------------------------------- */
.top {
	height: 100%;
	background: none;
	position: relative;
}

.top video {
	display: block;
	width: 100%;
}


/* ソーシャルアカウント
----------------------------------- */

.social-ac{
	padding: 40px 30px 80px;
	background-color: #fff;
	color: #333;
	text-align: center;
}
.first-social p{
	letter-spacing: 5px;
	font-size: 20px;
}

.social-wrapper{
	display: table;
	width: 80%;
	margin: 50px auto 0;
	table-layout: fixed;
}
.social-box{
	display: table-cell;
}

.social-icon img{
	width: 90px;
	-moz-transition: -moz-transform 0.3s linear;
		-webkit-transition: -webkit-transform 0.3s linear;
		-o-transition: -o-transform 0.3s linear;
		-ms-transition: -ms-transform 0.3s linear;
		transition: transform 0.3s linear;	
}
.social-icon 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);	
}
.social-title{
	margin: 0 20px 20px;
	font-size: 3.2rem
}
.social-text{
	margin: 0 20px;
	line-height: 1.5;
}
.tane-icon img{
	width: 90px;
	transition: transform 0.3s;
}
.tane-icon img:hover{
	transform: rotate(360deg);
}

/* アバウト
----------------------------------- */
.about{
	padding: 80px 30px;
	background-color: #383634;
	color:#fff ;
	text-align: center;
}

.first-title p{
	letter-spacing: 10px;
	font-size: 20px;
}
.heading{
	margin: 15px 0 15px;
	letter-spacing: 2px;
	font-size: 6.4rem;
	border-bottom: dashed;
	display: inline-block;
	line-height: 1.2;/*.l-main 影響を考慮しあとから追加*/
}
	
.about-text{
	margin: 30px 0;
	line-height: 2;
	letter-spacing: 1px;
}

/* ワーク
----------------------------------- */
.work{
	padding: 80px 30px;
	background-color: #FFFFFF;
	text-align: center;
	}

.creative-menu{
	display: table;
	width: 70%;
	margin: 60px auto 40px;
	border-collapse: separate;
    border-spacing: 20px 5px;
	table-layout: fixed;
}
.link-img{
	display: table-cell;
}

.link-img img{
		max-width: 100%;
		margin: 0 auto;
		-moz-transition: -moz-transform 0.3s linear;
		-webkit-transition: -webkit-transform 0.3s linear;
		-o-transition: -o-transform 0.3s linear;
		-ms-transition: -ms-transform 0.3s linear;
		transition: transform 0.3s linear;	
	}
	
.link-img 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);	
	}
.work-text{
	letter-spacing: 1px;
}

/* コンタクト
----------------------------------- */
.contact{
	padding: 80px 30px 150px;
	background-color: #383634;
	color: #FFFFFF;
	text-align: center;
}

.contact-text{
	margin: 30px 0;
	line-height: 2;
	letter-spacing: 1px;
}

.contact-form{
	width: 50%;
	margin: 50px auto 0;
}

.contact-form input[type=text],.contact-form input[type=email],
.contact-form textarea{
	display: block;
	width: 100%;
	margin-bottom: 10px;
	padding: 15px;
	border: 15px;
	border: 1px solid rgba(255, 255, 255,0.4);
	border-radius:  0;
	background-color: rgba(255, 255, 255,0.05);
	color: #fff;
}
.contact-form textarea{
	height: 150px;
}
.contact-form input[type=submit]{
	display: block;
	width: 200px;
	margin: 40px auto 0;
	padding: 15px;
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 5px;
	background-color: transparent;
	color: rgba(255, 255, 255,0.6);
	cursor:pointer;
}
.contact-form input[type=submit]:hover{
	background-color: rgba(255, 255, 255, 0.05);
}

/* サンクスページ
----------------------------------- */
.thanks{
	padding: 20px 30px;
	background-color: #FFFFFF;
	text-align: center;
	}

.creative-menu{
	display: table;
	width: 70%;
	margin: 60px auto 40px;
	border-collapse: separate;
    border-spacing: 20px 5px;
	table-layout: fixed;
}

.work-text{
	letter-spacing: 1px;
}
/* フッター
----------------------------------- */
.footer{
	padding: 2px 0;
	font-size: 2.0rem;
	text-align: center;
}






/* モバイル版
-----------------------------------
-----------------------------------
-----------------------------------*/

/* 共通部分：モバイル
----------------------------------- */
@media (max-width : 768px){
	body{
font-size: 1.3rem;
}

/* ハンバーガーメニュー：モバイル
----------------------------------- */
.NavMenu,
.Toggle{
	display: block;
}
/*ナビメニューのスタイルを指定*/
nav.NavMenu{
			position: fixed;	/*表示位置を固定*/
			z-index: 99;		/*重ね順を変更*/
			top: 0;		/*表示位置を指定*/		
			left: 0;	/*表示位置を指定*/
			background: #fff;/*背景を白にする*/
			color: #000;	/*文字色を黒にする*/
			text-align: center;		/*テキストを中央揃え*/
			width: 100%;	/*全幅表示*/
			transform: translateY(-100%);	/*ナビを上に隠す*/
			transition: all 0.6s;	/*アニメーションの時間を指定*/
			
		}

		nav.NavMenu ul{
			background: #ccc;	/*背景をグレーにする*/

			width: 100%;	
			margin: 0 auto;
			padding: 0;
		}

		nav.NavMenu ul li{
			font-size: 1.1em;
			list-style-type: none;
			padding: 0;
			width: 100%;
			border-bottom: 1px dotted #333;		
		}

		nav.NavMenu ul li:last-child{
			padding-bottom: 0;
			border-bottom: none;	/*最後のメニュー項目のみ下線を消す*/
		}

		nav.NavMenu ul li a{
			display: block;		/*クリックできる領域を広げる*/
			color: #000;
			padding: 1em 0;
		}
		
		nav.NavMenu.active{
			transform: translateY(0%);		/*ナビを表示する*/
		}

		.Toggle {
		    display: block;
		    position: fixed;    /* bodyに対しての絶対位置指定 */
		    right: 13px;
		    top: 40px; /* 元は12px wordプレスの管理画面ヘッダーギリギリ被らない */
		    width: 42px;
		    height: 42px;
		    cursor: pointer;
		    z-index: 999999;/* 99999（５桁）だと、wordプレスの管理画面ヘッダーが上になる */
		}
		 
		.Toggle span {
		    display: block;
		    position: absolute;
		    width: 30px;
		    border-bottom: solid 3px #E2B0FC;
		    -webkit-transition: .35s ease-in-out;	/*変化の速度を指定*/
		    -moz-transition: .35s ease-in-out;		/*変化の速度を指定*/
		    transition: .35s ease-in-out;			/*変化の速度を指定*/
		    left: 6px;
		}
		 
		.Toggle span:nth-child(1) {
		    top: 9px;
		}
		 
		.Toggle span:nth-child(2) {
		    top: 18px;
		}
		 
		.Toggle span:nth-child(3) {
		    top: 27px;
		}
		 
		/* 最初のspanをマイナス45度に */
		.Toggle.active span:nth-child(1) {
		    top: 18px;
		    left: 6px;
		    -webkit-transform: rotate(-45deg);
		    -moz-transform: rotate(-45deg);
		    transform: rotate(-45deg);
		}
		 
		/* 2番目と3番目のspanを45度に */
		.Toggle.active span:nth-child(2),
		.Toggle.active span:nth-child(3) {
		    top: 18px;
		    -webkit-transform: rotate(45deg);
		    -moz-transform: rotate(45deg);
		    transform: rotate(45deg);
		}




		#fade{
			display: none;
		}

	
/* HEADER：モバイル
-------------------------------- */
	
.logo{
	width: 60%;
	height: auto;
	margin-top: -20px;
}
.site_title_top{
	color: #FFFFFF;
	margin: -20px 0 25px;
	font-size: 1.12rem;
	letter-spacing: 2px;
}
 .main-nav,
 .wrapper{
		display: none;
	}
	
	.top {
    background-image: url(/wp-content/themes/tane_theme/img/close-eye2.png);
    position: relative;
    height:450px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    .top video {
	display: none;
}


 

.catch-copy{
	display: block !important;
	padding: 1px 5% 10px;
	background: linear-gradient(-135deg, #E4A972, #9941D8);
	color: #ffffff;
	text-align: center;
}
	.catch-copy p{
		font-size: 2.6rem;
	letter-spacing: 5px;
	}
	
.close-open{
	display: block !important;
	color:#ffffff;	
}
	.close-open p{
		font-family: 'Calibri', serif;
		font-size: 1rem;
	letter-spacing: 3px;
		margin-top: -25px;
	}
	.font_red{
		color: #FFFFFF;
	}
	
/* ソーシャルアカウント：モバイル
----------------------------------- */
    .social-ac{
	padding: 5px 30px;
	background-color: #fff;
	color: #333;
	text-align: center;
}
	.first-social p{
	letter-spacing: 5px;
	font-size: 20px;
}
	.social-wrapper{
	display: table;
	padding-bottom: 40px;
	width: 100%;
	max-width: 320px;
	margin: 30px auto 0;
	border-collapse: separate;
    border-spacing: 25px 5px;
	table-layout: fixed;
}
.social-box{
	display: table-cell;
}

   .social-title,
   .social-text{
	display: none;
}


	

/* アバウト：モバイル
----------------------------------- */
	.heading{
	font-size: 2.5rem;
}


    .about-text{
	line-height:1.8;
	}
	
/* ワーク：モバイル
----------------------------------- */
   .creative-menu,
	.link-img{
		display: block;
		width: 95%;
	}

/* コンタクト：モバイル
----------------------------------- */
	.contact-form{
		width: 85%;
	}
	.contact{
		padding-bottom: 80px;
	}
}


/* --------------------------------------------------------------------
--------------------------------------------------------------------
↓ここからwordpress以降に伴う追加記述
--------------------------------------------------------------------
-------------------------------------------------------------------- */



/* 各ページ等ヘッダー 
----------------------------------- */
.lower_ttl {
  text-align: center;
  padding: 90px 0;
  margin-bottom: 40px/*元は90px*/
}
.lower_ttl.lower_login {/*---サンプルとして残しているだけ ---- */
  background: url(/wp-content/themes/yuichi_theme/img/header_top/top_login.jpg) no-repeat 50%;
  background-size: cover
}
.lower_ttl.lower_list_method {/*---サンプルとして残しているだけ ---- */
  background: url(/wp-content/themes/yuichi_theme/img/header_top/top_login.jpg) no-repeat 50%;
  background-size: cover
}
.lower_ttl.lower_flow {/*---サンプルとして残しているだけ ---- */
  background: url(../../img/main/main_flow.jpg) no-repeat 50%;
  background-size: cover
}

.lower_ttl.lower_zinzi {/*---サンプルとして残しているだけ ---- */
  background: url(/wp-content/themes/yuichi_theme/img/zinzi/main_zinzi.jpg) no-repeat 50%;
  background-size: cover;
  margin-bottom: 0
}

.lower_ttl h2 {
  /*background: #d94e4e;
  display: inline-block;
  padding: 55px 30px;
  color: #fff;
  border-radius: 3px*/
}
/*.lower_ttl.lower_post {
  background:#d94e4e;
  padding: 30px 0
}*/
.lower_ttl.lower_post {
  background: url(/wp-content/themes/tane_theme/img/back-big.jpg) no-repeat 50%;
  background-size: cover;
  height: 250px;
}

ul {
    list-style: none;
}

@media only screen and (max-width:767px) {
	 .lower_ttl, .m-club .club_reason .reason_area dl dt {
    margin-bottom: 10px
  }
  .lower_ttl h2 {
    /*padding: 20px 30px*/
  }
	.lower_ttl {
    padding: 40px 0
  }
	.lower_ttl h2, .ttl02 span, .ttl03 span, .ttl04 span, .ttl07 span {
    font-size: 18px;
    font-size: 1.8rem
  }
}

/* -----------------------------------
アーカイブ
----------------------------------- */

/* ボタン----- */

/*.changeArc:hover, input[name=submitBack]:hover, input[name=submitConfirm]:hover, input[name=submitSubmit]:hover {
  opacity: .8;
  filter: alpha(opacity=80)
}
.changeArc, input[name=submitSubmit] {
  background: #ffffff;
  height: 45px;
  border: 0
}
.changeArc {
  color: #555555 !important;
  padding: 0;
  width: 185px;
  line-height: 45px;
  display: block;
  margin: 0 0 40px 20%;
}
*/

.changeArc  {
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
}
.changeArc  i {
  vertical-align: text-top;
  margin-right: 5px
}
.changeArc img {
  vertical-align: text-top
}
.changeArc , .changeArc  a {
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}
.changeArc  a {
  color: #fff;
  padding: 10px 15px;
  width: 185px;
  border: 1px solid #fff;
  border-radius: 3px;
  display: inline-block;
  margin: 0 0 40px 20%;
}
.changeArc  a:hover {
  background: rgba(255, 255, 255, .1);
  opacity: 0.7;
  filter: alpha(opacity=70)
}

.changeArc  {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width:767px) {
  .changeArc {
    margin: 0 -15px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .changeArc  {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
  .changeArc , .changeArc  span {
    font-size: 11px;
    font-size: 1.1rem
  }
  .changeArc a a {
    background: 0 0
  }
  .changeArc a i {
    vertical-align: middle;
    display: block
  }
  .changeArc a {
    padding: 5px;
    display: block;
	margin: auto;
  }
}
/* ボタンここまで----- */


#page {
    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
    min-width: 1210px;
    overflow: hidden;
}
@media only screen and (max-width:767px) {
  #page {
    min-width: 100%
  }
}

.l-contents {
    _zoom: 1;
    word-break: normal;
    word-wrap: break-word;
}
.clearfix, .l-contents {
    *zoom: 1;
}
.l-main {
    line-height: 180%;
}


/*section {
    margin: 0 0 40px;
}
*/

.container, .container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px
}
.container-fluid:after, .container-fluid:before {
  content: " ";
  display: table
}
.container-fluid:after {
  clear: both
}
.container:after, .container:before {
  content: " ";
  display: table
}
.container:after {
  clear: both
}
@media (min-width:768px) {
  .container {
    width: 768px
  }
}
@media (min-width:992px) {
  .container {
    width: 992px
  }
}
@media (min-width:1200px) {
  .container {
    width: 1200px
  }
}
.container {
    width: 1210px;
}
@media only screen and (max-width:767px) {
  #page {
    min-width: 100%
  }
  .container {
    width: 100%
  }
}
.post_archive h2 {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 30px;
}

.ttl03{
	text-align: left;/*オリジナル。bodyで「text-align: center」にしているため挿入*/
}

.row:after, .row:before {
    content: " ";
    display: table;
}
.row:after {
    clear: both;
}

.post_list .post_box, .post_single h2 {
    margin-bottom: 20px;
	 margin-top: 0px;/*オリジナル*/
	 color: #555555;/*オリジナル*/
	font-family: 'Montserrat', sans-serif;/*オリジナル*/
}

.post_list .post_box .thumb {
    position: relative;
    height: 172px;
    overflow: hidden;
}

.post_archive .cat_list ul li a::after, .post_list .post_box a, .post_side .side_cat ul li a {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

/*a:active, a:hover, a:link, a:visited {
    color: #555;
}*/

.post_list .post_box .thumb span {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    background: #7d7d7d;
    display: inline-block;
    padding: 5px 15px;
    font-size: 14px;
    font-size: 1.4rem;
}
.m-index .index_news .news_list .news_box time, .post_list .post_box time {
    display: block;
    margin: 5px 0;
    font-size: 14px;
    font-size: 1.4rem;
}
.post_list .post_box h3 {
    background: none;
    padding: 0;
    border: none;
    margin: 0;
}
.post_list .post_box h3 {
    min-height: 100px;
}
.post_list .post_box h3 a{/*オリジナル追加。*/
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
	color: #555555
}

.post_archive .cat_list ul li a::after, .post_list .post_box a, .post_side .side_cat ul li a {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.col-xs-1 {
  float: left;
  width: 6.00282%;
  margin-left: 2.54237%
}
.col-xs-10:first-child, .col-xs-11:first-child, .col-xs-1:first-child, .col-xs-2:first-child, .col-xs-3:first-child, .col-xs-4:first-child, .col-xs-5:first-child, .col-xs-6:first-child, .col-xs-7:first-child, .col-xs-8:first-child, .col-xs-9:first-child {
  margin-left: 0
}
.col-xs-2 {
  width: 14.54802%
}
.col-xs-2, .col-xs-3, .col-xs-4 {
  float: left;
  margin-left: 2.54237%
}
.col-xs-3 {
  width: 23.09322%
}
.col-xs-4 {
  width: 31.63842%
}
.col-xs-5 {
  width: 40.18362%
}
.col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8 {
  float: left;
  margin-left: 2.54237%
}
.col-xs-6 {
  width: 48.72881%
}
.col-xs-7 {
  width: 57.27401%
}
.col-xs-8 {
  width: 65.81921%
}
.col-xs-10, .col-xs-11, .col-xs-9 {
  float: left;
  margin-left: 2.54237%
}
.col-xs-9 {
  width: 74.36441%
}
.col-xs-10 {
  width: 82.9096%
}
.col-xs-11 {
  width: 91.4548%
}
.col-xs-12, .m-index .index_news .news_list .news_box .thumb img, .main_visual .copy.is-act .copy_in span::before, .post_list .post_box .thumb img {
  width: 100%
}
@media (max-width:767px) {
  .col-xs-2:nth-child(6n+1), .col-xs-3:nth-child(4n+1), .col-xs-4:nth-child(3n+1), .col-xs-6:nth-child(odd), .grid5:nth-child(5n+1) {
    margin-left: 0
  }
}
@media (min-width:768px) {
  .col-sm-1 {
    float: left;
    width: 6.00282%;
    margin-left: 2.54237%
  }
  .col-sm-10:first-child, .col-sm-11:first-child, .col-sm-1:first-child, .col-sm-2:first-child, .col-sm-3:first-child, .col-sm-4:first-child, .col-sm-5:first-child, .col-sm-6:first-child, .col-sm-7:first-child, .col-sm-8:first-child, .col-sm-9:first-child {
    margin-left: 0
  }
  .col-sm-2 {
    width: 14.54802%
  }
  .col-sm-2, .col-sm-3, .col-sm-4 {
    float: left;
    margin-left: 2.54237%
  }
  .col-sm-3 {
    width: 23.09322%
  }
  .col-sm-4 {
    width: 31.63842%
  }
  .col-sm-5 {
    width: 40.18362%
  }
  .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8 {
    float: left;
    margin-left: 2.54237%
  }
  .col-sm-6 {
    width: 48.72881%
  }
  .col-sm-7 {
    width: 57.27401%
  }
  .col-sm-8 {
    width: 65.81921%
  }
  .col-sm-10, .col-sm-11, .col-sm-9 {
    float: left;
    margin-left: 2.54237%
  }
  .col-sm-9 {
    width: 74.36441%
  }
  .col-sm-10 {
    width: 82.9096%
  }
  .col-sm-11 {
    width: 91.4548%
  }
  .col-sm-12 {
    width: 100%
  }
}
@media (min-width:768px) and (max-width:991px) {
  .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(odd), .grid5:nth-child(5n+1) {
    margin-left: 0
  }
}
@media (min-width:992px) {
  .col-md-1 {
    float: left;
    width: 6.00282%;
    margin-left: 2.54237%
  }
  .col-md-10:first-child, .col-md-11:first-child, .col-md-1:first-child, .col-md-2:first-child, .col-md-3:first-child, .col-md-4:first-child, .col-md-5:first-child, .col-md-6:first-child, .col-md-7:first-child, .col-md-8:first-child, .col-md-9:first-child {
    margin-left: 0
  }
  .col-md-2 {
    width: 14.54802%
  }
  .col-md-2, .col-md-3, .col-md-4 {
    float: left;
    margin-left: 2.54237%
  }
  .col-md-3 {
    width: 23.09322%
  }
  .col-md-4 {
    width: 31.63842%
  }
  .col-md-5 {
    width: 40.18362%
  }
  .col-md-5, .col-md-6, .col-md-7, .col-md-8 {
    float: left;
    margin-left: 2.54237%
  }
  .col-md-6 {
    width: 48.72881%
  }
  .col-md-7 {
    width: 57.27401%
  }
  .col-md-8 {
    width: 65.81921%
  }
  .col-md-10, .col-md-11, .col-md-9 {
    float: left;
    margin-left: 2.54237%
  }
  .col-md-9 {
    width: 74.36441%
  }
  .col-md-10 {
    width: 82.9096%
  }
  .col-md-11 {
    width: 91.4548%
  }
  .col-md-12 {
    width: 100%
  }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(odd), .grid5:nth-child(5n+1) {
    margin-left: 0
  }
}
@media (min-width:1200px) {
  .col-lg-1 {
    float: left;
    width: 6.00282%;
    margin-left: 2.54237%
  }
  .col-lg-10:first-child, .col-lg-11:first-child, .col-lg-1:first-child, .col-lg-2:first-child, .col-lg-3:first-child, .col-lg-4:first-child, .col-lg-5:first-child, .col-lg-6:first-child, .col-lg-7:first-child, .col-lg-8:first-child, .col-lg-9:first-child {
    margin-left: 0
  }
  .col-lg-2 {
    width: 14.54802%
  }
  .col-lg-2, .col-lg-3, .col-lg-4 {
    float: left;
    margin-left: 2.54237%
  }
  .col-lg-3 {
    width: 23.09322%
  }
  .col-lg-4 {
    width: 31.63842%
  }
  .col-lg-5 {
    width: 40.18362%
  }
  .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8 {
    float: left;
    margin-left: 2.54237%
  }
  .col-lg-6 {
    width: 48.72881%
  }
  .col-lg-7 {
    width: 57.27401%
  }
  .col-lg-8 {
    width: 65.81921%
  }
  .col-lg-10, .col-lg-11, .col-lg-9 {
    float: left;
    margin-left: 2.54237%
  }
  .col-lg-9 {
    width: 74.36441%
  }
  .col-lg-10 {
    width: 82.9096%
  }
  .col-lg-11 {
    width: 91.4548%
  }
  .col-lg-12 {
    width: 100%
  }
  .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(odd), .grid5:nth-child(5n+1) {
    margin-left: 0
  }
}
/* -----------------------------------
アーカイブここまで
----------------------------------- */

/* -----------------------------------
サイドバー（ページ横のスライダー）
----------------------------------- */


.menu_btn.is-act, .post_archive .cat_list ul li a:hover, .post_side .side_cat ul li a:hover {
  color: #2557a7
}
.menu_btn.is-act, .post_archive .cat_list ul li a, .post_side .side_cat ul li a {
  color: #555555; /*自作*/
}

.post_archive .cat_list ul li a::after, .post_list .post_box a, .post_side .side_cat ul li a {
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}
.post_side h3 {
  background: #e8e8e8;
  padding: 25px;
  border-left: 1px solid #9b9e9e;
  margin-bottom: 15px;
}

.post_side .side_cat h3 {
    padding: 25px;
    margin: 0;
	color:#555555;
}

.post_side .side_cat ul {
  padding: 20px;
  margin-bottom: 0;
  margin: 0;
}
.post_side .side_cat ul li {
  margin-bottom: 5px;
}

.post_side .side_post_list {
  margin-top: 0px !important/*もとは30px*/
}
.post_side .side_post_list h3 {
  padding-bottom: 20px;
  color: #555555;
  margin-top: 0;/*オリジナル*/
}

.post_side .side_post_list .side_post_box a {
    padding: 12px 0!important;
	text-align: left
}
.post_side .side_post_list .side_post_box a {
  display: block;
  padding: 20px 0
}
.post_side .side_post_list .side_post_box time {
  font-size: 12px;
  font-size: 1.2rem
}
.m-index .index_blog_post .blog_post_list .member_post_box time, .m-index .index_member_post .member_post_list .member_post_box time, .post_side .side_post_list .side_post_box h4, .table02 td small {
  font-size: 14px;
  font-size: 1.4rem
}

.post_side .side_post_list .side_post_box h4 {
    font-size: 16px;
    font-size: 1.6rem;
	margin: 0;/*オリジナル*/
	color: #555555/*オリジナル*/
}
.post_side .side_post_list .side_post_box, .post_side .side_post_list h3 {
    border-bottom: 1px solid #f8f6ef;
}
.post_single h3 {
    padding: 25px;
    background: #e8e8e8;
    margin: 0px 0 25px;/*もとは25px 0*/
    border-left: 1px solid #9b9e9e;
    font-size: 22px;
    font-size: 2.2rem;
}

.post_side .side_post_list .side_post_box {
    border-bottom: 1px solid #f1eddd;
}
.side_space {
    margin: 0px 0 25px;
}

/* -----------------------------------
サイドバー（ページ横のスライダー）ｌここまで
----------------------------------- */


/* -----------------------------------
シングルページ
----------------------------------- */
.post_single h2 {
    padding: 30px 0;
    border-top: 1px solid #9b9e9e;
    border-bottom: 1px solid #e8e8e8;
}
.post_single h2 {
    font-size: 28px;
    font-size: 2.8rem;
    padding-left: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e8e8e8;
}
.post_list .post_box, .post_single h2 {
    margin-bottom: 20px;
	font-family: 'Montserrat', sans-serif;/*オリジナル*/
}
.ttl02, .ttl03, .ttl04, .ttl04 span {
    font-size: 30px;
    font-size: 3rem;
}
.post_single .post .body {
    padding: 45px 0;
}
.wp-pagenavi {
    padding: 100px 0;
}
.btnArea, .wp-pagenavi {
    text-align: center;
    overflow: hidden;
}

.wp-pagenavi .alignleft, .wp-pagenavi .alignright, .wp-pagenavi .center {
    margin-top: 0;
    margin-bottom: 0;
    float: none;
}
.wp-pagenavi .alignleft {
    vertical-align: top;
    max-width: 40%;
}
.wp-pagenavi .alignleft a, .wp-pagenavi .alignright a {
    border: 0;
    background: 0 0;
    color: #2A2A2A;
}
.wp-pagenavi a, .wp-pagenavi span {
    padding: 3px 11px;
    background: #2A2A2A;
    border: 1px solid #2A2A2A;
    margin: 0 5px 10px 0;
    text-decoration: none;
}
.wp-pagenavi a {
    color: #fff;
}
.wp-pagenavi .alignleft, .wp-pagenavi .alignright, .wp-pagenavi .center {
    margin-top: 0;
    margin-bottom: 0;
    float: none;
}
.wp-pagenavi a, .wp-pagenavi span {
    padding: 3px 11px;
    background: #2A2A2A;
    border: 1px solid #2A2A2A;
    margin: 0 5px 10px 0;
    text-decoration: none;
}
.inline_block, .wp-pagenavi .alignleft, .wp-pagenavi .alignright, .wp-pagenavi .center, .wp-pagenavi a, .wp-pagenavi span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
/* -----------------------------------
シングルページここまで
----------------------------------- */

/* -----------------------------------
404ページ
----------------------------------- */
.m-notfound{
	text-align: center;
    color: #555555
}
.returnTop:hover, input[name=submitBack]:hover, input[name=submitConfirm]:hover, input[name=submitSubmit]:hover {
  opacity: .8;
  filter: alpha(opacity=80)
}
.returnTop, input[name=submitSubmit] {
  background: #373737;
  height: 45px;
  border: 0
}
.returnTop {
  color: #fff !important;
  padding: 0;
  width: 185px;
  line-height: 45px;
  display: block;
  margin: 20px auto
}
/* -----------------------------------
404ページここまで
----------------------------------- */