/*
  Template:flash
  Theme Name:   アムール1971
  Description:  Amour 1971 TEMPLATE
  Version:      0.1

  Tags:         right-sidebar, blog

  Text Domain:  UWD
*/
@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Noto+Serif+JP:wght@200;300;400;500;600&family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');


html {
  font-size: clamp(12px, 1.3vw, 18px);
}

body {
    color: #000;
    font-size: clamp(14px, 1.1vw, 18px);
}

/* スピナー位置調整 */
#spinners {
	left: calc(50% - 20px);
}

.logo .logo-image a img {
    width: 280px;
}


#site-navigation ul li a {
/*    color: #fff;*/
}


#primary-menu li.gotoshop a {
    border: 1px solid #4c5867;
    padding: 0.2em 0.8em;
    font-size: 90%;
}

#primary-menu li.gotoinstagram a {
    font-size: 164%;
}


header i.fa.fa-bars {
/*    color: #fff;*/
}


.gn-instagram a {
    font-size: 110% !important;
}

#page, #content, #projectContent {
	font-family: 'Marcellus', 'Shippori Mincho', 'Noto Serif JP', serif;
	line-height: 1.8em;
}


#content,
#content p  {
    line-height: 1.8em;
    letter-spacing: 0.1em;
}


#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	  line-height: 1.8em;
	  margin-bottom: 1em;
	  font-weight: 400;
}




#page {
	font-size: 1rem;
}

#content h2 {
	font-size: 1.7rem;
}

.row-reverse {
    flex-direction: row-reverse;
  }

.phone-num {
	font-size: 2rem;
	font-weight: 700;
}


.midashichu {
	font-size: 0.6em;
	margin-left: 2rem;
}




.tateagki {
  /* 縦書き */
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  width: 100%;
  position: relative;
}


main#main {
    padding: 0 calc(30px - 2%);
}



/* Footer */
#top-footer .tg-column-wrapper {
	margin: 0;
}

#top-footer {
	background-color: #f8f9f9;

}

#bottom-footer {
	background-color: #eae8cc;
	padding: 40px 0;
}

#bottom-footer .copyright {
/*    color: #ff;*/
	float: none;
	text-align: center;
}

#top-footer .textwidget {
    color: unset;
}

#bottom-footer .footer-menu li {
	list-style: none;
}
#bottom-footer .footer-menu li a {
	color: #000000;
}

/* フロントページお知らせWidget用 */

#News .rpwwt-widget ul {
    padding: 5em 5em;
}

#News .rpwwt-widget ul li{
	margin: 0;
	padding: 1.2em;
	border-bottom: 1px solid #aaa;
/*	color: #fff;*/
}

#News .rpwwt-widget ul li:first-child {
	border-top: 1px solid #aaa;
}

#News .rpwwt-widget ul li a {
 	display: inline-block;
 	float: right;
	width: calc(100% - 9em);
/*	color: #fff;*/
}

#News .rpwwt-post-date {
	display: inline-block;
 	float: left;
	width: 8em;
	text-align: right;
}



/* 投稿ページ用設定 */
.single-post #main,
.single-post #secondary {
    padding: 3em 0;
}


.submitButton p {
    text-align: center;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    margin-left: 36px;
    margin-top: 2em;
    font-family: 'Marcellus', 'Shippori Mincho', 'Noto Serif JP', serif;
    padding: 1em 7em;
    font-size: 100%;
}


input[type="tel"] {
    padding: 3px 6px;
}

input[type="tel"] {
    color: #666;
    border: 1px solid #ccc;
    height: 36px;
    width: 100%;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
}



/* テーブル */
table.noborder,
table.noborder th,
table.noborder td {
	border: none;
}



table {

}

th {
    font-weight: normal;
}


.menu-table th {
	width: 50%;
}


@media (min-width: 781px) {
	.about_us_table {
		width: 70%;
		margin: 20px auto;
	}
	.about_us_table th {
		width: 8em;
	}
	.wpcf7 {
		width: 60%;
		margin: 0 auto;
	}
	
	.footer-la br {
        display: none;
    }
    
    .footer-la .zipcode br {
    display: inline;
    }
}




@media (max-width: 980px) {
    #site-navigation ul.menu {
        background-color: #000;
    }
}

@media (max-width: 780px) {

	h2 {
		font-size: 19px;
	}
	h3 {
		font-size: 18px;
	}
	

    #content h2.sec_title {
      text-align: center;
    	margin-bottom: 0.5em;
    	
      -ms-writing-mode: unset;
      writing-mode: unset;
    }

	h2.sec_title:before,  h2.sec_title:after {
    width: 1.3em;
    height: 2em;
}
	h2.sec_title:before {
		margin-left: 0;
	}
	h2.sec_title:after {
		margin-right: 0;
	}
	
	.so-widget-sow-button .ow-button-base a {
		width: auto;
	}

.feature-product-section .tg-feature-product-layout-2 .tg-feature-product-widget.tg-column-3 {
    margin: 0;
    position: relative !important;
    top: 0 !important;
    width: 33.33% !important;
    padding: 1px !important;
    margin: 0 !important;
    float: left;
    left: auto !important;
    height: 38vw !important;
}
.feature-product-section .tg-feature-product-layout-2 .featured-image-desc {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    padding: 5px;
}
#content h3.feature-title-wrap {
    font-size: 14px;
}
#content h4.feature-desc-wrap {
    padding: 0 2rem;
    font-size: 10px;
}
	colgroup.gYear {
    width: 3.8em;
}


.wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0px 7px;
    position: relative;
}

.about_us_table tr {
    display: flex;
    flex-wrap: wrap;
}

#content table th {
    display: block;
    width: 100%;
    font-weight: bold;
    background-color: #aaa;
    color: #fff;
}
#content table td {
    display: block;
    width: 100%;
    /* border-bottom: 1px dashed #000; */
    margin-bottom: 1em;
}

#content table th.hist-year {
    text-align: unset;
    padding-right: 0;
    width: 5em;
}
#content table td.hist-month {
    text-align: unset;
    padding-left: 0;
    width: calc(100% - 5em);
    margin-bottom: 0;
    background-color: #aaa;
    color: #fff;
    font-weight: bold;
}

.footer-la {
width: 100%;
}

.footer-a {
    padding-top: 5px;
}

.gotoshopping a {
    width: 276px;
    height: auto;
    padding: 24px 0;
    color: #fff;
    text-align: center;
    margin: 100px auto;
    background-size: cover;
}
	
	.midashichu {
		display: block;
		margin-left: 0;
		font-size: 0.5em;
	}

}