/*----------------------------------
全体
----------------------------------*/

.wrapper {
	width: 97.5%;
}

.pc {
	display: none;
}

.pc.tab {
	display: block;
}

.pc.tab.mobi {
	display: block;
}

.tab {
	display: block;
}

.tab.mobi {
	display: block;
}

.pc.mobi {
	display: none;
}

.mobi {
	display: none;
}

/*----------------------------------
header
----------------------------------*/

.pc-menu {
    height: 6vw;
}

.pc-menu ul {
	width: 97.65%;
}

.pc-menu ul li {
	float: left;
	position: relative;
    width: 25%;
}

.pc-menu ul li::before {
	border-left: 1px solid #000;
	height: 3vw;
    top: 1.5vw;
}

.pc-menu ul li:last-child::after {
	border-right: 1px solid #000;
	height: 3vw;
    top: 1.5vw;
}

.pc-menu ul li a {
    font-size: 1.5vw;
    line-height: 2.5vw;
    padding: 10.5% 0;
}

.pc-menu ul li .pc-menu-mini li a {
	padding: 10.5% 0;
}

/*----------------------------------
共通
----------------------------------*/

.top-img {
	background-size: cover !important;
	background-position: top center !important;
	box-sizing: border-box;
	height: 30vw;
}

.top-img-title {
	top: 10vw;
}

.top-img-title .title {
    font-size: 5.4vw;
    line-height: 6.4vw;
}

.top-img-title .title-in {
    font-size: 2.3vw;
    line-height: 3.3vw;
    margin-top: 0;
}

.btn {
    font-size: 1.6vw;
    line-height: 2.6vw;
    left: 0;
    padding: 1.7% 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 30%;
}

.btn::after {
    border-top: 1px solid #fff;
    right: 2.4vw;
    width: 10%;
}

.btn:hover {
	opacity: 0.6;
}

.breadcrumbs {
    font-size: 1.3vw;
    line-height: 2.3vw;
    padding: 1% 0;
}

.breadcrumbs .wrapper {
	padding: 0 0;
}

.breadcrumbs a {
	color: #000;
	text-decoration: none;
}

.breadcrumbs a:hover {
	text-decoration: underline;
}

/*----------------------------------
TOPスライダー
----------------------------------*/

.top-slider {
	box-sizing: border-box;
	height: 39vw;
	position: relative;
	width: 100%;
}

.top-slider-text-img {
    left: 0;
    height: auto;
    margin: 0 auto;
    max-width: 811px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 42%;
    z-index: 2;
}

.top-slider-list {
	box-sizing: border-box;
	height: 39vw;
}

.top-slider-list li {
	box-sizing: border-box;
	background-size: cover !important;
	background-position: top center !important;
	height: 39vw;
	width: 100%;
}

.top-slider-list li.slider-1 {
	background: url(../images/slider/slider-1.jpg) no-repeat;
}

.top-slider-list li.slider-2 {
	background: url(../images/slider/slider-2.jpg) no-repeat;
}

.top-slider-list li.slider-3 {
	background: url(../images/slider/slider-3.jpg) no-repeat;
}

/*----------------------------------
TOPページ
----------------------------------*/

.top-page {
	box-sizing: border-box;
}

.top-page .wrapper {
	width: 97.5%;
}

.top-img-1 {
    height: auto;
    position: absolute;
    right: -10vw;
    top: -2vw;
    width: 45%;
}

.top-img-2 {
    left: -10vw;
    height: auto;
    position: absolute;
    top: 15%;
    width: 45%;
}

.top-aisatsu-content {
	padding: 23% 0 0;
}

.top-aisatsu-content-logo-img {
	height: auto;
	width: 30%;
}

.top-aisatsu-content-text {
    font-size: 1.75vw;
    line-height: 3.53vw;
    margin: 7.2% auto 0;
    width: 60%;
}

.top-aisatsu-content-text p {
	margin-bottom: 2.5%;
}

.top-quality-content {
    padding: 22.5% 0 0;
}

.top-quality-content-title .title {
    font-size: 5.5vw;
    line-height: 6.5vw;
}

