@charset "UTF-8";


nav   {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
nav a.navbar-brand  {
    width: 40%;
}
nav .navbar-brand dl {
    margin-top: 20px;
    text-align: left;
}
nav .navbar-brand dl dt img  {
    margin-right: 5px;
    width: 78%;
}
nav .navbar-brand dd {
    text-align: left;
}
nav .navbar-brand dd p {
    /* [disabled]text-align: left; */
    font-size: 100%;
    font-weight: 600;
    margin-bottom: 3px;
    margin-top: 0px;
}
nav .navbar-brand dd img {
    /* [disabled]width: 75%; */
    text-align: left;
}
nav .headAdress {
    text-align: right;
    margin-top: 14px;
    width: 60%;
}
nav .headAdress p {
    text-align: right;
    font-size: 125%;
    margin-top: 10px;
}
nav .headAdress.nav_pc .navbar-nav  {
    text-align: right;
}
nav  .nav-item .nav-link.navColor  {
    color: #000000;
    font-size: 150%;
}

/*#pagetop {
    position: fixed;
    bottom: 25px;
    right: 50px;
}
#pagetop a {
	display: block;
	width: 81px;
	height: 52px;
	border-radius: 8px 8px 0 0;
}*/
/*.pagetop*/
html {
    scroll-behavior: smooth;
}
.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #AD1943;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
	-webkit-box-shadow: 3px 3px 3px 0px #696262;
    box-shadow: 3px 3px 3px 0px #696262;

}
.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: translateY(20%) rotate(-45deg);
}
/*3本線が×に*/
.openbtn1{
    position: relative;/*ボタン内側の基点となるためrelativeを指定*/
    cursor: pointer;
    width: 60px;
    height: 60px;
    border-radius: 5px;
}
/*ボタン内側*/
.openbtn1 span{
    display: inline-block;
    transition: all .4s;/*アニメーションの設定*/
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
    background: #957033;
    width: 50%;
  }
.openbtn1 span:nth-of-type(1) {
  top:18px; 
}
.openbtn1 span:nth-of-type(2) {
  top:28px;
}
.openbtn1 span:nth-of-type(3) {
  top:38px;
}
/*activeクラスが付与されると線が回転して×に*/
.openbtn1.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 35%;
}
.openbtn1.active span:nth-of-type(2) {
  opacity: 0;/*真ん中の線は透過*/
}
.openbtn1.active span:nth-of-type(3){
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 35%;
}
.navbar-toggler{
  border-color: #ffffff;
}
body footer {
    margin-top: 100px;
    background-color: #d7c484;
    font-family: "M PLUS 1p";
}
footer .row {
}
footer .foot_add {
    margin-top: 25px;
}
footer .foot_add a p    {
    color: #000000;
    font-size: 140%;
    margin-bottom: 2px;
    font-weight: 600;
}
footer .foot_add a dt  {
    margin-right: 10px;
}
footer .foot_add .address  {
    font-size: 118%;
}
footer .foot_add .address span {
    font-size: 125%;
}
footer .foot_Nav ul {
    width: 85%;
    margin-left: 15%;
    margin-top: 25px;
}
footer .foot_Nav li a  {
    color: #000000;
    font-size: 135%;
    text-decoration: none;
    font-weight: 600;
}
footer .foot_Nav p {
    margin-bottom: 0px;
    margin-top: 10px;
    margin-left: 10px;
}
footer .foot_Nav p a {
    font-size: 135%;
    text-decoration: none;
    color: #000000;
    font-weight: normal;
}
footer .text-center  {
    background-color: #4f3b1b;
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 1px;
    margin-bottom: 20px;
}
footer .foot_Nav li a img {
    width: 8px;
    margin-right: 3px;
    padding-bottom: 3px;
}
/*ここまで*/
@media (max-width:1199.98px){
nav .navbar-brand  {
    width: 40%;
    /* [disabled]min-width: 0px; */
}
nav .navbar-brand dd p {
    /* [disabled]text-align: left; */
    font-size: 75%;
    font-weight: 600;
    margin-bottom: 3px;
    margin-top: -2px;
}
nav .navbar-brand dd img {
    width: 85%;
    text-align: left;
}
nav .headAdress p {
    text-align: right;
    font-size: 125%;
    margin-top: 10px;
    margin-bottom: 2px;
}
footer .row {
    width: 928px;
    margin-left: auto;
    margin-right: auto;
}
}

