/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: //theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/**------------------------------------------------------------
	逶ｮ谺｡
	00. 荳€闊ｬ縺ｮ繧ｹ繧ｿ繧､繝ｪ繝ｳ繧ｰ
	01. TOP
	02. CONCEPT
	03. FLOW
	04. WORKS
	05. CONTACT
	06. NEWS
------------------------------------------------------------**/

.centerize {
	text-align: center;
}

.mb0 {margin-bottom:0;}
dd{
	margin-bottom:0 !important;
	-webkit-margin-start: 0;
}

div#wrapper,div#main{
	background-image:url("//www.kobo-s.jp/wp-content/uploads/2016/04/bg_content-1.png");
	background-repeat:repeat;
}

#side-header, .fusion-header, .layout-boxed-mode .side-header-wrapper, .side-header-background{
	background-color:none !important;
}
a:hover{
	color:#666666 !important;
	text-decoration:underline;
}

.fusion-header{ background-color:#FFF!important; }

span.menu-text {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin-top: -10px;
    margin-bottom: 10px;
}

span.menu-text > span {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;

    position: absolute;
    text-align:center;
    top: 75%;
    left: 50%;
    transform: translate(-50%,-50%);
}

@media only screen and (max-width: 800px) {
    span.menu-text { font-weight: 400;}
    span.menu-text > span { display: none }
}

/*

.fusion-header{
	background-color:rgba(0,0,0,0) !important;
	background-image: url("//www.kobo-s.jp/wp-content/uploads/2016/04/bg_header.png") !important;
	background-size: 100% 100%;
	background-position:center top;
	width:100%;
}
#menu-gnavi .menu-item a{
	width:100px;
	background-position:center center;
	background-repeat:no-repeat;
	transition: all 0.2s ease-in-out;
}
#menu-gnavi .menu-item a span{
	display:none;
}
li#menu-item-66 a { background-image: url("//www.kobo-s.jp/wp-content/uploads/2016/05/nav_01.png"); }
li#menu-item-65 a { background-image: url("//www.kobo-s.jp/wp-content/uploads/nav_02.png"); }
li#menu-item-247 a { background-image: url("//www.kobo-s.jp/wp-content/uploads/2016/05/nav_03.png"); }
li#menu-item-63 a { background-image: url("//www.kobo-s.jp/wp-content/uploads/2016/05/nav_04.png"); }
li#menu-item-62 a { background-image: url("//www.kobo-s.jp/wp-content/uploads/2016/05/nav_05.png"); }

*/


.fusion-footer-copyright-area {
    background: url(//www.kobo-s.jp/wp-content/uploads/2016/05/bg_footer.png) center center;
}

.news_box .fusion-column-wrapper{
	min-height:355px;
	padding:0;
	position: relative;
	background-color: #ffffff;
	border: 4px solid #c69c6d;
}
.news_box ul{
	padding-top:15px;
}
.news_box li{
	list-style:none;
	font-size:1.1em;
	font-weight:bold;
	border-bottom:dotted 2px #C69C6D;
	margin-top:20px;
	margin-right:40px;
	padding-bottom:10px;
}
.news_box .ichiran{
	position: absolute;
	bottom:15px;
	right:40px;
}
.about_box .fusion-column-wrapper{
	background-size: 100% 100%!important;
}
.about_box dl{
	line-height:2em;
	overflow:hidden;
}
.about_box dt{
	float:left;
}
.about_box dd{
	margin-left:120px;
	margin-bottom:10px;
}

.content_box{
	background-color: #ffffff;
	padding竏稚op:20px;
}
.content_box h3{
	color: #ffffff!important;
	background-color: #666666;
	font-size: 1.3em;
	font-weight: bold!important;
	letter-spacing: 1px;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 40px;
	margin-top: 0;
}

.content_box .contact_btn{
	text-align:center;
}

.side_contact{
	width: 100%;
	max-width: 280px;
	height:270px;
	background-image: url("//www.kobo-s.jp/wp-content/uploads/2016/05/bg_bnr_contact.png");
	background-repeat: no-repeat;
	position: relative;
	margin-bottom: 15px;
}
.side_contact a img {
	position: absolute;
	bottom: 24px;
	left: 50%;
	transform: translate(-50%);
}

.k-main-title {
	display: block;
	margin: 20px auto;
}

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

.fade { 
	opacity: 1;
	transition: all 0.1s ease-in-out;
}
.fade:hover {
	opacity: 0.7;
} 

@media only screen and (max-width: 800px) {
	.for-pc { display: none; }
	.for-sp { display: block; }

	.fusion-header{ background: #999; }
	.fusion-logo { width: 200px; }

	.fusion-mobile-menu-icons a {
    		border: 1px solid #DADADA;
		border-radius: 4px;
    		padding: 5px 3px 5px 5px;
		font-size: 28px;
		text-decoration: none!important;
	}
}

/**------------------------------------------------------------
	01. TOP
------------------------------------------------------------**/

.main-content-box {
	position: relative;
}

.k-breadcrumbs {
	position: absolute;
	top: -20px;	
	font-size: 0.9em;	
}

.concept-nav .fusion-layout-column { margin-right: 1.5%; }
.concept-nav .fusion-column-last { margin-right: 0; }
.concept-nav .fusion-one-fifth { width: 18.8%; }

.concept-box {
	margin-bottom: 20px;
}
.concept-box-number {
	width: 130px;
	float: left;
}
.concept-box h3 {
    	font-size: 26px!important;
    	font-weight: bold!important;
	line-height: 1.35em!important;
	margin: 10px 0 20px;
    	text-shadow: 0 5px 0 #EEE;
}
.concept-box-text {
	float: left;
    	padding: 15px 10px;
	width: calc(100% - 130px);
    	height: 202px;
    	border: solid #276572;
    	border-width: 5px 5px 5px 0;
	font-size: 15px;
	line-height: 1.45em;
}

.contact-button img{
	display: block;
	margin: 0 auto 20px;
}

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

	div#main {
    		padding-left: 10px!important;
    		padding-right: 10px!important;
	}	
	.concept-nav {
		padding: 10px!important;
	}
	.concept-nav .fusion-row {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	}
	.concept-nav .fusion-one-fourth,
	.concept-nav .fusion-one-fifth {
		width: 48%!important;
		margin-right: 2%!important;
		margin-bottom:-15px!important;
		text-align: center;
	}
	.concept-nav .fusion-column-last { margin-bottom: 15px!important; }
	.concept-box-number {
		width: 100%;		
		float: none;
	}
	.concept-box-text {
		width: 100%;
		height: inherit;
		border-width: 5px;
	}	

	.design-nav .fusion-one-third {
    		width: 32%!important;
    		margin-right: 2%!important;
	}
	.design-nav .fusion-one-third:nth-of-type(3) { margin-right: 0!important; }

	.news_box .fusion-column-wrapper {
		max-width: 525px;
    		margin: 0 auto;
	}
}



/**------------------------------------------------------------
	03. FLOW
------------------------------------------------------------**/

.k-column-box {
	padding: 30px 15px;
}
.k-column-box strong{ 
	display: block;
	font-size: 18px;
	line-height: 1.45em;
	margin-bottom: -15px;
}

.k-column-box img {
	display: block;
}

.half-column {
	float: left;
	width: 48%;
	margin-right: 2%;
	margin-bottom: 10px;
}
.half-column:nth-child(2n) {
	margin-right: 0!important;
}

.onethird-column {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 10px;
}
.onethird-column:nth-child(3n) {
	margin-right: 0!important;
}

.sharp-left {
    transform: skewX(15deg) translateX(-40px);
    overflow: hidden;
}
.sharp-left img {
    transform: skew(-15deg) translateX(40px);
}

.sharp-right {
    transform: skewX(-15deg) translateX(40px);
    overflow: hidden;
}
.sharp-right img {
    transform: skew(15deg) translateX(-40px);
}



@media only screen and (max-width: 800px) {
	.k-column-box {
		padding: 0 15px;
		margin-bottom: 20px;
	}
	
	.half-column, .onethird-column {
		width: 100%;
	}

	.sharp-left, .sharp-left img,
	.sharp-right, .sharp-right img {
    		transform: none!important;
	}
}


/**------------------------------------------------------------
	04. WORKS
------------------------------------------------------------**/

.works-info-box {
	font-size: 17px;
    	line-height: 1.45em;
	border-style: solid;
	border-width: 32px 27px;
	-moz-border-image: url(//www.kobo-s.jp/wp-content/uploads/text-frame.png) 32 27 repeat;
	-webkit-border-image: url(//www.kobo-s.jp/wp-content/uploads/text-frame.png) 32 27 repeat;
	-o-border-image: url(//www.kobo-s.jp/wp-content/uploads/text-frame.png) 32 27 repeat;
	border-image: url(//www.kobo-s.jp/wp-content/uploads/text-frame.png) 32 27 fill repeat;
}

.k-column-box.works-column {
	padding: 5px 15px;
}

.k-sidenav {
    border: 2px solid #276572;
    max-width: 280px;
    margin: 0 0 -20px;
    background: #FFF;
}

.k-sidenav h3 {
    display: block;
    background: #276572;
    color: #FFF!important;
    margin: 0;
    padding:12px;
}

.k-sidenav li {
    border-bottom: 1px dotted #CCC
}

.k-sidenav li a {
    display: block!important;
    line-height: 1.45em;
    padding: 12px;
    text-decoration: none!important;
    transition: all 0.1s ease-in-out;
}

.k-sidenav li a:hover {
    background: #EEE;
}


@media only screen and (max-width: 800px) {
	.k-sidenav {
    		width: 100%;
    		max-width: 100%
	}
}

/**------------------------------------------------------------
	05. CONTACT
------------------------------------------------------------**/

.contact-table {
    color:  #333;
    font-size: 18px;
    line-height: 1.45em;
}

.contact-table th,
.contact-table td {
	vertical-align: top;
   	padding: 10px 25px 10px 0;
}

.kome {
    color: #c70c32;
}

.small-note {
    font-size: 14px;
}

.contact-table .short { width: 300px!important; }
.contact-table .long {	width: 600px!important; }

.wpcf7-form input[type="submit"], .wpcf7-submit {
	font-size: 24px!important;
    line-height: 1.45em!important;
    width: 200px;
    margin: 30px auto 0;
    display: block;
}

.wpcf7-form .wpcf7-not-valid-tip {
    display: block;
    font-size: 0.8em;
}



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

	.contact-table th, .contact-table td {
    		display: block;
	}
	.contact-table th {
		padding-bottom: 0!important;
	}

	.contact-table .short { width: 100%!important; }
	.contact-table .long {	width: 100%!important; }

}


/**------------------------------------------------------------
	06. NEWS
------------------------------------------------------------**/

.news-page {
	max-width: 800px;
	background: #FFF;
	border: 5px solid #c69c6d;
	margin: 0 auto;
}
.news-page.archive {
	background: #c69c6d;
	padding: 0;
}

.news-page .post {
	padding: 0 25px;
}

.news-page .entry-title {
	display: block;
	font-size: 24px;
	line-height: 1.45em;
	color: #c69c6d;
	border-bottom: 3px double #c69c6d;
	margin-bottom: 5px;
}

.news-page .entry-date {
	display: block;
	margin: 0 auto 30px;
}

.news-page .post-content,
.news-page .post-content p {
	font-size: 16px;
	line-height: 1.45em;
}

/* Contact Form 7 繝輔か繝ｼ繝�繝輔ぅ繝ｼ繝ｫ繝峨�繝輔か繝ｳ繝郁牡繧帝ｻ偵↓螟画峩 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="number"],
.wpcf7 input[type="date"],
.wpcf7 input[type="file"],
.wpcf7 textarea {
    color: #000000 !important; /* 繝輔か繝ｳ繝郁牡繧帝ｻ偵↓險ｭ螳� */
}

/* Contact Form 7 繝励Ξ繝ｼ繧ｹ繝帙Ν繝€繝ｼ縺ｮ濶ｲ繧帝ｻ偵↓螟画峩 */
.wpcf7 input[type="text"]::placeholder,
.wpcf7 input[type="email"]::placeholder,
.wpcf7 input[type="url"]::placeholder,
.wpcf7 input[type="tel"]::placeholder,
.wpcf7 input[type="number"]::placeholder,
.wpcf7 input[type="date"]::placeholder,
.wpcf7 input[type="file"]::placeholder,
.wpcf7 textarea::placeholder {
    color: #000000 !important; /* 繝励Ξ繝ｼ繧ｹ繝帙Ν繝€繝ｼ縺ｮ濶ｲ繧帝ｻ偵↓險ｭ螳� */
}