/*
 Theme Name:   lightning-child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     lightning
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/
@import url('css/works.css');
.pc{display: block;}
.sp{display:none;}
.flex{display: flex;}
.topText{
	text-align: center;
}
.topText p{
	margin: 50px auto;
}
.row{
margin-left: 0;
margin-right: 0;
}
.fade-up{
	transition: all .75s;
}

@keyframes fade{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
/* ========================================
	社長あいさつ
========================================= */

div#wrapper_syatyoaisatsu{
display:block;
width:945px;
height:auto;
margin-right:280px;
margin-bottom:50px;
}

p.mobile-text{
}

div#mobiletitle{
display:none;
}
div#mobiletitle2{
display:none;
}

img.syatyoaisatsu {
width:100%;
height:auto;
margin-bottom:30px;
}

div.mobile-ver{
display:none;
}

.kangaekata1{
display:none;
}
.kangaekata2{
display:none;
}
.kangaekata3{
display:none;
}
.mobile-title4{
display:none;
}

.mobile-title5{
display:none;
}

hr{
display:none;
}

.square_btn{
display:none;
}

.button-contents-mobile{
display:none;
}

.mobile-title2{
display:none;
}

.mobile-title3{
display:none;
}

.mobile-title{
display:none;
}

video {
    width: 96.94%;
	margin: 100px auto 0;
    height: auto;
    background-size: cover;
    z-index: -100;
	animation: fade 3s;
}

.page-header {
border-bottom: 1px solid white;
}
/*=============================
	トップページアーカイブ
==============================*/
.archive{
	padding: 30px 0;
}
.archive-list{
	width: 96.94%;
	height: 78vw;
	margin: auto;
	display: grid;
	grid-template-columns: 23.125% 23.125% 23.125% 23.125%;
	grid-template-rows: 18% 18% 18% 18% 18%;
	grid-auto-flow: dense;
	grid-gap: 30px;
	opacity: 0;
	animation: fade 3s 1s forwards;
	box-sizing: border-box;
}
.archive-item{
	overflow: hidden;
	position: relative;
}
.archive-item .archive-filter{
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	transition: all 0.5s ease;
}
.archive-item:hover .archive-filter{
	background: rgba(0,0,0,0.65);
}
.archive-item .archive-filter p{
	text-align:center;
	position: absolute;
	top: 50%;
	width: 100%;
	color: rgba(255,255,255,0);
	transition: all 0.5s ease;
}
.archive-item:hover .archive-filter p{
	color: rgba(255,255,255,1);
}
.archive-image{
	position:absolute;
	transition: all 0.5s ease;
	width: 100%;
	height: 100%;
}
.archive-item:hover .archive-image{
	transform: scale(1.05);
}
/*アーカイブタグ*/
.archive-item .tag1,.archive-item .tag2,.archive-item .tag3{
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	max-width: 100%;
	padding: 5px;
	font-size: 1rem;
	color: #fff;
	z-index: 2;
	background: #3a3a3a;
}
/*アーカイブアイテム
.item1{
	grid-row: span 2;
	grid-column: span 2;
}
.item13{
	grid-row: 3/5;
	grid-column: 3/5;
}*/


