@charset "utf-8";
/*
Theme Name: English - MIDORI 2018
Template: midori2018
Theme URI: 
Description: English - MIDORI 2018
Version: 1.0
Author: form and craft
Author URI: http://www.formandcraft.jp/
Tags:
*/

html, 
h1, h2, h3, h4, h5, h6 {
	font-family:BrandonText,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Noto Sans Japanese","Hiragino Kaku Gothic ProN",Meiryo,"Yu Gothic",YuGothic,sans-serif;}

#header_ > nav ul.main > li > a, 
#header_ > nav ul.main > li > b {font-family:inherit;}
#header_ > nav ul.sub > li.language > ul > li.english > a {color:#999; text-decoration:none;}

#header-designphil_ {min-width:1180px; position:relative; z-index:9900; padding:120px 0 0; box-sizing:border-box; line-height:1;}
#header-designphil_ > h1 {
	width:560px; height:0; margin:0 auto; padding:100px 0 0; 
	background:url(../midori2018/common/images/header_logo-designphil.png) center center no-repeat; overflow:hidden;}
#header-designphil_ > .midori {
	display:block; position:absolute; right:25px; top:25px; padding:6px 24px; border:1px solid #e5e5e5; border-radius:25px; 
	background:#fff; font-size:1.4rem; font-weight:bold; text-decoration:none; line-height:1;
	font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Noto Sans Japanese","Hiragino Kaku Gothic ProN",Meiryo,"Yu Gothic",YuGothic,sans-serif;}

html.style-designphil #footer_ > nav > .page-top {background-color:#6e9bb0;}
html.style-designphil #footer_ > nav > .page-top:hover {background-color:#9ab9c8;}
html.style-designphil .c-button {background-color:#6e9bb0;}
html.style-designphil .c-button:hover {background-color:#9ab9c8;}
html.style-designphil .c-button.c-button--reverse {border-color:#6e9bb0; background-color:#fff; color:#6e9bb0;}
html.style-designphil .c-button.c-button--reverse:hover {border-color:#9ab9c8; background-color:#fff; color:#9ab9c8;}
html.style-designphil .c-form footer .c-form-next {background-color:#6e9bb0;}
html.style-designphil .c-form footer .c-form-next:hover {background-color:#9ab9c8;}
html.style-designphil .c-form footer .c-form-back {border-color:#6e9bb0; color:#6e9bb0;}
html.style-designphil .c-form footer .c-form-back:hover {border-color:#9ab9c8; color:#9ab9c8;}
html.style-designphil .c-form textarea:focus, 
html.style-designphil .c-form input[type="text"]:focus, 
html.style-designphil .c-form input[type="search"]:focus, 
html.style-designphil .c-form input[type="password"]:focus, 
html.style-designphil .c-form select:focus {border-color:#6e9bb0;}
html.style-designphil .fac-popups .fac-popups-close {color:#749fb3;}
html.style-designphil .fac-popups .fac-popups-close:hover {color:#9ab9c8;}
html.style-designphil .fac-gallery .fac-gallery-nav > ol > li:hover::after, 
html.style-designphil .fac-gallery .fac-gallery-nav > ol > li.fac-gallery-selected::after {background-color:#749fb3;}

#contents_ > header > h1 {font-size:2.8rem; font-weight:900;}


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

#header-designphil_ {min-width:320px; margin:0 0 -45px; padding:15vw 40px 0;}
#header-designphil_ > h1 {width:auto; height:0; padding:17.8571vw 0 0; background-size:contain;}
#header-designphil_ > .midori {right:20px; top:20px; padding:1vw 3vw; font-size:1.2rem; font-size:3.2vw;}

#contents_ > header > h1 {font-size:1.6rem; font-size:5vw;}

}