article, aside, figure, figcaption, details, footer, header, hgroup, nav, section, summary {
	display: block;
}
/*common
------------------------------------------------------------------------------*/
html {
	font-family: 'Barlow Semi Condensed', "ヒラギノ角ゴ ProN W3", "游ゴシック体", "メイリオ", Meiryo, sans-serif;
    font-weight:lighter
	font-size: 100%;
	color: #333;
	letter-spacing: 0.09em;
	line-height: 100%;
	font-feature-settings: "palt";
}
body, html {
	width:100%;
	height: 100%;
	-webkit-text-size-adjust: 100%;
}
* {
	margin: 0;
	padding: 0;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	border: 0;
}
a {
	color: #333;
	text-decoration: none;
}
a:link {
	color: #999;
	text-decoration: none;
}
a:visited {
	color: #999;
	text-decoration: none;
}
a:hover {
	color: #999;
	text-decoration: none;
}
a:active {
	color: #999;
	text-decoration: none;
}
/*Clearfix=======================================*/
.clearfix:after {
	content: url(../images/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}
.clear {
	clear: both;
}
.displaynone {
	display: none;
}
/*layout
------------------------------------------------------------------------------*/
/*parallax*/
.parallax-window-top {
	height: 660px;
	background: transparent;
	margin: 0;
}
.parallax-window {
	height: 500px;
	background: transparent;
	margin: 0;
}


body {
	background-color: #e0e6d0;
}
#header-intro, #onlinestore, #about, #footer {
	background-color: #e0e6d0;
}
#about2 {
	background-color: #fff;
	padding-top: 110px;
}
#radio-yamabon {
	background-color: #c5b4a3;
}
#radio {
	background-color: #c5b4a3;
}
/*googlefont*/
.gfont {
	font-family: 'Libre Baskerville', serif;
	letter-spacing: 0.2em;
	font-size: 30px;
}
.gfont_sans {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size: 34px;
}
/* .inner */
.inner {
	margin: 0 auto;
	clear: both;
}
section .gfont {
	text-align: center;
	padding-bottom: 60px;
}
section p {
	line-height: 2.4em;
}
/* header */
header .innner {
	margin: 0 auto;
}
header .innner li {
	opacity: 1;
}
header .innner li:hover {
	opacity: 0.5;
}
header h1 {
	text-align:center;
	padding: 25px 0;
}
header h1 img{
	display:inline;
}
nav#nav-sns {
	right: 0;
}
nav#nav-sns li {
	list-style: none;
	opacity: 0.8;
}
nav#nav-sns li:hover {
	opacity: 1;
}
nav#nav-sns li img{
	width:26px;
	height:auto;
}

/*section #concept*/
#slide-img {
	width: 100%;
}
#concept h2 {
	color: #cdb3af;
	text-align: center;
}

/*section #menu*/
section#menu .gfont {
	color: #cdb3af;
}
section#menu h3 {
	color: #000;
}

section#menu h4 {
	text-align: center;
	position: relative;
	width: 100%;
	height: 100%;
}
section#menu h4 img {
	padding: 0px 20px;
	position: relative;
	top: 25%;
}
.menu-details table {
	border-bottom: solid 1px #5c5f53;
	width: 100%;
}
.menu-details table th, .menu-details table td {
	border-top: solid 1px #5c5f53;
	white-space: nowrap;
}
.menu-details table th {
	text-align: left;
	vertical-align: top;
	padding: 0.8em 3em 0 0;
	font-weight: normal;
}
.menu-details table td {
	text-align: right;
	background: #d7ddc9;
	padding: 0.8em 1em 0.8em 2em;
}
.menu-details table th strong {
	display: block;
	font-weight: normal;
	color: #808080;
	padding-top: 0.5em;
	line-height: 1.6em;
}
.menu-details table th menu2 {
	display: block;
	font-weight: normal;
	color: #333;
	padding-top: 0.5em;
	line-height: 1.6em;
}
.menu-price p {
	text-align: left;
}
.price-example {
    background: #cad2b4 none repeat scroll 0 0;
    margin-top: 45px;
    padding-bottom: 1em;
}
section#menu .price-example h4 {
	text-align: left;
	font-weight: normal;
}
.price-example li {
	list-style: none;
	padding-left: 2em;
	padding-bottom: 0.5em;
}
.simple_square_btn7 {
	font-family: 'Libre Baskerville', serif;
	font-size: 11px;
	display: block;
	position: relative;
	width: 140px;
	line-height:4em;
	padding: 0.8em;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	background: #ba9d94;
  	margin-top: 1.5em;
  	margin-bottom: 3em;
	border-radius: 5px;
	transition: all 0.8s;
}
.simple_square_btn7:hover {
	 cursor: pointer;
	 background:#997973;
}

/* section #onlinestore */
section#onlinestore a {
	text-decoration: none;
	display: block;
	background: url(../images/onlineshop-btn.jpg) no-repeat 0 0;
	transition: all 0.8s;
	border-radius: 10px;
}
section#onlinestore a:hover {
	background: url(../images/onlineshop-btn.jpg) no-repeat 0 0;
}
section#onlinestore .inner h2 {
	color: #fff;
	padding-top: 75px;
}
section#onlinestore .inner p {
	text-align: center;
	color: #fff;
}

