@charset "utf-8";


body{
	font-size:16px;
    font-family: 'Cantarell', Helvetica, Arial, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 400;
	
	
		
}
body p,
body span,
body div{
	line-height:1.7;
}



.w1300,
.w1320,
.top_box .inner,
#header-nav-area .component-inner{
	max-width:1320px;
	margin:0 auto;
}

 .component-inner,
 .top_box .inner{
	 max-width:1320px;
	 margin:0 auto;
 }
.clear {
	clear:both;
}
.clearfix {zoom:1;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
font-size: 0.1em;
}

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


.L{
	float:left;
}
.R{
	float:right;
}
.column{
	font-size:0;
	
}
.column li{
	display:inline-block;
	vertical-align:top;
	font-size:16px;
}
.column_3 li{
	width:32.7%;
}
.column_3 li:nth-of-type(2){
	margin:0 0.9%;
}

.common_table th,
.common_table td{
	vertical-align:middle;
	border:solid 1px #ccc;
}

.font,
.big_date,
.style2 ul.tabbernav{
	font-family: 'Cantarell', sans-serif;
}
a{
	color:#000;
}




/*　　　　　　　　hedaer　*/
#header-nav-area{
/*	position:fixed;
	z-index:10;
	left:0;
	right:0;
	top:0;
*/	
}
.header_nav_inner{
	position:relative;
}
.logo{
	position:absolute;
	left:20px;
    top: 5px;
transition: all 0.2s ease-out 0s;



  animation: Nonfixlogo 0.5s ease-out 0s 1 forwards;

	}
.logo img{	
    max-width: 190px;
	}




#site-navigation {
	text-align:right;
}
#site-navigation ul{
    margin-right: 81px;
	}
#site-navigation ul li{
	float:none;
	display:inline-block;
	vertical-align:middle;
	text-transform: lowercase;
	text-align:center;
}

#site-navigation ul li:first-of-type{
   
	}
#site-navigation ul li a{
	margin-top:5px;
	color:#333;
	font-weight:bold;
	transition: all 0.2s ease-out 0s;
}
#site-navigation ul .current-menu-item a{
	color:#bbb;
}

#site-navigation ul li a:hover{
	color:#bbb!important;
		//background:none!important;

}

#site-navigation ul li a {
  background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, #ACDAD8 50%);
  background-position: 0 0;
  background-size: auto 201%;
   transition: all 0.3s;
       padding: 10px 20px;
}
#site-navigation ul li a:hover {
  background-position: 0 100%!important;
  color: #fff!important;
}

.pc_menu_jp{
    display: block;
    font-size: 12px;
	font-weight:normal;
	}






/*   追尾　*/
#header-nav-area{
  width: 100%;
  text-align: center;
      z-index: 300;
	  
  background-image: linear-gradient(#fff 50%, rgba(255, 255, 255, 0) 50%);
  background-position:0% 0%;
  background-size: auto 300%;
   transition: all 0.6s;
   
   	  padding:8px 0;
	  
  position: fixed;
      top: 0;
	  left:0;
	  
	  
}

.NonfixHeader {
  animation: NonfixHeader 0.7s ease-out 0s 1 forwards;
}

.fixHeader {
  position: fixed;
  animation: fixHeader 0.7s ease-out 0s 1 forwards;
      top: 0;
	  left:0;
	  z-index:300!important;
	  
}











.fixHeader #site-navigation ul li a{
	margin-top:0;
	
}



/* header anime　*/
@keyframes NonfixHeader{
  0% {
  background-position:top left;
  }
  100% {
  background-position:bottom left;
  
  }
}

@keyframes fixHeader {
  0% {
  background-position:bottom left;

  }
  100% {
  background-position:top left;
  }
}






.fixHeader .logo{
  animation: fixlogo 0.5s ease-out 0s 1 forwards;
	
}


/* logo anime　*/
@keyframes Nonfixlogo {
  0% {
	  opacity:1;
    top: 5px;
  }
  100% {
	  opacity:0;
    top: 50px;
  }
}

@keyframes fixlogo {
  0% {
	  opacity:0;
    top: 50px;
  }
  100% {
	  opacity:1;
    top: 5px;
  }
}












