@charset "utf-8";
body{
	font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: 400;
}
.mt-6{margin-top:4rem;}.mt-7{margin-top:5rem;}.mt-8{margin-top:6rem;}.mt-9{margin-top:7rem;}.mt-10{margin-top:8rem;}
.mb-6{margin-bottom:4rem;}.mb-7{margin-bottom:5rem;}.mb-8{margin-bottom:6rem;}.mb-9{margin-bottom:7rem;}.mb-10{margin-bottom:8rem;}
.w-1{width:1%;}.w-2{width:2%;}.w-3{width:3%;}.w-4{width:4%;}.w-5{width:5%;}.w-6{width:6%;}.w-7{width:7%;}.w-8{width:8%;}.w-9{width:9%;}.w-10{width:10%;}.w-11{width:11%;}.w-12{width:12%;}.w-13{width:13%;}.w-14{width:14%;}.w-15{width:15%;}.w-16{width:16%;}.w-17{width:17%;}.w-18{width:18%;}.w-19{width:19%;}.w-20{width:20%;}.w-21{width:21%;}.w-22{width:22%;}.w-23{width:23%;}.w-24{width:24%;}.w-25{width:25%;}.w-26{width:26%;}.w-27{width:27%;}.w-28{width:28%;}.w-29{width:29%;}.w-30{width:30%;}.w-31{width:31%;}.w-32{width:32%;}.w-33{width:33%;}.w-34{width:34%;}.w-35{width:35%;}.w-36{width:36%;}.w-37{width:37%;}.w-38{width:38%;}.w-39{width:39%;}.w-40{width:40%;}.w-41{width:41%;}.w-42{width:42%;}.w-43{width:43%;}.w-44{width:44%;}.w-45{width:45%;}.w-46{width:46%;}.w-47{width:47%;}.w-48{width:48%;}.w-49{width:49%;}.w-50{width:50%;}.w-51{width:51%;}.w-52{width:52%;}.w-53{width:53%;}.w-54{width:54%;}.w-55{width:55%;}.w-56{width:56%;}.w-57{width:57%;}.w-58{width:58%;}.w-59{width:59%;}.w-60{width:60%;}.w-61{width:61%;}.w-62{width:62%;}.w-63{width:63%;}.w-64{width:64%;}.w-65{width:65%;}.w-66{width:66%;}.w-67{width:67%;}.w-68{width:68%;}.w-69{width:69%;}.w-70{width:70%;}.w-71{width:71%;}.w-72{width:72%;}.w-73{width:73%;}.w-74{width:74%;}.w-75{width:75%;}.w-76{width:76%;}.w-77{width:77%;}.w-78{width:78%;}.w-79{width:79%;}.w-80{width:80%;}.w-81{width:81%;}.w-82{width:82%;}.w-83{width:83%;}.w-84{width:84%;}.w-85{width:85%;}.w-86{width:86%;}.w-87{width:87%;}.w-88{width:88%;}.w-89{width:89%;}.w-90{width:90%;}.w-91{width:91%;}.w-92{width:92%;}.w-93{width:93%;}.w-94{width:94%;}.w-95{width:95%;}.w-96{width:96%;}.w-97{width:97%;}.w-98{width:98%;}.w-99{width:99%;}.w-100{width:100%;}

a img{
  opacity: 1;
  transition: 0.3s;
}
a:hover img{
  opacity: .5;
}
.li-hover > li:hover{
	background-color:#fdf0e4;
}

/*
common
*/
.btn-outline-light{
    border-color:#666;
    color:#666;
}
.news-label{
    display: inline-block;
    text-align: center;
    border-radius: 0.4rem;
    line-height: 1.4rem;
    padding:0.8rem 0.2rem;
    min-width: 90%;
    max-width:90%;
}
.news-label-pagetitle{
    display: inline-block;
    text-align: center;
    border-radius: 0.4rem;
    line-height: 1.4rem;
    padding:0.4rem 0.4rem;
}
.news-label-agane{
    background-color:#D93600;
    color:#FFF;
    font-size:0.9rem;
}
.news-label-event{
    background-color:#95D584;
    color:#693C31;
}
.news-label-shop{
    background-color:#693C31;
    color:#FFF;
}

/*
area btn
*/
.areabtn-container{}
.areabtn-container .btn-area{
    display: inline-block;
    border-color:#A67C4E;
}
.list-support-container .areabtn-container .btn-group,.btn-area{
    width:100%;
}
.support-small-container .btn{
    padding:0;
}
.areabtn-container .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show>.btn-outline-light.dropdown-toggl{
     border-color:#A67C4E;
     background-color:#A67C4E;  
     color:#FFF;
}

/*
header
*/
.header-line{
    border-color:#CFB4BC;
    border-width: 1.8px;
    margin-bottom:0;
}

/*
navigation
*/
.top-nav{}
.top-nav .nav-link{
    color:#666;
    padding-top:1rem;
}
.top-nav .nav-link:hover{
    background-color:#fdf0e4;
}