/* section #radio-yamabon */
.list {
	display: grid;
	grid-template-columns: 300px 300px;
	gap: 25px;
	justify-content: center;
  width: 100%;
  margin: 0 auto;
	padding: 15px;
}
.list-item {
	width: 300px;
	height: 200px;
	text-align: center;
	background: #0cf;
	border-radius: 10px;
}
.pic1{
	background: url(../images/radio28-btn.jpg) no-repeat 0 0;
	background-size: cover;
	background-position: center top;
}
.list p{

}

/* section #radio */
section#radio .radio28 a {
	text-decoration: none;
	display: block;
	background: url(../images/radio28-btn.jpg) no-repeat 0 0;
	transition: all 0.8s;
	border-radius: 13px;
}
section#radio .radio27 a {
	text-decoration: none;
	display: block;
	background: url(../images/radio27-btn.jpg) no-repeat 0 0;
	transition: all 0.8s;
	border-radius: 13px;
}
section#radio .radio26 a {
	text-decoration: none;
	display: block;
	background: url(../images/radio26-btn.jpg) no-repeat 0 0;
	transition: all 0.8s;
	border-radius: 13px;
}
section#radio .radio25 a {
	text-decoration: none;
	display: block;
	background: url(../images/radio25-btn.jpg) no-repeat 0 0;
	transition: all 0.8s;
	border-radius: 13px;
}
section#radio .radio24 a {
	text-decoration: none;
	display: block;
	background: url(../images/radio24-btn.jpg) no-repeat 0 0;
	transition: all 0.8s;
	border-radius: 13px;
}
section#radio .radio23 a {
	text-decoration: none;
	display: block;
	background: url(../images/radio23-btn.jpg) no-repeat 0 0;
	transition: all 0.8s;
	border-radius: 13px;
}
section#radio .radio22 a {
	text-decoration: none;
	display: block;
	background: url(../images/radio22-btn.jpg) no-repeat 0 0;
	transition: all 0.8s;
	border-radius: 13px;
}
section#radio .radio21 a {
	text-decoration: none;
	display: block;
	background: url(../images/radio21-btn.jpg) no-repeat 0 0;
	transition: all 0.8s;
	border-radius: 13px;
}
section#radio .radio20 a {
	text-decoration: none;
	display: block;
	background: url(../images/radio20-btn.jpg) no-repeat 0 0;
	transition: all 0.8s;
	border-radius: 13px;
}
section#radio .radio19 a {
	text-decoration: none;
	display: block;
	background: url(../images/radio19-btn.jpg) no-repeat 0 0;
	transition: all 0.8s;
	border-radius: 13px;
}
section#radio .radio18 a {
	text-decoration: none;
	display: block;
	background: url(../images/radio18-btn.jpg) no-repeat 0 0;
	transition: all 0.8s;
	border-radius: 13px;
}
section#radio .radio17 a {
	text-decoration: none;
	display: block;
	background: url(../images/radio17-btn.jpg) no-repeat 0 0;
	transition: all 0.8s;
	border-radius: 13px;
}
section#radio .radio16 a {
	text-decoration: none;
	display: block;
	background: url(../images/radio16-btn.jpg) no-repeat 0 0;
	transition: all 0.8s;
	border-radius: 13px;
}
section#radio .radio15 a {
	text-decoration: none;
	display: block;
	background: url(../images/radio15-btn.jpg) no-repeat 0 0;
	transition: all 0.8s;
	border-radius: 13px;
}
section#radio .radio14 a {
	text-decoration: none;
	display: block;
	background: url(../images/radio14-btn.jpg) no-repeat 0 0;
	transition: all 0.8s;
	border-radius: 13px;
}
section#radio .radio13 a {
	text-decoration: none;
	display: block;
	background: url(../images/radio13-btn.jpg) no-repeat 0 0;
	transition: all 0.8s;
	border-radius: 13px;
}
section#radio .radio11 a {
	text-decoration: none;
	display: block;
	background: url(../images/radio11-btn.jpg) no-repeat 0 0;
	transition: all 0.8s;
	border-radius: 13px;
}
section#radio .radio12 a {
	text-decoration: none;
	display: block;
	background: url(../images/radio12-btn.jpg) no-repeat 0 0;
	transition: all 0.8s;
	border-radius: 13px;
}

section#radio .inner h2 {
	color: #fff;
	padding-top: 120px;
}
section#radio .inner p {
	text-align: center;
	color: #fff;
}
section#radio .inner .bk {
	text-align: center;
	color: #333;
}
section#radio .gfont {
	color: #fff;
}

/* section about */
#about-img {
	height: 560px;
}
section#about .inner {
	padding-top: 110px;
}
section#about .gfont {
	color: #cdb3af;
}
#about-details li {
	list-style: none;
	float: left;
	padding-right: 0.5em;
}
.about-license li {
	color: #808080;
}
#nav-sns {
	right: 0;
}
#nav-sns li {
	list-style: none;
	transition: all 0.3s;
	opacity: 0.8;
}
#nav-sns li:hover {
	opacity: 1;
}
#nav-sns li img{
	width:26px;
	height:auto;
}

/* section about2 */
#about2-img {
	height: 560px;
	margin-top: 50px;
}
section#about2 .inner {
	padding-top: 110px;
}
section#about2 .gfont {
	color: #cdb3af;
}
#about2-details li {
	list-style: none;
	float: left;
	padding-right: 0.5em;
}
.about2-license li {
	color: #808080;
}

/* footer */
footer {
	padding: 1.5em 2em;
}
footer p {
	float: left;
}
footer ul li {
	list-style: none;
	float: right;
}
footer ul li img{
	width:22px;
	height:auto;
}




.pc-none { display: none;}