/* header anime　*/
/*@keyframes NonfixHeader{
  0% {
    height: 80px;
	  //padding:8px 0;
  }
  100% {
    height: 0px;
  padding: 0px 0;
  }
}

@keyframes fixHeader {
  0% {
    height: 0px;
  padding: 0px 0;
    //background: transparent;
  }
  100% {
    height: 80px;
	  //padding:8px 0;
  }
}*/




/*       ハンバーガーメニュー　*/
#responsive-menu-container{
	background:url(images/bg_menu.jpg) no-repeat top center!important;
	background-size:cover!important;
}
#responsive-menu-container #responsive-menu-wrapper,
#responsive-menu-container #responsive-menu li.responsive-menu-current-item > .responsive-menu-item-link,
#responsive-menu-container #responsive-menu li.responsive-menu-item a{
	background:transparent!important;
}





#responsive-menu-container li.responsive-menu-item{
	text-align:center;
}
#responsive-menu{
	padding-top:100px;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link{
    font-size: 36px!important;
	    line-height: 1.2!important;
		padding-bottom:20px;
		padding-bottom: 20px;
	}
#responsive-menu-container #responsive-menu li.responsive-menu-item a{
	height:auto!important;
	line-height:1.6!important;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a .sp_menu_jp{
	display:block;
	font-size:14px!important;
}


#responsive-menu-additional-content{
}
#responsive-menu-additional-content .footer_nav a{
	width:50px;
	transition: all 0.2s ease-out 0s;
}

#responsive-menu-additional-content .footer_nav a .fa {
    font-weight: bold;
    font-size: 20px;
}

#responsive-menu-additional-content .footer_nav a:hover,
#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover{
	position:relative;
	top:-1px;
	    color: #bbbbbb;
	
}
button#responsive-menu-button{
	background:transparent!important;
}



/*       footer    */
#main-footer{
	padding:70px 0 40px 0;
	//background:url(images/bg_situkan_01.png) repeat #ACDAD8!important;	
	
    background-image: url(images/bg_building_01.png),url(images/bg_situkan_01.png)!important;
    background-repeat: no-repeat,repeat!important;
    background-position: left -105px top -10px, center center!important;
    background-color: #ACDAD8!important;	
	
}





#main-footer a{
	color:#fff;
	transition: all 0.2s ease-out 0s;
}

#main-footer a:hover{
	position:relative;
	top:-1px;
	
}



.footer_logo{
	text-align:center;
	margin-bottom:20px;
}
.footer_logo img{
	max-width:150px;
}
.footer_nav{
	text-align:center;
}
.footer_nav li{
	display:inline-block;
	vertical-align:middle;
}
.footer_nav li a{
	display:block;
	padding:10px;
}

.footer-copy{
	font-size:10px;
}


/*　　　　               all slider wrap　*/

.all_slider_wrap{
	position:relative;
	    margin-top: 95px;
	
}
.all_slider_wrap:before{
	content:"";
	display:block;

    width: 26%;
    height:calc(100% + 200px);
    position: absolute;
    left: 0;
    top: -200px;
    //z-index: 200;
	z-index: -10;
    background:url(images/bg_situkan_01.png) repeat #ACDAD8;

}



/*　　　　               top slider wrap　*/
.top_slider_wrap {
	margin-top:8px;
	
    //background:pink;
    background-size: cover;
    background-attachment: fixed;
    height: 100vh;
    text-align: center;
    position: relative;
	
	    //z-index: -1;
		z-index:0;
}



.main_logo{
	position:absolute;
	text-align:center;
	left: 9%;
	top: 47%;
	transform: translate(0, -50%);
	    z-index: 200;
		    max-width: 560px;
}

/*　　　　               top slider wrap　*/








/*   　top slider  下　*/
.top_slider_sita{
	background:#f4f4f4;
	padding:100px 0;
	position:relative;
	
	
}
.top_slider_sita:before{
	content:"";
	display:block;

    width: 26%;
    height:100%;
    position: absolute;
    left: 0;
    top: 0;
    //z-index: 200;
	//z-index: -10;
    background:url(images/bg_situkan_01.png) repeat #ACDAD8;

}





.top_slider_sita .inner{
	display:flex;
	justify-content: space-between;
    flex-wrap: wrap;
	background:#f4f4f4;
	
	
}


/*   kotei　bxslider　*/
.kotei_slider_wrap{
	width:65%;
	    height: auto;
	position:relative;
	
	    z-index: 201;
		
}