/*
mobile nav
*/
.navbar-light .navbar-toggler{
    background-color:#FFF;
}
.navbar-collapse{
    background-color:#FFF;
    border:1px solid #CFB4BC;
    padding:1rem;
}


/*
breadcrumb
*/
.breadcrumb{
    background-color:#FFF;
    padding:0;
    margin:1.4rem 0;
}
.breadcrumb a{
    color:#888;
}


/*
topimage container
*/
.top-image-container{
    margin-top:1rem;
}
.top-image-container .gurutto-logo{
    position: absolute;
    text-align: center;
    top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    z-index: 999;
    background-color: rgba(255,255,255,100);
    padding:1rem;
}

video {
  
}

/*
top-news-container
*/
.top-news-container{
    margin-top:3rem;
}
.top-news-listitem{
    display: block;
    width:100%;
    color:#222;
}
.top-news-listitem:hover{
    background-color:#fdf0e4;
    text-decoration: none;
    color:#888;
}
.top-news-listitem .row{
    align-items: center;
}
.top-news-listitem .update{
    margin-bottom:0.4rem;
}
.top-news-listitem i{
    font-size:2.6rem;
}


/*
support container
*/
.support-container{
    margin-bottom: 0.4rem;
}
.support-container .support-title{
    font-size:1.2rem;
    color:#693C31;
}
.support-container label.btn{
    padding:0;
}
.support-container .support-item-title{
    text-align:center;
}

.page-title{
    color:#A67C4E;
}

/*
list support container
*/
.list-support-container div.support-title{
    border-left:0.5rem solid #A67C4E;
    margin:0.6rem 0;
    padding:0 0.4rem;
    cursor: pointer;
}
.list-support-container ul.list-group{
    list-style: none;
    padding:0 1rem;
}
.list-support-container li{
        margin-bottom:0.4rem;
}
.list-support-container li:before{
    content: "〉";
}
.list-support-container a{
    color:#555;
}
.list-support-container .support-small-container{
    display: none;
}

/*
list category container
*/
.list-category-container .category-title{
    border-left:0.5rem solid #A67C4E;
    font-size:0.8rem;
    margin:0.6rem 0;
    padding:0 0.4rem;
    cursor: pointer;
}
.list-category-container ul.list-group{
    list-style: none;
    padding:0 1rem;
}
.list-category-container li{
        margin-bottom:0.4rem;
}
.list-category-container li:before{
    content: "〉";
}
.list-category-container a{
    color:#555;
}
.list-category-container .category-small-container{
    display: none;
}

/*
side nav
*/
.side-nav{
    margin-top:2rem;
    text-align:center;
}
.side-nav a{
    display: inline-block;
    margin-bottom: 1rem;
}

/*
category list
*/
.category-list .btn-category{
    width: 100%;
    color:#A67C4E;
    border-color:#A67C4E;
    padding-top:0.8rem;
    padding-bottom:0.8rem;
    font-size:0.9rem;
}
.category-list .btn-category:hover{
    color:#FFF;
    background-color:#A67C4E;
}
.category-small-container-top{
    display: none;
}
.category-small-container-top .card-header{
    font-size:1.1rem;
    color:#000;
}



/*
shop list container
*/
.shop-list-container .shop-title{
    font-size:1.4rem;
    color:#A67C4E;
}
.shop-list-container .shop-title:hover{
    text-decoration: underline
}
.shop-list-container .shop-tel{
    font-size:1.4rem;
}
.shop-list-container .shop-text{
    padding:0.6rem;
    font-size:0.9rem;
    color:#2186C5;
}

/*
shop page container
*/
.shop-page-container .shop-label{
    padding:0.3rem 0.6rem;
    background-color:#A67C4E;
    color:#FFF;
    font-size:0.9rem;
    font-weight: 200;
    border-radius: 0.2rem;
}
.shop-page-container .shop-tel{
    font-size:3rem;
    font-weight: 600;
}

/*
shop page news list
*/
.shop-news-container{
}
.shop-news-listitem{
    display: block;
    width:100%;
    color:#222;
}
.shop-news-listitem:hover{
    background-color:#fdf0e4;
    text-decoration: none;
    color:#888;
}
.shop-news-listitem .row{
    align-items: center;
}
.shop-news-listitem .update{
    margin-bottom:0.4rem;
}
.shop-news-listitem .title{
    font-size:1.2rem;
}
.shop-news-listitem i{
    font-size:2.6rem;
}


/*
newslist page
*/
.newslist-sidenav{
    border-right:1px solid #AAA;
}
.newslist-sidenav .btn{
    display: block;
    margin-bottom:0.4rem;
    text-align:left;
}
.newslist-sidenav .btn-outline-info{
    border-color:#A67C4E;
    color:#A67C4E;
}
.newslist-sidenav .btn-outline-info:hover{
    background-color:#A67C4E;
    color:#FFF !important;
}

