@charset "UTF-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　初期設定　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP|Sawarabi+Mincho&display=swap');

*{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
font-family: 'Sawarabi Mincho', sans-serif, 'Noto Serif JP', serif;
}


body {
width:100%;
color:#FFF;
}
.wrapper {
overflow:hidden;
}

footer {
text-align:center;
background:#860419;
font-size:.9em;
}


/* other
--------------------------- */
@media screen and (min-width: 579px) {
	.br-sp { display:none; }
}

@media screen and (max-width: 579px) {
	.br-sp2 { display:none; }
}

a:focus, *:focus {
	outline:none;
}

.bg_c {
padding:6%;
background:#864D30;
background-image:url(../image/bg_d.jpg);
}
.bg_bordeaux {
padding:6%;
background:#860419;
}
.bg_red {
padding:6%;
background:#af0b17;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　common　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.maincontainer {
	max-width:1000px !important;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (max-width: 770px) {
.maincontainer {
	max-width:1000px !important;
  position: relative;
  margin: 0 auto;
  padding-left: 5px;
  padding-right: 5px;
background:none;
}
}
.rl15-container {
  max-width: 900px;
  position: relative;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

.rl80-container {
  max-width: 800px;
  position: relative;
  margin: 0 auto;
  padding-left: 45px;
  padding-right: 45px;
}

.kanri-container {
  max-width: 900px;
  position: relative;
  margin: 0 auto;
  padding: 15px;
}

p.lead {
margin:.5em 0 0.5em 1em;
font-size:1em;
}
p.lead2 {
margin:1.2em 0 1.2em 0.8em;
font-size:1em;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　ナビゲーション　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.navigation {
max-width:100%;
margin:0 auto;
/*ロゴとメニューを一列にするのに使用 flex */
 display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
padding:0;
background:#860419;
}

.toggleMenu {
position:fixed;
top:5px;
right:20px;
z-index:9999;
    display:  none;
    background: #860419;
    padding: 8px 12px;
    color: #fff;
}
.d_nav {
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
margin-bottom:0;
    list-style: none;
     background:#860419;
}
.d_nav:before,
.d_nav:after {
    content: " "; 
    display: table; 
}
.d_nav:after {
    clear: both;
}
.d_nav ul {
    list-style: none;
    width: 16em;/*階層の長さ*/
}
.d_nav a {
    padding: 10px 15px;
    color:#fff;
    text-decoration: none;
    outline: none;
    z-index: 1;
}
.d_nav a:visited {
	text-decoration: none;
}

.d_nav a:hover {
    padding: 10px 15px;
    color:#fff;
    text-decoration: none;
    background:#af0b17;
}

.d_nav li {
    position: relative;
	padding:0;/*navとnavの間*/
}
.d_nav > li {
    float: left;
}
.d_nav > li > .parent {
/*    background-image: url("../css/downArrow.png");*/
    background-repeat: no-repeat;
    background-position: right;
}
.d_nav > li > a {/*navのtitle*/
    display: block;
    font-size: 0.9rem;
	margin:0 3px;/*navとnavの間*/
}
.d_nav li  ul {
    position: absolute;
    left: -9999px;
}
.d_nav > li.hover > ul {
    left: 0;
}

@media screen and (min-width: 770px) {
.sp_nav{
	display:none;
	}
}

@media screen and (max-width: 770px) {
.d_nav {
	width:100%;
    margin: 0px auto;
padding-top:50px;
    }
.d_nav li {
    position: relative;
	padding:0;
    }
    .active {
        display: block;
    }
    .d_nav > li {
        float: none;
    border-top: 1px solid #000;
    }
    .d_nav > li > .parent {
        background-position: 95% 50%;
    }
    .d_nav li li .parent {
/*        background-image: url("../css/downArrow.png");*/
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .d_nav ul {
        display: block;
        width: 100%;
    z-index: -1;
    }
   .d_nav > li.hover > ul , .d_nav li li.hover ul {
        position: static;
    z-index: 1;
    }
}

.sp-head {
text-align:center;
background: #860419;
}

/* dropdownメニューの日本語 */
.head_second_ja {
    display:  block;        /* ブロック要素にする */
    font-size:  10px;       /* 文字サイズ指定 */
    margin-top:  0px;      /* 周りの余白指定 */
    position:  relative;    /* 位置調整 */
    width: auto;           /* 幅指定 */
text-align:center;
}

@media (max-width: 850px) {
.head_second_ja  {
display:none;
}
}


/*-------------------------------------------------- */

p.linksaki a {
padding:5px;
border:solid 1px #FFF;
font-size:12px;
color:#FFF;

}
.linksaki a:hover {
background:#FFF;
color:#860419;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　footer navi　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.footer_nav ul {
text-align:center;
}

.footer_nav li {
display: inline-block;
  font-size: 0.9rem;
}
.footer_nav li a {
color:#FFF;
}
.footer_nav li:after {
  content: '|';
color:#FFF;
margin-left:8px;
margin-right:8px;
}


@media screen and (max-width: 768px) {
	.footer_nav {
		display:none;	
	}
}

.sns_icon ul {
text-align:center;
font-size:0;
}

.sns_icon li {
display: inline-block;
  font-size: 0.9rem;
}
.sns_icon li a {
color:#FFF;
}



/* ＝＝＝＝ 地図 ＝＝＝＝＝ */
#gmap {
	float:left;
	width:100%;
	height:500px;
	margin:0px 0px 0px 0px;
}
.maph4 {
	color:#860419;
	font-weight: 900; 
	font-size:12px;
}
.popup {
	width:200px;
	height:50px;
	padding:5px;
	white-space: nowrap;
	color:#000;
}

/* ＝＝＝＝ index access ＝＝＝＝＝ */
ul.ul_access {
background: #962537;
border-radius :8px;
  box-shadow :0px 0px 5px #FFF;
  padding: 0.5em 0.5em 0.5em 2em;
list-style-type: square;
}
ul.ul_access li {
  line-height: 1.5;
  padding: 0.5em 0;
font-size:0.9rem;
}
:not(.square_nashi){
list-style-type: none;
}