/* =============================================================================
Theme Name: Phlox
Theme URI: http://phlox.pro/
Author: averta
Author URI: http://www.averta.net
Description: Phlox is a modern, lightweight and customizable theme perfect for almost any type of website including, blog, portfolio, business, agency, news & magazine, food & restaurant, travel, and photography as well as WooCommerce storefront. What makes the Phlox unbeatable is being fast, truly responsive, translation ready, RTL layout, built with SEO in mind, professional portfolio features, 30 exclusive widgets and elements, 19 demo sites for one-click import, WooCommerce Ready, WPML ready, 100% GDPR compliance, reliable with regular updates, and also integrated with Elementor, Visual Composer and SiteOrigin page builders. Phlox is architect from scratch by the team behind the famous "Master Slider" project, so relax and be assured that you are supported by a good company. Phlox is the only theme that you have ever need to use and look no further. Start exploring the demos: http://demo.phlox.pro/default/
Version: 2.4.13
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column,two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, custom-menu, custom-colors, editor-style, featured-images, featured-image-header, footer-widgets, full-width-template, post-formats, sticky-post, theme-options, translation-ready, e-commerce, portfolio, food-and-drink, threaded-comments, custom-logo
Text Domain: phlox
==============================================================================*/

/*印刷設定
 * ****************************/
@media print {
	/*下の余計な白紙部分*/
	html, body {
		height: 0;
		margin-right:-35px;
		-ms-width:100%;
	}
	
    body {
		width:2000px;/*通常の画面を2000px分印刷する*/
		/*transform: scale(0.5);0.5倍の大きさで表示する*/
		-moz-transform: scale(0.5);
		-webkit-transform: scale(0.5);
		-ms-transform: scale(1.1);
		transform-origin: 0 0;/*画面"左0上0"から印刷を始めます*/
		/*height: auto !important;
		margin:12mm 7mm;*/
		
		/*background-imageを表示する*/
		-webkit-print-color-adjust: exact;
		-ms-print-color-adjust: exact;
	}
	
	/*A4縦*/
	@page {
		/*size: A4; landscape*/
		top:0;
		left:0;
		size: 12in 16in;/*横12in、縦16in*/
		-ms-size:A4;/*横12in、縦16in*/
		transform-origin: 0 0;/*画面"左0上0"から印刷を始めます*/
		height:5000px;
	}
}


/*投稿記事ボタン
 * ************************/
.single-list-all{
	display:flex;
	margin-right:auto;
	margin-left:auto;
	max-width:900px;
	width:100%;
	margin-top: 30px;
}

.single-list{
	margin-right:auto;
	margin-left:auto;
	margin-bottom:80px;
}

.button-a a{
	padding:30px;
	margin:auto;
	color:#fff;
	background:rgba(253,60,60,1);
	border:solid #888 2px;
	transition-duration: 0.15s;
	position:relative;
	overflow:hidden;
	font-weight:bold;
}

.button-b a{
	padding:30px;
	margin:auto;
	color:#fff;
	background:rgba(102,184,201,1);
	border:solid #888 2px;
	transition-duration: 0.15s;
	position:relative;
	overflow:hidden;
	font-weight:bold;
}

.button-c a{
	padding:30px;
	margin:auto;
	color:#fff;
	background:rgba(139,217,150,1);
	border:solid #888 2px;
	transition-duration: 0.15s;
	position:relative;
	overflow:hidden;
	font-weight:bold;
}

.button-a a:hover{
	background:#b3d9be;
	color:#fff;
	background-color:rgba(203,10,10,1);
}

.button-b a:hover{
	background:#fd0000;
	color:#fff;
	background-color:rgba(52,134,151,1);
}

.button-c a:hover{;
	background:#66b8c9;
	color:#fff;
	background-color:rgba(89,167,100,1);
}

.arrow-right-1{
	position:absolute;
	right: 12px;
    top: 30px;
	transition-duration: .3s;
}

.arrow-right-2{
	position:absolute;
	right: 12px;
    top: 30px;
	transition-duration: .3s;
}

.arrow-right-3{
	position:absolute;
	right: 12px;
    top: 30px;
	transition-duration: .3s;
}

/*.arrow-left{
	position:absolute;
	left: -60px;
    top: 30px;
	transition-duration: 1s;
}*/

.button-a a:hover .arrow-right-1{
	right: 5px;
}

.button-b a:hover .arrow-right-2{
	right: 5px;
}

.button-c a:hover .arrow-right-3{
	right: 5px;
}

/*.button-a a:hover .arrow-left{
	left: 5px;
    top: 30px;
}*/

@media screen and (max-width:768px){
	.single-list{
		display:block;
		width:100%;
	}
	
	.single-list-all{
		margin-right:auto;
		margin-left:auto;
		width:80%;
		text-align: center;
		display:block;
		line-height: 0;
	}
	
		.button-a a{
		padding:15px 65px;
	}

	.button-b a{
		padding:15px 65px;
	}
	
	.button-c a{
		padding:15px 30px;
	}
	
	.arrow-right-1{
		position:absolute;
		right: 10px;
		top: 15px;
	}
	
	.arrow-right-2{
		position:absolute;
		right: 10px;
		top: 15px;
	}

	.arrow-right-3{
		position:absolute;
		right: 10px;
		top: 15px;
	}

}

/*フッターロゴ（ボタン）
 * **************************/
.footer-logo{
	width:200px;
	height:auto;
}

.footer-button a{
	padding:15px 30px;
	background:#000;
	color:#fff !important;
	display:inline-block;
	border-radius:5px;
}

.footer-button a span{
	padding-left:5px;
}

.footer-button a:hover{
	opacity:0.8;
}

* h1{
	margin-bottom:0.2em !important;
}

/*投稿記事横幅指定
 * ****************************/
.post-width{
	max-width:900px;
	margin-right: auto;
    margin-left: auto;
}

/*フォントサイズ
 * ****************************/
/*トップページ*/
.saiyou-danraku{
	font-size:1.2em;
}

.saiyou-top-h2{
	font-size:1.5em;
}

.saiyou-top-h2p{
	font-size:1.5em;
}

.saiyou-top-h3{
}
/**/
/*親ページ*/
.saiyou-h1{
	font-size:2em;
}

.saiyou-h1p{
	/*font-size:2.3em;*/
}

.saiyou-h2{
	font-size:0.8em;
}

/**/
/*子ページ*/
.saiyou-child-h1{
	font-size:0.7em;
}

.saiyou-child-h2{
	font-size:0.8em;
}

.saiyou-child-h3{
}
/**/

@media screen and (max-width:768px){
/*トップページ*/
	.saiyou-danraku{
		font-size:15px;
	}
	
	.saiyou-top-h2{
		font-size:1.2em;
	}
	
	.saiyou-top-h2p{
		font-size:1.3em;
	}
	
	.saiyou-top-h3{
		font-size:0.8em;
	}
/**/
/*親ページ*/
	.saiyou-h1{
		font-size:15px;
	}
	
	.saiyou-h1p{
		font-size:7px;
	}
	
	.saiyou-h2{
		font-size:12px;
	}
	
/**/
/*子ページ*/
	.saiyou-child-h1{
		font-size:9px;
	}

	.saiyou-child-h2{
		font-size:10px;
	}

	.saiyou-child-h3{
		font-size:15px;
	}
/**/
}

/*
 * *************************/
html{
	margin-top:-24px !important;
}