@media (max-width:959.98px){
nav .container  {
    margin-top: 10px;
    margin-bottom: 10px;
}
nav .navbar-brand {
    width: 45%;
    /* [disabled]min-width: 0px; */
    margin-right: 0px;
    padding-right: 0px;
}
nav .navbar-brand dd p {
    /* [disabled]text-align: left; */
    font-size: 65%;
    font-weight: 600;
    margin-bottom: 3px;
    margin-top: -2px;
}
nav .headAdress p {
    text-align: right;
    font-size: 120%;
    margin-top: 10px;
}
nav  .nav-item .nav-link.navColor {
    color: #000000;
    font-size: 130%;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
nav .nav-item .nav-link.navColor a {
    padding-left: 0px;
}
nav .nav-item .nav-link.navColor span {
    margin-left: 5px;
}
nav .nav-item  {
    margin-right: 0px;
    margin-left: 5px;
}
footer .row  {
    width: 720px;
    margin-left: auto;
    margin-right: auto;
}
footer .row .foot_add .address {
    font-size: 105%;
}
footer .row .foot_Nav ul {
    margin-left: 10%;
    padding-left: 0px;
    width: 90%;
}
}

@media (max-width:767.98px){
nav .container {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
}
.navbar .nav_pc {
    display: none;
}
nav .headAdress p {
    display: none;
}
nav .navbar-brand a dl {
    /* [disabled]width: 80%; */
}
nav .navbar-brand dl dt img  {
    margin-right: 10px;
    min-width: 50px;
}
nav .navbar-brand dd img {
    text-align: left;
    min-width: 230px;
}
.navbar-toggler {
    border-color: rgba(255, 255, 255, 0.1);
	}
.collapse {
    font-size: 120%;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}
.nav_mobile .nav-link    {
    padding-top: 10px;
    padding-bottom: 10px;
}
.nav_mobile .nav-item a {
    width: 100%;
    border-bottom: 2px solid #CBC2A1;
}
footer .row {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
footer .foot_add {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
footer .foot_add dl p {
    text-align: left;
}
footer .row .foot_add .address {
    font-size: 130%;
}
footer .row .foot_Nav  {
    margin-top: -16px;
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
}
footer .row .foot_Nav ul {
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
    width: 100%;
}
}



@media (min-width:1200px){
nav a.navbar-brand {
    width: 40%;
}
.container-fluid.bg-light .row {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
}
footer .row {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
}
footer .row .foot_add dt img {
    width: 85%;
}
footer .row .foot_add dd img {
    width: 87%;
}
}

@media (min-width: 960px){
nav .nav-item .nav-link.navColor span {
    margin-left: 15px;
}
}

@media (min-width: 767px){
.navbarl .collapse ul    {
    /* [disabled]text-align: right; */
}
.navbar .navi_address   {
    text-align: right;
}
.navbar .nav_mobile {
    display: none;
}
}

@media (max-width:520.98px){
footer .row {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}
footer .foot_add {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
footer .foot_add dl {
    width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
footer .row .foot_add .address {
    font-size: 120%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.foot_Nav ul.d-flex.justify-content-between {
    /* [disabled]display: block; */ /* 要素をブロックレベル要素として表示 */
    /* [disabled]flex-direction: column; */ /* 要素を縦方向に並べる */
    /* [disabled]align-items: left; */ /* 要素を中央揃え */
    /* [disabled]justify-content: center; */ /* 要素を中央配置 */
    /*gap: 10px;*/
    /* [disabled]margin-left: auto; */
    /* [disabled]margin-right: auto; */
  }
body nav .navbar-brand .d-flex dd img {
    min-width: 200px;
}

}

@media (min-width:521px){
.br520 {
    display: none;
}
}

@media (max-width:358px){
body nav .navbar-brand .d-flex dd img {
}
body nav .navbar-brand .d-flex dd p {
    font-size: 60%;
}
}