.bx-wrapper{
	margin-bottom:0!important;
	    box-shadow:none!important;
    border:none!important;
    background: #fff;
}



.kotei_text{
	text-align:center;
	position:absolute;
 top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index:999;
  
          height: 132px;
	  font-weight:bold;
	  color:#fff;
}

.kotei_text .kt_01{
	    font-size: 20px;
	
}
.kotei_text .kt_02{
    font-size: 36px;
    letter-spacing: 2px;
	    line-height: 1;
	
	
}
.komoji_01{
	display:inline-block;
	border-bottom:solid 2px #fff;
		font-size: 16px;

}

.komoji_02{
	display:block;
	font-size: 16px;
    margin-top: 5px;
}



.big_date{
	width:35%;
	text-align:center;
	text-transform:uppercase;
	    align-self: center;
}

.big_date span{
	display:block;
	    font-size: 24px;
		letter-spacing:3px;
		line-height:0.8;
}
.big_date .big_date_02{
    font-size: 120px;
    font-weight: bold;
    margin: 15px 0 26px 0;
    letter-spacing: -4px;	
}

/*     sidebar       */

.widget-title{
	text-align:center;
	font-size:20px;
}
.widget-title span{
	display:block;
	font-size:14px;
	font-weight:normal;
}
.home .wpp-list li{
	padding:10px 0;
	
}
.home .wpp-post-title{
	font-size:13px;
	line-height:1.4;
	//display:inline-block;
}
.wpp-thumbnail {
    margin-right: 15px;
}












/*  ranking カウンター　*/
.home .wpp-list {
    counter-reset: wpp-ranking;
}
.home .wpp-list li{
	position:relative;
}
.home .wpp-list li:before {
    color: #FFF;
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    text-align: center;
    opacity: 0.999;
    line-height: 19px;
    width: 20px;
    height: 20px;
    background-color: #ACDAD8;
    border-radius: 0px;
    position: absolute;
    left: 0;
    top: 10px;
	}
	
	
/*  tab */





/*    共通　*/
.ps_warp{
	padding-top:80px;
}

body.column-2l .main-content-site{
    float: left;
    width: 72%;
	padding:0 70px 0 0;
	border-right:solid 1px #ddd;
}
body.column-2l .sidebar-left {
    float: right;
    width: 28%;
	padding-left:65px;
}

.top_box{
	padding:80px 0;
}
.post_2column,
.big_post{
	display:flex;
	//justify-content: space-between;
    flex-wrap: wrap;
}

.post_2column > li{
	flex-basis: 50%;
	max-width:50%;
	margin-bottom:50px;
	
	
	
}
.post_2column > li:nth-of-type(odd){
	padding-right:25px;
	
}
.post_2column > li:nth-of-type(even){
	padding-left:25px;
	
}

.widget-title {
    font-size: 26px;
    padding-bottom: 20px;
}

.big_post{
    width: 100%;
	margin-bottom:80px;
	background:#fff;
}
	
.big_post .thumb,
.big_post .text{
	flex-basis: 50%;
	max-width:50%;
	 align-self: center;
	 
}

.big_post .thumb {
    position: relative;
    width: 100%;
	overflow:hidden;
}
.big_post .thumb:before {
    content:"";
    display: block;
    padding-top: 67%; /* 高さを変更する */
}
.big_post .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin:auto;
    max-width:100%;
    height:auto;

}
.big_post .text{
	padding:60px;
}
.post_4column {
	border-bottom:solid 1px #ccc;
}
.post_4column .normal_post,
.related_post > li{
	display:inline-block;
	width:22.9%;
	vertical-align:top;
	margin-right:2.3%;
	margin-bottom:50px;
	
}
.post_4column .normal_post:nth-of-type(4n+1){
	margin-right:0%;
}

.post_2column .thumb,
.post_4column .thumb,
.related_post .wp_rp_thumbnail{
	overflow:hidden;
}

.post_2column .thumb img,
.post_4column .thumb img,
.related_post .wp_rp_thumbnail img {
  margin-left: 20px;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  transition: .3s ease-in-out;
}
.post_2column .thumb:hover img,
.post_4column .thumb:hover img,
.related_post .wp_rp_thumbnail:hover img {
  margin-left: 0;
}