/*
news page
*/
.news-container{}
.news-container .update{
    color:#666;
    text-align: right;
    margin-bottom:1rem;
}
.news-container .news-content{
    padding:1rem;
}

/*
hojyo container
*/
.hojyo-container{}
.hojyo-container ul.list-group{
    margin:0.6rem 0;
    padding:0 1.4rem;
}
.hojyo-container li{
    margin-bottom:0.6rem;
}
.hojyo-container ul.hojyo-list-disc{
    list-style-type: disc;
}
.hojyo-container ul.hojyo-list-decimal{
    list-style-type: decimal;
}
.hojyo-container ul.hojyo-list-upper-latin{
    list-style-type: upper-latin;
}

/*
event container
*/
.event-container{}
.event-container ul.list-group{
    margin:0.6rem 0;
    padding:0 1.4rem;
}
.event-container li{
    margin-bottom:0.6rem;
}
.event-container ul.event-list-disc{
    list-style-type: disc;
}
.event-container ul.event-list-decimal{
    list-style-type: decimal;
}
.event-container ul.event-list-upper-latin{
    list-style-type: upper-latin;
}






/*
contact-common
*/
.contact-common{
    margin-top:8rem;
    padding:2rem 0;
    background-color: #FEFEAA;
}
.contact-common .page-title{
    text-align:center;
    border-bottom:2px solid #A67C4E;
    padding-bottom:1rem;
}
.contact-table td{
    border:none;
    width:50%;
    vertical-align: middle;
}

/*
hellowork
*/
.hellowork-table{
    font-size:0.8rem;
}
.helloworklist-sidenav .btn{
    display: block;
    margin-bottom:0.4rem;
    text-align:left;
}
.helloworklist-sidenav .btn-outline-info{
    border-color:#A67C4E;
    color:#A67C4E;
}
.helloworklist-sidenav .btn-outline-info:hover{
    background-color:#A67C4E;
    color:#FFF !important;
}


/*
footer
rgba(254,254,170,1.00)
*/
.footer-container{
    padding:2rem 0;
    background-color:#EEE;
}
.footer-container a{
    color:#444;
}

/*
work list
*/
.work-list_tr td{
	padding:0.2rem 0;
	text-align:center;
	background-color:#EEE;
}
.work-list_body td{
	vertical-align: middle;
}

.com-body{}
.com-body h3.page-header{
	text-align:center;
	margin-top:1rem;
	margin-bottom:2rem;
}
.com-body h6.page-header{
	color:#E37226;
}

/*menu*/
.menu-container{
	position:fixed;
  right: 10px;
  top: 10px;
	z-index: 99;
	width:60px;
	height:250px;
	background-color:#CCC;
	padding: 10px;
}
	.menu-text{
		margin:0;
		padding: 0;
		font-size:12px;
		text-align:center;
		color: #666;
	}
	.menu-event{
		display: block;
		margin-top:15px;
	}
.menu{
	display: block;
	position: relative;
	cursor: pointer;
	margin-top:10px;
	width: 40px;
	height: 30px;
}
.menu__line{
    background: #fff;
    display: block;
    height: 3px;
    position: absolute;
    transition:transform .3s;
    width: 100%;
}
.menu__line--center{
    top: 14px;
}
.menu__line--bottom{
    bottom: 0;
}
.menu__line--top.active{
    top: 16px;
    transform: rotate(45deg);
}
.menu__line--center.active{
    transform:scaleX(0);
}
.menu__line--bottom.active{
    bottom: 10px;
    transform: rotate(135deg);
}

/*gnav*/
.gnav{
    background: rgba(0,0,0,0.8);
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 98;
}
.gnav-container{
	width:70%;
	margin-top:30px;
	margin-left:30px;
	color: #333;
	font-size:20px;
}
	.gnav-box{
		margin-bottom: 20px;
	}
		.gnav-box .card{
			width:100%;
			height:100%;
		}
		.gnav-box .card-body{
			padding:0.4rem;
		}
		.gnav-box img{
			width:30px;
		}
		.gnav-box h6{
			font-size:14px;
		}
		.gnav-box p{
			font-size:12px;
		}
	
	.gnav-container a{
		display: inline-block;
		color: #333;
	}
	.gnav-title{
		width:100%;
		border:1px solid #333;
		text-align:center;
		padding-top:4px;
		padding-bottom: 4px;
	}
	.gnav-listlink{
		font-size:14px;
		padding:10px;
	}
		.gnav-listlink li{
			display: inline-flex;
			align-items: center;
			margin-bottom: 10px;
		}
.gnav__wrap{
    align-items:center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
}
.gnav__menu__item{
    margin: 40px 0;
}
.gnav__menu__item a{
    color: #fff;
    font-size: 2em;
    font-weight: bold;
    padding: 40px;
    text-decoration: none;
    transition: .5s;
}
.gnav__menu__item a:hover{
    color: #666;
}