/*
 Theme Name:   OnePress Child
 Theme URI:    https://www.famethemes.com
 Description:  OnePress sample child theme
 Author:       FameThemes
 Author URI:   https://www.famethemes.com
 Template:     onepress
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  onepress-child
*/

/* Add your custom css below
-------------------------------------------------------------- */

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

.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}


.site-header {
    background: rgba(255, 255, 255, 0);	
    box-shadow: none;
}
.site-header.header-fixed.no-scroll {
    background: rgba(255, 255, 255, 0);
    box-shadow: none;
}
.site-header.header-fixed {
    background: #ffffff;
    box-shadow: 0 5px 10px 0 rgba(50, 50, 50, 0.06);
}
.site-header .site-branding {display:none;}
.site-header.header-fixed.no-scroll .site-branding {display:none;}
.site-header.header-fixed .site-branding {display:block;}

.onepress-menu a {
    font-size: 1.6em;
}
#main-visual {
    margin-top: -75px;
}

.note-sns {
    margin-left: 10%;
    margin-right: 10%;
    margin-top: -100px;
}
.note-sns .ttl {
    display: flex;
    align-items: center;
    margin: 1.4em 0;
}
.note-sns .ttl div img {
    width: 150px;
}
.note-sns .ttl div:nth-child(2) {
    padding-left: 50px;
    font-size: 1.2rem;
}

#content-area {
    margin-left: 10%;
    margin-right: 10%;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#content-area a {
    color: #777;
}
.catchy {
    font-size: 2.2rem;
    padding: 1em 0 0.5em;
}
.subcatchy {
    font-size: 1.6rem;
    padding: 0.5em 0 2em;
}
#content-area h2 {
  padding: 0.25em 0.5em;
  color: #777;
  background: transparent;
  border-left: solid 10px #777;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#products, #socials, #company, #contact {
	padding: 10em 0 0;
}
.cap_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cap_wrap div:nth-child(1) {
    font-size: 1.6rem;
}
.cap_wrap div:nth-child(2) {
    font-size: 1.2rem;
}
.note {
    font-size: 1.2rem;
    padding: 1em 0 3em;	
}
.note span {
    font-size: 1.6rem;
}
.note a {
	color: #f00;
    text-decoration: underline;
}
.image2 img {
    width: 80%;
}
.memo {
    font-size: 1.2rem;
    padding: 0.5em 0 3em;	
}
.sns {
    display: flex;
    flex-wrap: nowrap;
    margin: 2.5em 0;
}
ul.overview {
    list-style: none;
    font-size: 1.6rem;
    margin-left: -80px;
}
ul.overview li {
	display: flex;
	flex-wrap: nowrap;
}
ul.overview li div:nth-child(1) {
	white-space: nowrap;
}
.map iframe {
    width: 100%;
    height: 300px;
}
.form {
    width: 80%;
    margin: 3em auto;
}
.form table {
    border: none !important;
}
.form table > tbody > tr > th {
    border: none;
    font-size: 1.2rem;
    font-weight: 400;
    vertical-align: top;
    white-space: nowrap;
}
.form table > tbody > tr > td {
    border: none;
    font-size: 1.2rem;
    font-weight: 400;
}
.form input.text-long {
    width: 100%;
}
.form textarea.textarea-long {
    width: 100%;
}
.form table > tbody > tr > td.half-space {
    display: flex;
    flex-wrap: nowrap;
}
.form td.half-space div {
	width: 50%;
}
.form td.half-space div input {
    width: 70%;
}
.form table > tbody > tr > td.mix-space {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.form td.mix-space div {
	width: 50%;
}
.form td.mix-space div:nth-child(2) {
    text-align: right;
}
.form input, .form textarea {
    background-color: #fff;
    border: 1px solid #777;
}
.button01 {
  background-color: #eee;
  color: #777;
  padding: 10px 20px;
  text-decoration: none;
  font-size: 1.4rem;
  font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.btn-send {
    margin: 3em auto 10em;
    text-align: center;
}
.btn-send .button01 {
  background-color: #eee;
  color: #777;
  padding: 10px 30px;
  text-decoration: none;
  font-size: 1.6rem;
    border: none;
}
label {
    white-space: nowrap;
    display: inline;
}
.wpcf7-spinner {
    display: block;
    margin: 0 auto;
}
.map {
	padding-bottom: 5em;
}



@media (max-width: 1140px) {
	body.onepress-menu-mobile-opening .site-header.header-fixed {
		background: rgba(138, 202, 227, 0.6);		
	}
	ul.onepress-menu.onepress-menu-mobile {
		background: rgba(138, 202, 227, 0.6);
        padding-top: 50px;
        border-top: none;
	}
	.onepress-menu.onepress-menu-mobile li {
        text-align: right;
		background: rgba(138, 202, 227, 0);
	}
	.onepress-menu.onepress-menu-mobile a {
        font-size: 1.2rem;
		color: #fff;
        font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
    }
	.onepress-menu.onepress-menu-mobile li {
        border-top: 0px;
    }
	.form table > tbody > tr > th {
		display: block;
		width: 100%;
	}
	.form table > tbody > tr > td {
		display: block;
		width: 100%;
	}
	.form th p {
   		margin-bottom: 0;
	}
	.form td {
		margin-bottom: 30px;
	}
	.form td p {
    	margin: 0;
	}
}
@media (max-width: 720px) {
	#content-area {
		margin-left: 5%;
    	margin-right: 5%;		
	}
	.image2 img {
    	width: 90%;
	}
	.sns {
		display: flex;
		flex-wrap: wrap;
		margin: 2.5em 0;
	}
	.sns div {
		display: block;
		width: 100%;
		text-align: center;
	}
}
@media (max-width: 576px) {
	.pc {display: none;}
	.mobile {display: block;}

	.note-sns {
		margin-left: 5%;
		margin-right: 5%;
		margin-top: -100px;
	}
	.note-sns iframe.fw-iframe {
		height: 300px;
	}
	.catchy {
		font-size: 1.4rem;
		font-weight: 700;
	}
	.subcatchy {
		font-size: 1.0rem;
	}
	.cap_wrap div:nth-child(1) {
		font-size: 1.1rem;
	}
	.cap_wrap div:nth-child(2) {
		font-size: 0.8rem;
	}
	.note {
		font-size: 1.0rem;
	}
	.note span {
		font-size: 1.4rem;
		19.6px;
	}
	.memo {
		font-size: 1.0rem;
		padding: 0.5em 0 3em;
	}
	ul.overview {
		font-size: 1.1rem;
		margin-left: -60px;
	}
	.form {
		width: 100%;
	}
	.form table > tbody > tr > th,
	.form table > tbody > tr > td {
		font-size: 1.0rem;
	}
	.form table > tbody > tr > td.mix-space {
		flex-wrap: wrap;
	}
	label {
		display: block;
	}
	.form td.half-space div input {
		width: 90%;
	}
	.form td.half-space div:nth-child(2) {
		text-align:left;
	}
	.button01 {
		font-size: 1.0rem;
	}
	#products, #socials, #company, #contact {
		padding: 5em 0 0;
	}
	.map {
		padding-bottom: 2em;
	}
}
@media (min-width: 721px) {
	a[href^="tel:"] {
		pointer-events: none;
		cursor: default;
	}
}