.top_box .midasi{
	text-align:center;
	margin-bottom:50px;
	    text-transform: uppercase;
}
.top_box .midasi span{
	display:block;
	    line-height: 1;
}
.moji_01{
	font-size:40px;
	font-weight:bold;
	margin-bottom:15px;
	    text-transform: uppercase;
	
}
.moji_01 .kuru{
	display:inline-block!important;
	
  //animation: r7 5s linear infinite;
}
 
@keyframes r7 {
  0%  { transform: rotateY(0deg); }
  10% { transform: rotateY(360deg);
  }
  20% { transform: rotateY(0deg);
 }
  100% { transform: rotateY(0deg); }
  
  
  
}


.top_cat_post .midasi{
	color:#fff;
	position:relative;
	margin-bottom:80px;
}
.top_cat_post .midasi:after {
    position: absolute;
    left: 50%;
      bottom: -58px;
    display: block;
    content: "";
    width: 1px;
    height: 40px;
    background-color: #FFF;
    opacity: 0.5;
}



.top_cat_post{
	position:relative;
	
	
	
	
}
.top_cat_post:before{
	
	content:"";
	display:block;
	width:100%;
	height:400px;
	
	position:absolute;
	left:0;
	top:0;
	    z-index: -1;
		
    background-image: url(images/bg_building_01.png),url(images/bg_situkan_01.png);
    background-repeat: no-repeat,repeat;
    background-position: right -85px top -40px, center center;
    background-color: #ACDAD8;
	
		
		
	

}
/*  more */
.more{
	text-align:center;
	margin-top:50px;
}
.more a{
	    display: inline-block;
    padding: 10px 0;
	position:relative;
}
.more a:after {

    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #333;
    content: "";
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;

}


.more a:after {
    transform: scaleX(1);
}

.more a:hover:after {
    animation: moveLineLeftToRight 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}




@keyframes moveLineLeftToRight {
    0% {
        transform: scaleX(1);
        transform-origin: right center;
    }
    49.9% {
        transform: scaleX(0);
        transform-origin: right center;
    }
    50% {
        transform: scaleX(0);
        transform-origin: left center;
    }
    100% {
        transform: scaleX(1);
        transform-origin: left center;
    }
}







/*  pickup   */
.top_pickup{
	padding-top:0px;
}

/*   top カテゴリー別　post　*/

.top_cat_post_02:before {
    background-color: #EB9888;
	    background-position: left -85px top -40px, center center;


}
.top_cat_post_03:before {
    background-color:#E3AF01;
	
}



.top_cat_post_05:before{
    background-color: #dbca86;
	    background-position: left -85px top -40px, center center;
}
.top_cat_post_04:before{
    background-color: #DE6897;
}







.post_2column .title,
.top_cat_post .title,
.post_4column .title{
	font-weight:bold;
	margin:10px 0;
	
}

.post_2column .text,
.top_cat_post .text,
.post_4column .text{
	margin-top:10px;
	position:relative;
}

.post_2column {
    padding-left: 10px;
}

.post_2column .cat,
.normal_post .cat,
.post_4column .cat {
    position: absolute;
    top: -51px;
    left: -9px;
}

.big_post .cat{
    display: inline-block;	
	top:32px;
	    left: 60px;
}





.cat .label{
	font-weight:bold;
	font-size:13px;
	display:block;
	color:#fff;
    padding: 5px 15px 5px 15px;
    line-height: 1;
	
}






.label-pickup{
	display:none!important;
}
.label-buy_method{
		background:#ACDAD8;
}
.label-knowledge{
	background:#EB9888;
}
.label-choose_consultant{
	background:#E3AF01;
}
.label-customer_case{
	background:#DE6897;
}
.label-column{
	background:#dbca86;
}


.post_2column .date,
.top_cat_post .date,
.post_4column .date{
	font-size:11px;
	color:#ccc;
}

.big_post .title{
	font-size:21px;
}


/*                                           固定ページ　*/

body.page #main {
    padding-top: 92px!important;
}
/*       プロフィール　*/

.page-id-7 #main{
	padding-bottom:0!important;
}

.prf_01{
	position:relative;
	background:url(images/prf_bg_01.jpg) no-repeat center center;
	background-size:cover;
	padding:100px 70px;

}
.prf_R{
    position: absolute;
    left: 633px;
    bottom: 100px;
	
}
.prf_img_01{
	//position:absolute;
	//left:10%;
	//top:10%;
}
	