/*アーカイブイメージ*/
.archive-list .item1 .archive-image{
	background:url(https://kabufuji.com/wp-content/uploads/2017/08/fukazawaShouten_noren.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.archive-list .item2 .archive-image{
	background:url(https://kabufuji.com/wp-content/uploads/2017/08/kaondouShouten_panphlet.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.archive-list .item3 .archive-image{
	background:url(https://kabufuji.com/wp-content/uploads/2021/11/sankodo.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.archive-list .item4 .archive-image{
	background:url(https://kabufuji.com/wp-content/uploads/2021/11/IMG_1719.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.archive-list .item5 .archive-image{
	background:url(https://kabufuji.com/wp-content/uploads/2017/08/SenjinSalto_label.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.archive-list .item6 .archive-image{
	background:url(https://kabufuji.com/wp-content/uploads/2021/11/shityo.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.archive-list .item7 .archive-image{
	background:url(https://kabufuji.com/wp-content/uploads/2017/08/PageBoy_card.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.archive-list .item8 .archive-image{
	background:url(https://kabufuji.com/wp-content/uploads/2021/11/IMG_1739.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.archive-list .item9 .archive-image{
	background:url(https://kabufuji.com/wp-content/uploads/2017/08/super-hotel_binder.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.archive-list .item10 .archive-image{
	background:url(https://kabufuji.com/wp-content/uploads/2017/08/A-1sportPlaza_riyouken.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.archive-list .item11 .archive-image{
	background:url(https://kabufuji.com/wp-content/uploads/2021/11/keimei_ss.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.archive-list .item12 .archive-image{
	background:url(https://kabufuji.com/wp-content/uploads/2021/11/IMG_1752.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.archive-list .item13 .archive-image{
	background:url(https://kabufuji.com/wp-content/uploads/2018/04/works0.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.archive-list .item14 .archive-image{
	background:url(https://kabufuji.com/wp-content/uploads/2019/06/web-inoue.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

/*=============================
	トップページニュース
==============================*/
.newsWrap{
	display: block;
	background: #f3f3f3;
	width: 100%;
	padding: 50px 0;
}
.newsWrap h2{
	border: none;
	background: none;
	text-align: center;
	font-size: 20px;
}

.newsItem{
	padding: 2%;
	box-sizing: border-box;
	min-height: 150px;
	background: #fff;
	font-size: 14px;
	margin-bottom: 20px;
	justify-content: flex-start;
	position: relative;
	color: #333;
	transition: all 0.5s ease 0s;
}
.newsItem:hover{
	background: #ebebeb;
	text-decoration: none;
	color: #333;
}
.newsItem .date{
	width: 14%;
	padding-left: 3%;
	font-size:14px;
}
.newsItem .date span{
	color: #888;
	font-size:16px;
}
.newsItem .image{
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width:150px;
	height:150px;
}
.newsItem .image .imageInner{
	transition: all 1s;
	background-size: cover;
	width:150px;
	height:150px;
}
.newsItem:hover .image .imageInner{
	transform: scale(1.05);
}
.more{
	border: 1px solid #c2c2c2;
	border-radius: 2px;
	box-sizing: border-box;
	text-align: center;
	display: block;
	width: 150px;
	line-height: 44px;
	margin:auto;
	transition: all .5s;
	color: #464646;
	text-decoration: none;
	margin-top: 40px;
}
.more:hover{
	color: #fff;
	background: #333;
	border: 1px solid #333;
	text-decoration: none;
}

/*=============================
	フッター
==============================*/
footer {
    background-color: #888;
	border-top: none;
}
footer .copySection p{
	line-height: 3em;
}
footer .copySection p a{
	color: #fff;
	cursor: pointer;
}

.sectionBox {
    padding-top: 3em;
    padding-bottom: 3em;
}

.home .siteContent {
    padding: 0em;
}

footer .footerMenu {
    border-top: none;
    border-bottom: none;
}

footer .copySection {
    border-top:none;
	color: #fff;
}
footer .footerContainer{
	justify-content: space-between;
	width: 100%;
	max-width: 1140px;
	margin: auto;
	color: #333;
}
footer .footerContainer>div{
	width: 33.33%;
}
footer .footerContainer .sns{
	font-size: 1.5em;
	justify-content: flex-end;
	height: auto;
}
footer .footerContainer .sns a{
	display: block;
	border-radius: 50%;
	background: #fff;
	color: #888;
	transition: 0.5s;
	height: 1.8em;
	line-height: 1.8em;
	width: 1.8em;
	text-align: center;
	margin-left: 0.8em;
	padding: 2px;
	box-sizing: border-box;
}
footer .footerContainer .sns a:hover{
	opacity: 0.5;
}

.page-header {
    background-color: white;
}

.page-header_pageTitle, h1.page-header_pageTitle:first-child {
    color: #222;
}

body .breadcrumb{
font-size: 13px;
}

.breadSection {
    border-bottom: 1px solid white;
}

.page-header_pageTitle{
margin: 30px 0 0px !important;
}

.siteContent {
    padding: 2em 0 2em;
}

.entry-body {
    padding: 1em 0 0em;
margin-bottom: 0em;
}

.syozaichi{
padding: 0em 0.5em;/*上下 左右の余白*/
margin-bottom:0.5em;
color: #333333;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 2px #E8551E;/*左線*/
}

.icon{
color:#E8551E;
}

.jusyo{
margin-bottom:0px !important; 
}

.denwa{
margin-bottom:7px !important; 
}

.entry-meta {
display:none;
}

.page-header {
    background-color: #F6F6F7;
    border-bottom: 1px solid #F6F6F7;

}

.breadSection {
    background-color: #F6F6F7;
    padding-bottom: 25px;
}

.button{
  display: inline-block;
  width: 170px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  margin-right:40px;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.button {
  position: relative;
  -webkit-perspective: 300px;
  perspective: 300px;
}
.button span {
  display: block;
  position: absolute;
  width: 170px;
  height: 60px;
  border: 2px solid #333;
  text-align: center;
  line-height: 56px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
  pointer-events: none;
}
.button span:nth-child(1) {
  background-color: #333;
  color: #fff;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 50% -30px;
  -moz-transform-origin: 50% 50% -30px;
  transform-origin: 50% 50% -30px;
}
.button span:nth-child(2) {
  background-color: #fff;
  color: #333;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform-origin: 50% 50% -30px;
  -moz-transform-origin: 50% 50% -30px;
  transform-origin: 50% 50% -30px;
}
.button:hover span:nth-child(1) {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.button:hover span:nth-child(2) {
  background-color: #333;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}

.button-contents{
text-align:center;
	width: 513px;
	margin: 40px auto 100px;
}

p{
margin-bottom:0em;
}

.idea-title{
margin-bottom:1em;
border-left: solid 2px #E8551E;/*左線*/
padding-left:10px;
}

.idea-sentence{
margin-bottom:3em;
}

.logonashi{
margin-right:40px;
margin-bottom:20px;
}

.logoari{
margin-right:40px;
margin-bottom:20px;
}

.kekka{
margin-bottom:40px;
}

.idea-topsentence{
margin-top:50px;
text-align:center;
line-height: 1.8em;
letter-spacing:1.6pt;
}

.idea-box1{
margin-bottom:45px;
}

.idea-box2{
width:513px;

margin:0 auto;
margin-bottom:45px;
}

.idea-box3{
width:513px;

margin:0 auto 45px;
}

.idea-box4{
margin-bottom:50px;
}

.idea-toptitle{
margin-bottom:15px;
}


#sample-text{
column-count: 3;
-moz-column-count: 3;
-webkit-column-count: 3;
}

.news-daily{
font-size:0.8em;
color:#E8551E;
}

.news-sentence{
font-size:0.9em;
margin-bottom:1em;
}

/* ========================================
	作品事例
========================================= */

.works section{
 margin-bottom: 30px;
}
.works section.logo,.works section.logo h2{
	margin-bottom: 0;
}
.works section .flex-box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.works section .flex-box a{
	display: block;
	text-align: center;
	margin-bottom: 30px;
}
.works section .works-web a{
	margin-bottom: 0;
	color: #000;
	font-size: 14px;
}
.works section .flex-box a[target="_blank"]{
	margin-top: 0px;
	margin-bottom: 50px;
}
/* ========================================
	ブログ
========================================= */
.media .media-body h1.entry-title,
.media .media-body h1.entry-title:first-letter,
.media .media-body p{
	color: #333;
}

.media{
	transition: all .5s;
}
.media:hover{
	background: #F6F6F7;
}
.media a:hover{
	text-decoration: none;
}
.media .media-body h1.entry-title{
	letter-spacing: 0.1em;
}
.media .media-body p{
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 1.7em;
}
ul.page-numbers li span.page-numbers.current{
	background:#333;
	border:1px solid #333;
}
ul.page-numbers li a, ul.page-numbers li span.page-numbers{
	color: #333;
}
.mokuji{
	max-width:500px;
	padding: 16px;
	border: solid 1px #CCC;/*目次表の枠線*/
	background-color: #f5f5f5;/*目次表の背景色*/
	text-align:left;
}
.mokuji p {
	margin: 0 0 0em;
}
#link1,#link1-1, #link1-2, #link1-3, #link1-4, #link1-5,#link2, #link2-1, #link2-2, #link2-3,#link2-4, #link2-5, #link3, #link3-1, #link3-2, #link3-3,#link3-4, #link3-5, #link4, #link4-1, #link4-2, #link4-3, #link4-4, #link4-5, #link5,#link5-1, #link5-2, #link5-3, #link5-4, #link5-5, #link6,#link6-1, #link6-2, #link6-3, #link6-4, #link6-5{
	margin-top:-100px;
	padding-top:100px;
}

.blog_margin{
	margin-bottom:50px;
}

/* ========================================
	個別投稿ページ(single.php)
========================================= */
.page-header{
	padding-bottom: 30px;
}
.mainSection header h1{
	font-size: 18px;
}
.mainSection header h1.entry-title:first-letter{
	color: #333;
}
div.sharedaddy h3.sd-title,div.sharedaddy h3.sd-title::after{
border:none;
}
.col-md-8{
	width: 100%;
}
.col-md-8 .entry-body p{
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 1.7em;
}
.col-md-8 .entry-body .veu_autoEyeCatchBox img{
	width: 100% !important;
}
.pager li > a{
	border: none;
	color: #333;
	width: auto;
}
.pager li > a:hover{
	background: #333;
}
/*メール管理お問い合わせ*/
.text2,.text3,.input4{
	display: none;
}

/* ========================================
	ウィンドウ幅が0〜768pxの場合に適用するCSS
========================================= */

@media screen and ( max-width:768px )
{

.pc{display: none;}
.sp{display: block;}

/* ========================================
	フッター（モバイル）
========================================= */
	footer .footerContainer{
		flex-direction: column;
	}
	footer .footerContainer div{
		width: 100%;
	}
	footer .footerContainer .copySection{
		order: 3;
	}
	footer .footerContainer .sns{
		justify-content: center;
	}
/* ========================================
	トップ（モバイル）
========================================= */

div#mobiletitle{
display:block;
width:300px;
height:auto;
margin:6em auto 3em;
text-align: center;
}

.mobile-title{
display:block;
font-size:1.2em;
line-height: 1.6em;
}

.mobile-title2{
display:block;
margin-top:2.5em;
font-size:0.8em;
}


.mobile-title3{
display:block;
margin-top:1em;
font-size:0.8em;
}

div#mobiletitle2{
display:block;
width:280px;
height:430px;
margin:3em auto;
}


.newsItem{
	flex-direction: column;
}
.newsItem .date{
width: 90%;
margin: auto;
}
.newsItem .news{
width:90%;
margin: auto;
}
.newsItem .image{
position: static;
width: 90%;
margin: auto;
}
	
/*=============================
	トップページアーカイブ(モバイル)
	.archive-list{
		width: 95%;
		height: 200vh;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: auto;
	}
==============================*/
	.archive-item:hover .archive-filter p{
		font-size: 0.6em;
	}
	.archive-item{
		width: 48%;
		height: 13%;
	}
	.newsItem .image{
		margin: auto;
	}

/* ========================================
	ボタン（モバイル）
========================================= */

.button1{
  display: inline-block;
  text-decoration: none;
  background: #F1F1F1;
  color: #9A9A9A;
  width: 110px;
  height: 110px;
  line-height: 110px;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  transition: .4s;
  float:left;
  margin-left:15px;
  margin-right:15px;
  margin-bottom:30px;
}

.button1:hover{
    background: #E8551E;
color:white;
text-decoration: none;

}

/* ========================================
	社長あいさつ（モバイル）
========================================= */
img.syatyoaisatsu{
margin:0px;
}

div#wrapper_syatyoaisatsu{
display:block;
width:300px;
height:auto;
margin:1em auto 3em ;
}

p.mobile-text{
font-size:0.8em;
margin-bottom:1.2em;
}

/* ========================================
	考え方（モバイル）
========================================= */
div.pc-ver{
display:none;
}

div.mobile-ver{
display:block;
}


p.kangae-title{
font-size:1.2em;
line-height: 1.6em;
margin-bottom:2em;
margin-top:3em;
}

p.kangae-text{
font-size:0.8em;
margin-bottom:4em;
}

div#kangaetitle2{
width:100%;
height:auto;
margin:3em auto 50px;
justify-content: space-between;
}

.kangae-button{
	display: block;
	transition: .4s;
	background: #9A9A9A;
	color: #F1F1F1;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	min-width: 80px;
	padding: 5px 10px;
	box-sizing: border-box;
	font-size: 10px;
}

.kangae-button:hover{
    background: #E8551E;
	color:white;
	text-decoration: none;
}
/* ========================================
	ブログ（モバイル）
========================================= */
	.media .postList_thumbnail{
		float: none;
		width: 100%;
		padding: 0;
		margin: auto;
	}
	.media .media-body h1.entry-title{
		margin-top: 15px;
	}

hr{
	display:block;
}

.clear {
	clear:both;
}
}

/* ========================================
	上書き修正
========================================= */
body {
    font-family: 'NotoSans', sans-serif;
	font-weight: 300;
}
.siteHeader {
	box-shadow: none;
}
br.tab {
	display: none;
}
@media screen and ( max-width:768px ) {
	br.tab {
		display: block;
	}
}