.top-quality-content-title .title-in {
    font-size: 2.1vw;
    line-height: 3.1vw;
    margin-top: 0;
}

.top-quality-content-list {
    margin: 5% 0 0 0;
}

.top-quality-content-list li {
	float: left;
}

.top-quality-content-list li:nth-child(1) {
	width: 45%;
}

.top-quality-content-list li:nth-child(2) {
    margin: 0 2% 0 2%;
    padding-top: 4%;
    width: 6%;
}

.top-quality-content-list li:nth-child(2) img {
	height: auto;
	width: 100%;
}

.top-quality-content-list li:nth-child(3) {
	width: 45%;
}

.top-quality-content-list-img {
	height: auto;
	width: 100%;
}

.top-quality-content-list-text {
    font-size: 1.25vw;
    line-height: 2.9vw;
    height: 20vw;
    margin: 0 auto 0;
    width: 85%;
}

.top-quality-content-list li:nth-child(3) .top-quality-content-list-text {
	margin: 0 auto;
    width: 85%;
}

.top-quality-content-list-box {
    height: 11.5vw;
    margin-top: 2.5%;
    padding: 1.5% 1.5%;
    width: 100%;
}

.top-quality-content-list li:nth-child(3) .top-quality-content-list-box {
    margin-left: 0;
    margin-top: 5%;
    width: 100%;
}

.top-quality-content-list-box-title {
    font-size: 1.6vw;
    line-height: 2.6vw;
}

.top-quality-content-list-box-text {
    font-size: 1.5vw;
    line-height: 2.5vw;
    margin-top: 1.5%;
}

.top-brand-content section:nth-child(1) {
	height: 69.25vw;
	padding-top: 22%;
}

.top-brand-content section:nth-child(2) {
    height: 49.5vw;
    padding-top: 19.7%;
}

.top-img-3 {
    height: auto;
    position: absolute;
    right: -13vw;
    top: -25vw;
    width: 45%;
}

.top-img-4 {
	left: -7vw;
    height: auto;
    position: absolute;
    top: -35vw;
    width: 50%;
}

.top-brand-content-bg {
	background: #eee;
	box-sizing: border-box;
	position: absolute;
	width: 50%;
}

.top-brand-content section:nth-child(1) .top-brand-content-bg {
    left: 0;
    height: 29.8vw;
    margin-top: 9%;
}

.top-brand-content section:nth-child(2) .top-brand-content-bg {
	height: 29.8vw;
    right: 0;
}

.top-brand-content-img {
	position: absolute;
    z-index: 3;
}

.top-brand-content section:nth-child(1) .top-brand-content-img {
    right: 5.5vw;
    top: 4vw;
    width: 45%;
}

.top-brand-content section:nth-child(2) .top-brand-content-img {
	left: -1.2vw;
    top: 4vw;
    width: 45%;
}