.prf_text{
	margin-top:50px;
	line-height:2;
	font-weight:bold;
}
.prf_icon{
	display:flex;
	justify-content: space-between;
    flex-wrap: wrap;
	
	
}
.prf_icon li{
	flex-basis: 32%;
	max-width:32%;
	text-align:center;
    border: solid 1px #7fc1be;
		background:rgba(255,255,255,0.7);
	
}

.prf_02{
    padding: 100px 70px;
    position: relative;
    background: url(images/prf_bg_02.jpg) no-repeat left -24% bottom -132px;	
	

}
.prf_L{
    position: absolute;
    right: 695px;
    bottom: 100px;
    width: 700px;
	
}
.prf_img_02{
	float:right;
}

.common_table{
	width:100%;
		border:none;

}
.prf_table tr{
	border-top:dashed 1px #ccc;
	border-bottom:dashed 1px #ccc;

}
.prf_table th,
.prf_table td{
	border:none;
	background:none;
	vertical-align:middle;
	padding:15px 20px;
	line-height:1.7;
			background:rgba(255,255,255,0.7);

	
}

.prf_table th{
	font-weight:bold;
	    color: #EB9888;
		width:27%;
}



.gglmap iframe{
	width:100%!important;
	max-width:100%!important;
	vertical-align:bottom;
}


/*　　　　　　　　　　　お問合せ　*/
.contact_box{
    position: relative;
    background: url(images/contact_bg_01.jpg) no-repeat center center;
    background-size: cover;
    padding: 100px 70px;
	}
	
	
	
	
	
/* お問い合わせフォーム　各種 */



.mw_wp_form{
	max-width:1000px;
	margin:0 auto;
	margin-top: 100px;
	
	
}
#submit-button{
	text-align:center;
	margin-top:50px;
	
}


.mailform-tbl th,
.mailform-tbl td{
	padding:10px;
	background:none;
	border:none;
}

.mailform-tbl th{
	width:28%;
	color:#E3AF01;
	font-weight:bold;
	text-align:right;
	padding-right:60px;
	
	position:relative;
}

.mailform-tbl th:after{

    content: "";
    display: block;
    width: 1px;
    height: 15px;
    background: #E3AF01;
    position: absolute;
    right: 25px;
    top: 0;
    bottom: 0;
    margin: auto;
	
	transition: all 0.2s ease-out 0s;
	
	
}
.mailform-tbl tr:focus th:after,
.mailform-tbl tr:hover th:after{
    height: 40px;
}
.mailform-tbl .error{
	font-weight:bold;
}

.req{
	position:absolute;
	left:0;
    top: 0;
    bottom: 0;
    margin: auto;
	
	
	
	
	background:#b52b2b;
	font-size:12px;
	font-weight:bold;
	height:20px;
	line-height:20px;
	color:#fff;
	    padding: 0 15px;
}




input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover{
	box-shadow:inset 0 0 3px 3px rgba(227, 175, 1, 0.21);
}

input[type="submit"], input[type="reset"], input[type="button"] {
    width: 200px;
    padding: 20px 15px;
    background: #E3AF01;
    margin: 0 5px;
    border: none;
    border-radius: 0;
    color: #fff;
    letter-spacing: 2px;
    font-size: 18px;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover{
    opacity:0.8;
cursor:pointer;
}
button,
input,
select,
textarea {
	    font-family: 'Cantarell', Helvetica, Arial, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 400;
	font-size:16px;
	
	transition: all 0.2s ease-out 0s;


}

input[type="text"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="number"],
textarea,
select{
	border-radius:0;
    border: solid 1px rgba(227, 175, 1, 0.3);
			padding:10px;
}
textarea{
	width:100%;
}


/*　　確認画面　完了画面　*/
.contact_tips{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	line-height:2;
	margin-top:100px;
}

.mw_wp_form_confirm {
	    max-width: 935px;
}







/*.cf7{
    border:none!important;
}
.cf7 input{

font-family: Lato, "Noto Sans Japanese", メイリオ, Meiryo, Osaka, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}
.cf7 tr{
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
margin-top: -1px;    
    
}
.cf7 th,
.cf7 td{
    border:none;
    padding:20px 10px;
}
.cf7 th{
    width:250px;
    background:none;
    text-align:left;
    vertical-align:top;
    
}

.cf7 .req{
    color:red;
    font-weight:bold;
}

.cf7 .input_small input{
    width:50px;
    display:inline-block;
    vertical-align:initial;
    margin:0 10px;
    height:23px;
}
.cf7 .input_medium .wpcf7-list-item {
    display:block;
}

.cf7 .input_medium .wpcf7-free-text{
    width:150px;
    display:inline-block;
    vertical-align:initial;
    margin:0 10px;
        height:23px;

}
.cf7 .input_small_calendar input{
    width:200px;
    display:inline-block;
    vertical-align:initial;
    margin:0 10px;
}
.cf7 .select_small select{
    width:70px;
    display:inline-block;
    vertical-align:initial;
    margin:0 10px;
}
.text-xs-center {
    text-align: center;
    margin-bottom:100px!important;
}

input[type="submit"], input[type="reset"], input[type="button"] {
    width: 120px;
    padding: 10px 15px;
    background: #133f0c;
    margin: 0 5px;
    border:none;
    border-radius:3px;
    color:#fff;
    letter-spacing:2px;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover{
    opacity:0.8;
cursor:pointer;
}
button,
input,
select,
textarea {

}

input[type="text"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="number"],
textarea {
		border:solid 1px #ccc;
		padding:5px;
}
textarea{
	width:100%;
}*/
/*　　　　　　　　　　　　　　　　　　　　archive single　*/
body:not(.home) .header_nav_inner{
	z-index:301;
}

body:not(.home) .logo {
    top: 10px;
}
body:not(.home) .fixHeader .logo {
		animation:none;
    animation: archive_fixlogo 0.5s ease-out 0s 1 forwards;
}
body:not(.home) .NonfixHeader .logo{
	animation:none;
    animation: archive_NonfixHeader 0.5s ease-out 0s 1 forwards;
}
/* logo anime　*/
@keyframes archive_Nonfixlogo {
  0% {
	  opacity:1;
    top: 5px;
  }
  100% {
	  opacity:1;
    top: 10px;
  }
}

@keyframes archive_fixlogo {
  0% {
	  opacity:1;
    top: 10px;
  }
  100% {
	  opacity:1;
    top: 5px;
  }
}









body:not(.home) .main-content-site{
	float:none;
	width:100%;
	padding:0;
}
.article-group .post_4column .normal_post,
.single_loop_post .post_4column .normal_post{
    margin-right: 2.3%;
}
.article-group .post_4column .normal_post:nth-of-type(4n),
.related_post > li:nth-of-type(4n),
.single_loop_post .post_4column .normal_post:nth-of-type(4n){
    margin-right: 0%;
}

body:not(.home) #main{
	padding-top:150px;
	padding-bottom:100px;
	

}

body.archive .main-content-header .main-content-title{
	text-align:center;
	border-bottom:solid 1px #ccc;
	padding-bottom:70px;
	margin-bottom:90px;
	
	
}

body.archive .post_4column {
    border-bottom:none;
}

.moji_02 {
    display: block;
    line-height: 1;
	font-size:16px;
}
   

/*  single */
/*  バナー*/

.single_banner{
	text-align:center;
	margin:50px 0
}
.single_sp_banner{
	display:none;
}


body.single #layout #main {
    padding-top: 95px;
}
.w1080{
	max-width:1080px;
	margin:0 auto;
	padding:0 60px;
}

div.attachment{
	text-align:center;
width: 100%;
    max-width: 1440px;
    margin: 0 auto;	
	
}
div.attachment img{
	width:100%;
	height:auto;
}



.title_area_wrap{
	    border-bottom: solid 1px #ccc;
}
.title_area{
	display:flex;
	justify-content: space-between;
    flex-wrap: wrap;
	padding:50px 60px;
}
.title_area .st_L{
	flex-basis: 65%;
	max-width:65%;
 align-self: center;
 border-right:solid 1px #ccc;
 padding-right: 20px;	
	
}
.title_area .st_R{
	flex-basis: 35%;
	max-width:35%;
 align-self: center;	
}

.title_area .main-content-title{
	font-size:24px;
	padding:10px 0;
}
.title_area .date{
    font-size: 11px;
    color: #ccc;
}
.title_area .cat {
    display: inline-block;
}

.single .entry-content{
    padding: 50px 60px;
	}