.top-brand-content-in {
    background: #eee;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

.top-brand-content section:nth-child(1) .top-brand-content-in {
    height: 30vw;
    margin-top: 9%;
    padding: 4% 0 0 0;
    width: 75%;
}

.top-brand-content section:nth-child(2) .top-brand-content-in {
    height: 30vw;
    padding: 4% 0 0 20%;
    width: 75%;
}

.top-brand-content section:nth-child(1) .top-brand-content-in-logo-img {
	height: auto;
	margin-left: 14%;
	width: 35%;
}

.top-brand-content section:nth-child(2) .top-brand-content-in-logo-img {
	height: auto;
	margin-left: 33%;
	width: 35%;
}

.top-brand-content-in-text {
    font-size: 1.5vw;
    line-height: 3.4vw;
}

.top-brand-content section:nth-child(1) .top-brand-content-in-text {
    margin-top: 5.3%;
    width: 66%;
}

.top-brand-content section:nth-child(2) .top-brand-content-in-text {
    margin-top: 3.5%;
}

.top-brand-content-in-btn {
    font-size: 1.6vw;
    line-height: 2.6vw;
    padding: 1.7% 0;
    width: 35%;
}

.top-brand-content-in-btn::after {
    box-sizing: border-box;
    border-top: 1px solid #fff;
    right: 1vw;
    width: 10%;
}

.top-brand-content-in-btn:hover {
	opacity: 0.6;
}

.top-brand-content section:nth-child(1) .top-brand-content-in-btn {
    margin: 4.6% 0 0 15%;
}

.top-brand-content section:nth-child(2) .top-brand-content-in-btn {
    margin: 4% 0 0 33%;
}

.top-news-content {
    padding: 21.7% 0 21%;
}

.top-img-5 {
    height: auto;
    position: absolute;
    right: -20vw;
    top: -28vw;
    width: 60%;
}

.top-img-6 {
    bottom: -18vw;
    left: -17vw;
    height: auto;
    position: absolute;
    width: 50%;
}

.top-news-content-title {
    font-size: 5vw;
    line-height: 6vw;
}

.top-news-content-list {
    margin: 0 auto 0;
    width: 65%;
}

.top-news-content-list li {
    border-bottom: 1px solid #000;
    padding: 6.7% 4% 1%;
}

.top-news-content-list-date {
    font-size: 1.7vw;
    line-height: 2.7vw;
}

.top-news-content-list-link {
    font-size: 1.8vw;
    line-height: 2.8vw;
    width: 80%;
}

.top-news-content-list-link a {
	color: #000;
	text-decoration: none;
}

.top-news-content-list-link a:hover {
	text-decoration: underline;
}

.top-news-content .btn {
	margin-top: 5.4%;
}

/*----------------------------------
投稿・固定ページ
----------------------------------*/

.single {
	padding: 7.7% 0 10%;
}

.single-in {
	width: 80%;
}

.single-title {
    font-size: 3.2vw;
    line-height: 4.2vw;
}

.single-date {
    font-size: 1.7vw;
    line-height: 2.7vw;
    margin: 0 0 0 0;
}

.page-content {
    font-size: 1.7vw;
    line-height: 3.2vw;
    margin: 5.4% 0 0;
}

.page-content p {
	margin-bottom: 2.5%;
}

.page-content img.size-full {
	height: auto;
	width: 75%;
}

.page-content img.size-large {
    height: auto;
    width: 45%;
}

.single-in .page-content .pc-left {
    width: 45%;
}

.single-in .page-content .pc-right {
    width: 45%;
}

.single-in .page-content .pc-left img.size-large,
.single-in .page-content .pc-right img.size-large {
    height: auto;
    width: 100%;
}

.itiran-btn {
	left: 0;
	margin-top: 6.5%;
}

/*----------------------------------
新着情報
----------------------------------*/

.archive {
	padding: 8.5% 0 8%;
}

.news-itiran-tb {
	border-bottom: 1px solid #ccc;
	width: 80%;
}

.news-itiran-tb th {
    border-top: 1px solid #ccc;
    font-size: 1.6vw;
    line-height: 2.9vw;
    padding: 1.5% 1.5% 1.8% 3.6%;
    width: 20%;
}

.news-itiran-tb td {
    border-top: 1px solid #ccc;
    font-size: 1.6vw;
    line-height: 2.9vw;
    padding: 1.5% 3.6% 1.8% 0;
}

.news-itiran-tb td a {
	color: #000;
	text-decoration: none;
}

.news-itiran-tb td a:hover {
	text-decoration: underline;
}

.itiran-pager .wp-pagenavi {
	margin-top: 4.2%;
}

.itiran-pager .wp-pagenavi span,
.itiran-pager .wp-pagenavi a {
    font-size: 1.8vw;
    line-height: 10vw;
    height: 10vw;
    margin: 0 1% 1% 0;
    width: 10vw;
}

.itiran-pager .wp-pagenavi span.current,
.itiran-pager .wp-pagenavi a:hover {
	background: #eee;
	color: #000;
}

/*----------------------------------
ブランド紹介
----------------------------------*/

.brand-page {
	background: url(../images/bg.jpg);
	background-size: 100%;
	padding: 11.6% 0 10.5%;
}

.brand-main-info {
	width: 97.5%;
}

.brand-main-info-img-1 {
    height: auto;
    margin: 15.1% 0 0 0;
    width: 30%;
}

.brand-main-info-in {
    padding: 15.6% 2.5% 0;
    width: 40%;
}

.brand-main-info-in-logo {
	height: auto;
	width: 80%;
}

.brand-main-info-in-text {
    font-size: 1.9vw;
    line-height: 3.2vw;
    margin-top: 2.9%;
}

.brand-main-info-img-2 {
    height: auto;
    margin-top: 0;
    width: 30%;
}

.brand-content {
	padding: 14.3% 0 0;
}

.brand-content section {
	margin-bottom: 5.7%;
}

.brand-content-title {
    font-size: 3.2vw;
    line-height: 4.2vw;
}

.brand-content-list-1 {
	margin: 4.5% auto 0;
	width: 97.5%;
}

.brand-content-list-1 li {
    float: left;
    margin: 0 6% 6% 0;
    width: 47%;
}

.brand-content-list-1 li:nth-child(2n) {
	margin-right: 0;
}

.brand-content-list-1-img {
    height: 44.68vw;
}

.brand-content-list-1-title {
    font-size: 2.1vw;
    line-height: 3.1vw;
    margin-top: 2.9%;
}

.brand-content-list-1-text {
    font-size: 1.6vw;
    line-height: 3.1vw;
    margin-top: 1.5%;
    padding: 1.5% 0;
}

.brand-content-list-1-price {
    font-size: 2.3vw;
    line-height: 3.3vw;
    margin-top: 1.5%;
}

.brand-content-list-1-price .mini {
    font-size: 1.6vw;
}

.brand-content-list-2 {
	margin: 1.3% auto 0;
	width: 97.5%;
}

.brand-content-list-2 li {
    float: left;
    margin: 0 5% 4% 0;
    width: 30%;
}

.brand-content-list-2 li:nth-child(3n) {
	margin-right: 0;
}

.brand-content-list-2-img {
    height: 28.518vw;
}

.brand-content-list-2-title {
    font-size: 2.1vw;
    line-height: 3.1vw;
    margin-top: 2.1%;
}

.brand-content-list-2-text {
    font-size: 1.6vw;
    line-height: 3.1vw;
    margin-top: 1.5%;
    padding: 1.5% 0;
}

.brand-content-list-2-price {
    font-size: 2vw;
    line-height: 3vw;
    margin-top: 1.5%;
}

.brand-content-list-2-price .mini {
    font-size: 1.6vw;
}

/*----------------------------------
事業紹介
----------------------------------*/

.about-page {
	padding: 7.7% 0 8%;
}

.about-1-content-title .title {
    font-size: 5.6vw;
    line-height: 6.6vw;
}

.about-1-content-title .title-in {
    font-size: 2vw;
    line-height: 3vw;
    margin-top: 0;
}

.about-1-content-in {
	background: url(../images/about.htmlabout-bg.png) no-repeat;
	background-size: 100%;
	background-position: bottom center;
	box-sizing: border-box;
	height: 55vw;
	margin: 0 auto;
	width: 90%;
}

.about-1-content-in-title {
	padding-top: 6.8%;
}

.about-1-content-in-title .title {
    font-size: 4.1vw;
    line-height: 5.1vw;
}

.about-1-content-in-title .title-in {
    font-size: 2.1vw;
    line-height: 3.1vw;
    margin-top: 0;
}

.about-1-content-in-text {
    font-size: 1.9vw;
    line-height: 3.7vw;
    margin-top: 7.3%;
}

.about-2-content {
    padding: 5.7% 0 0;
}

.about-2-content-title .title {
    font-size: 5.6vw;
    line-height: 6.6vw;
}

.about-2-content-title .title-in {
    font-size: 2.1vw;
    line-height: 3.1vw;
    margin-top: 0;
}

.about-2-content-in {
    margin: 9.3% auto 0;
    width: 97.5%;
}

.about-2-content-in section {
	margin-bottom: 12.2%;
}

.about-2-content-in-info-img {
	height: auto;
	width: 50%;
}

.about-2-content-in-info-in {
	width: 47.5%;
}

.about-2-content-in-info-in-cate {
    font-size: 2.9vw;
    line-height: 3.9vw;
    margin-top: 1.4%;
}

.about-2-content-in-info-in-title {
    font-size: 3.6vw;
    line-height: 4.6vw;
    margin-top: 1.9%;
}

.about-2-content-in-info-in-title-2 {
    font-size: 2.1vw;
    line-height: 3.2vw;
    margin-top: 2.8%;
}

.about-2-content-in-info-in-text {
    font-size: 1.6vw;
    line-height: 3vw;
    margin-top: 2.5%;
}

.about-2-content-in-in {
	margin-top: 6.8%;
}

.about-2-content-in .about-2-content-in-in section {
	margin-bottom: 2.9%;
	padding: 3% 3% 3.8%;
}

.about-2-content-in-in-img {
	height: auto;
	width: 30%;
}

.about-2-content-in-in-info {
	width: 67%;
}

.about-2-content-in-in-info-title {
    font-size: 2.4vw;
    line-height: 3.4vw;
    margin-top: 2.9%;
}

.about-2-content-in-in-info-text {
    font-size: 1.6vw;
    line-height: 3vw;
    margin: 1.7% 0 0 0;
}

.about-2-content-in-in-info-text p {
	margin-bottom: 2.5%;
}

.contact-content {
    margin: 6.9% auto 0;
    width: 80%;
}

.contact-content-title {
    font-size: 2vw;
    line-height: 3vw;
    padding-bottom: 1%;
}

.contact-content-in {
	 border-top: 1px solid #000;
	 border-bottom: 1px solid #000;
	 padding: 2% 0 2.5%;
}

.contact-content-in-title {
    font-size: 2.4vw;
    line-height: 3.4vw;
}

.contact-content-in-tel {
    font-size: 3.7vw;
    line-height: 4.7vw;
    margin-top: 0;
}

.contact-content-in-info {
    font-size: 2.2vw;
    line-height: 3.2vw;
    margin-top: 0;
}

.contact-content-in-info span {
	margin-left: 1.8vw;
}

/*----------------------------------
企業情報
----------------------------------*/

.company-page {
	padding: 7.7% 0 10%;
}

.company-img-list {
    width: 97.5%;
}

.company-img-list li {
    float: left;
    margin: 0 5% 5% 0;
    width: 47.5%;
}

.company-img-list li:nth-child(2n) {
	margin-right: 0;
}

.company-img-list li img {
	height: auto;
	width: 100%;
}

.company-info-tb {
    border-bottom: 1px solid #ccc;
    margin: 1.4% auto 0;
    width: 80%;
}

.company-info-tb th {
    border-top: 1px solid #ccc;
    font-size: 1.6vw;
    line-height: 2.9vw;
    padding: 1.5% 3% 1.6%;
    width: 20%;
}

.company-info-tb td {
	border-top: 1px solid #ccc;
	font-size: 1.6vw;
    line-height: 2.9vw;
    padding: 1.5% 3% 1.6% 0;
}

.company-map iframe {
	display: block;
    height: 40vw;
    margin: 8.7% auto 0;
    width: 97.5%;
}

/*----------------------------------
footer
----------------------------------*/

footer {
	box-sizing: border-box;
	position: relative;
	z-index: 3;
}

.foot-in {
    background: #f7f7f7;
    box-sizing: border-box;
    padding: 42px 0 34px;
}

.foot-logo {
	height: auto;
	width: 275px;
}

.foot-sns-list {
	box-sizing: border-box;
	display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 25px;
    justify-content: center;
}

.foot-sns-list li {
	box-sizing: border-box;
	float: left;
	margin-right: 12px;
	width: 31px;
}

.foot-sns-list li:last-child {
	margin-right: 0;
}

.foot-sns-list li img {
	height: auto;
	width: 100%;
}

.foot-in-address {
    font-size: 1.6vw;
    line-height: 3.1vw;
    margin-top: 2.5%;
}

.foot-in-address-list li {
    font-size: 1.6vw;
    line-height: 3.1vw;
}

.copyright {
    font-size: 1.8vw;
    line-height: 2.8vw;
    padding: 1% 0;
}