.entry-content h2 {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.4;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    letter-spacing: 0.02em;
}
.entry-content h3 {
	border-bottom:solid 1px #ccc;
	//margin-bottom:20px;
	padding-bottom:10px;
	font-size: 20px;
	    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;

	
}
/*  tag  */
.single_tag_list{
    padding-top: 60px;
    padding-bottom: 50px;
    text-align: center;	
}
.stl_title {
    font-size: 13px;
    font-weight: bold;
    opacity: 0.5;
    padding-bottom: 25px;
    letter-spacing: 2px;
    line-height: 1;
}

.single_tag_list li{
}
.single_tag_list a {
	vertical-align:top;
	display:inline-block;
    border: solid 1px #555;
    border-radius: 30px;
    padding: 0 10px;
    font-size: 11px;
    line-height: 28px;
    opacity: 0.5;
    transition: .3s ease;
	
	margin:4px;
}

.single_tag_list a:hover {
    opacity: 1;
}





/*  関連記事　*/
.single_loop_post {
	    border-top: solid 1px #ccc;
		padding:70px 0 50px 0;
	
}
.kanren .main-content-title,
.single_loop_post .midasi{
	text-align:center;
	    margin-bottom:50px;
}
.wp_rp_content{
	max-width:1320px;
	margin:0 auto;
}


.related_post .wp_rp_thumbnail{
	    display: block;
		margin-bottom:15px;
	
}
.wp_rp_title{
    font-weight: bold;
    margin: 10px 0;
	}
.wp_rp_category{
	display:block;
}
.wp_rp_publish_date{
	display:block;
	    font-size: 11px;
    color: #ccc;
}


.single_loop_post .post_4column{
	border:none;
	
}

















.sns_txt{
	position:relative;
	color:#2e2e2e;
	margin-right:70px;
}

.sns_txt:after {
position: absolute;
    right: -56px;
    top: 50%;
    display: block;
    width: 40px;
    height: 1px;
    content: "";
    background-color: #000;
    opacity: 0.5;
	}








/*      sns ボタン　*/
.sns_mini{
	text-align:left;
	padding-left:30px;
}


.sns_mini a{
	font-size:24px;
display: inline-block;
vertical-align:middle;
  position: relative;
  text-align: center;
  padding:0 6px;
  color:#222;

 
 }
.sns_mini a.line,
.sns_mini a.hatena{
	font-size:20px;
}

.sns_mini_sita{
    padding-left: 0;
    text-align: center;
	}

/*　pager */
.pager{
    text-align:center;
    margin-top:25px;
    margin-bottom:25px;
    }
a.page-numbers,
.pager .current{
    padding:5px 8px;
    margin:0 2px;
	    font-size: 30px;
		display:inline-block;
		vertical-align:middle;
}
.pager .current{
	border-bottom:solid 1px #000;
}

.pager a:hover{
	color:#000;
}
	

.pagenav .prev a, .pagenav .next a{
    width:50%;
    display:block;
    color:#ddd;
    }
.pagenav a{
    float:left;
}
.pagenav .next a{
    text-align:right;
}


/*　　目次　Easy Table of Contents　*/
div#ez-toc-container{
	margin-bottom:60px;
	margin-top:30px;
	    padding: 17px;
		    border-radius: 0;
			    border: 1px solid #ccc;
				
				background: #fff;
}
div#ez-toc-container:before{
content: "\f06a POINT";
    display: block;
    width: 100px;
    height: 30px;
    text-align: center;
    position: absolute;
    top: -23px;
    left: -13px;
    color: #fff;
    background: #a3cecc;
    line-height: 30px;
    letter-spacing: 1px;
    font-family: FontAwesome,'Cantarell', Helvetica, Arial, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    transform: rotate(-5deg);
}
	
#ez-toc-container .ez-toc-list{
}
#ez-toc-container a {
    position: relative;
    padding: 10px 5px 10px 48px;
    display: block;
    font-size: 16px;
    margin: 5px 0px;
    background: #f4f4f4;
}
#ez-toc-container a:visited {
    color: inherit;
}
#ez-toc-container.counter-decimal ul.ez-toc-list li a::before, .ez-toc-widget-container.counter-decimal ul.ez-toc-list li a::before {
    content: counters(item,".") ""!important;
    counter-increment: item;
    display: inline-block;
    height: 24px;
	padding:0 4px;
    position: absolute;
    background: #a3cecc;
    color: #fff;
    text-align: center;
    line-height: 24px;
	
	    position: absolute;
    left: 10px;
    top: 10px;
	
		width:25px;
}