@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*reset
========================================== */
*{margin:0; padding:0;}
section,article,aside,footer,header,hgroup,nav,figure,figcaption,summary { display: block; }
body,input {font-size: 14px;
color: #FFF;
line-height: 1.8;}
body,p,td,li, h5,h6 {
	font-family: "Hiragino Kaku Gothic ProN","BIZ UDPGothic", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight: 400;
}
h1,h2,h3,h4,.h1,.h2,.h3,.h4,.h5,.h6 {
	font-family: "TsukuOldMinPro-R", "Hiragino Mincho ProN", "BIZ UDPMincho", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",source-han-serif-japanese,"游明朝","Yu Mincho","游明朝体",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-weight:700;
	line-height:1.5em;
    letter-spacing: .1em;
}
.font-g {
	font-family: "Hiragino Kaku Gothic ProN","BIZ UDPGothic", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.font-m {
	font-family: "TsukuOldMinPro-R", "Hiragino Mincho ProN", "BIZ UDPMincho", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",source-han-serif-japanese,"游明朝","Yu Mincho","游明朝体",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}

a { font-size:14px; color: #8A9Dd6;text-decoration: none; outline: none;}
a:hover { color: #FFF; outline: none;}
h1, a { font-size: 1.1em; line-height: 1.5;}
img {border:0}


/*background-image fit screen
========================================== */

html.top {
	background: url('../images/back.jpg') no-repeat center center fixed;
}

html.soba {
	background: url('../images/soba/soba_back.jpg') no-repeat center center fixed;
}

html.message {
	background: url('../images/message/message_back.jpg') no-repeat center center fixed;
}

html.oshinagaki {
	background: url('../images/oshinagaki/oshinagaki_back.jpg') no-repeat center center fixed;
}

html.niou {
	background: url('../images/niou/niou_back.jpg') no-repeat center center fixed;
}

html.access {
	background: url('../images/access/access_back.jpg') no-repeat center center fixed;
}

html.media {
	background: url('../images/media/media_back.jpg') no-repeat center center fixed;
}

html.otoriyose {
	background: url('../images/otoriyose/otoriyose_back.jpg') no-repeat center center fixed;
}

html.shiomachi {
	background: url('../images/shiomachi/shiomachi_back.jpg') no-repeat center center fixed;
}

html.kankyoshuten {
	background: url('../images/kankyoshuten/kankyoshuten_back.webp') no-repeat center center fixed;
}

html.link {
	background: url('../images/link/link_back.jpg') no-repeat center center fixed;
}
html{
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-color:#333;
}

body {
	background: url('../images/flame.png') no-repeat top center;
	position:absolute;
	top:0;
	width: 100%;
	height: 100%;
	min-height:930px;
	min-width:1010px;
}

/*common
========================================== */
a {
	color:#aaa;
}

a:hover {
	color:#666;
	text-decoration:underline;
}

.red {
	color:#F00;
}

/*page layout
========================================== */
#header {
	height:227px;
}
#menu {
	margin-left:auto;margin-right:auto;
	text-align:center;
	width:1000px;
}
#menu img {
}

.container {
	margin-left:auto;
	margin-right:auto;
	width:1000px !important;
    max-width: 1000px !important;
	height:663px;
}

#slideshow {
	margin:-1px auto 0 auto;
}
.flexslider-container, #media, #tokutei, #contact, #contact_frame, #otoriyose, #movie, #link, #infowrap {
	margin:-1px auto 0 auto;
	width:1000px;
	height:663px;
	position:relative;
}

#footer {
	width: 1000px;
	margin: 0 auto;
}

#copy {
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	padding-top:5px;
	padding-right:15px;
	text-align:right;
}
.slider{
	width:1000px;
	height:663px;
}


/* access
========================================== */
#access {
	position:absolute;
	top:50px;
	left:50px;
	color:#000000;
	line-height:25px;
}
#access span {
	font-size:20px;
}

#access_tweet {
	position:absolute;
	top:415px;
	left:50px;
	width:405px;
	height:200px;
	overflow: auto;
	background-color:#e6e6e7;
	padding:5px;
}

/* slider
========================================== */
.flex-direction-nav .flex-next {
	opacity: 1;
	position:relative;
	top:-21px;
	left:933px;
	width:67px;
	height:21px;
	background: url('../images/btn-next.svg') no-repeat;
}
.flex-direction-nav .flex-prev {
	opacity: 1;
	position:relative;
	top:-21px;
	left:0px;
	width:67px;
	height:21px;
	background: url('../images/btn-prev.svg') no-repeat;
}

.hide .flex-direction-nav .flex-next, .hide .flex-direction-nav .flex-prev {
	opacity: 0;
}

.flexslider-container:hover .flex-next, .flexslider-container:hover .flex-prev {
	opacity: 1;
}

/* Shiomachi
========================================== */
#shiomachi_udon {
	position:absolute;
	z-index:20;
	top:554px;
	left:0;
}
#shiomachi_oshinagaki {
	position:absolute;
	z-index:20;
	top:588px;
	left:0;
}
#shiomachi_access {
	position:absolute;
	z-index:20;
	top:622px;
	left:0;
}

/* media
========================================== */
div#media {
	background: url('../images/media/list_back.png');

}
div#media table{
	position:relative;
	top:30px;
	left:30px;
}

div#media table tr td{
	font-family: 'Noto Sans Japanese','メイリオ', serif;
	font-weight: 200;
	width: 310px;
	font-size:17px;
	line-height:27px;
}
div#media table tr td img{
	float:left;
	margin:0 15px 5px 0;
}
div#media table tr td p{
	font-size:12px;
	line-height:18px;
}
div#media table tr td a {
	font-size:17px;
	text-decoration:underline;
	color:#ddd;
}
div#media table tr td a:hover{
	color:#aaa;
}

#overimage {
	display:none;
	position: absolute;
	width:1000px;
	height:663px;
	z-index:1000;
}

#btn-next {
	position:absolute;
	top:621px;
	right:0;
}

#imagelightbox
{
    position: fixed;
    z-index: 9999;

    -ms-touch-action: none;
    touch-action: none;
    top: 226px !important;
    width:1000px !important;
    height:663px !important;
}

#movie {
	background-color:#000;
	position:relative;
}
#player {
	margin-top:30px;
}
/* tokutei
========================================== */
div#tokutei {
	background-color:#fff;
	color: #333;
}

div.tokutei_container {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	height:663px;
	width:1000px;
	overflow-y:scroll;
}

div.tokutei_container table {
	position:absolute;
	top:40px;
	left:40px;
	margin-bottom:40px;
	height:663px;
	width:910px;
	border-collapse:collapse;
}

div.tokutei_container table tr td {
	padding: 10px 15px 10px 15px;
	vertical-align:top;
}
div.tokutei_container table tr:not(:last-child) td {
	border-bottom: 1px solid #aaa;
}
div.tokutei_container table tr td:first-child {
	border-right: 1px solid #aaa;
	text-align:right;
	width:155px;
}
div.tokutei_container table tr td a {
	font-size:14px;
}


/* about
========================================== */
#about {
	position:absolute;
	top:50px;
	left:50px;
	color:#000000;
	line-height:25px;
	font-size:15px;
}

#about table {
	border-collapse:collapse;
}
#about table tr td {
	padding: 5px 15px 5px 15px;
	vertical-align:top;
}
#about table tr:not(:last-child) td {
	border-bottom: 1px solid #aaa;
}
#about table tr td:first-child {
	border-right: 1px solid #aaa;
}
#about table tr td a {
	font-size:15px;
}


/* contact
========================================== */
#contact_frame {
	background-color:#fff;
	border:0;
}
html.frame, html.frame body {
	background:none;
	min-width:100%;
	min-height:100%;
}

div#contact {
	background-color:#fff;
	color: #333;
}
div#contact_container {
	position:absolute;
	top:40px;
	left:150px;
}
div#contact_container table {
	border-collapse:collapse;
}
div#contact_container table tr td {
	border-top: 1px solid #333;
	padding: 10px 15px 10px 15px;
	color: #333;
}
div#contact_container table tr:first-child td {
}
div#contact_container table tr:not(:last-child) td:first-child {
	background-color:#f3f4f3;
	width:200px;
}
div#contact_container table tr:not(:last-child) td:last-child {
	min-width:400px;
}
div#contact input {
	color: #333;
}
div#contact input[type=submit] {
	background-color: #333;
	color:#fff;
	float:right;
	padding:4px 30px 4px 10px;
	border:0;
	background: #b5bdc8; /* Old browsers */
	background: -moz-linear-gradient(top,  #b5bdc8 0%, #828c95 36%, #28343b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
}
div#contact input[type=button] {
	background-color: #333;
	color:#333;
	padding:4px 30px 4px 10px;
	border:0;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

/* otoriyose
========================================== */
div#otoriyose {
	background-color:#FFF;
	color: #333;
}
div#otoriyose img {
    max-width: 100%;
    width: 100%;
    height: auto;
}
div.otoriyose_container {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	height:663px;
	width:1000px;
	overflow-y:scroll;
}

#otoriyose_main {
    padding: 70px 80px;
}
.section {
    margin-bottom: 70px;
}
.sectionTitle01 {
    font-size: 25px;
    line-height: 1.3;
    margin-bottom: 2em;
}
.sectionTitle02 {
    font-size: 22px;
    line-height: 1.3;
    border-bottom: 1px solid #E8E8E8;
    padding: 0 0 .5em;
    margin-bottom: 1em;
}
.shop-banner {
    list-style: none;
    padding: 0;
    margin: 20px 0 50px;
    display: flex;
    justify-content: space-between;
}
.shop-banner li:not(:last-child) {
    margin-right: 10px;
}
.shop-banner li img {
    display: block;
}
.border {
    border: 1px solid #EFEFEF;
}
.itemSet {
    margin-bottom: 50px;
}
.item {
    display: flex;
    margin: 50px 0;
}
.item__img {
    width: 330px;
    margin-right: 30px;
}
.item__img img {
    display: block;
}
.item__img--main {
    margin-bottom: 10px;
}
.item__img--thum {
    display: flex;
    flex-wrap: wrap;
}
.item__img--thum img {
    width: calc((100% - 20px) / 3) !important;
    margin: 0 10px 10px 0;
}
.item__img--thum img:nth-child(3n) {
    margin-right: 0;
}
.item__content {
    width: calc(100% - 360px);
}
.item__name {
    font-size: 22px;
    margin-bottom: 1em;
}
.item__name span {
    font-size: 14px;
    font-weight: normal;
    margin-top: .5em;
}
.item__content p {
    font-size: 13px;
}
.fs-18px {
    font-size: 18px;
}
.fs-22px {
    font-size: 22px;
}
hr {
    border: none;
    border-bottom: 1px solid #E8E8E8;
    margin: 50px 0;
}


/* link
========================================== */
div#link {
	background: url('../images/link/list_back.png');
}
div#link div {
	padding: 65px 0 0 85px;
}
div#link h1,div#link span {
	font-size:18px;
	font-weight:normal;
}

div#link a {
	font-size:18px;
	text-decoration:underline;
	color:#ddd;
}
div#link a:hover{
	color:#aaa;
}

/* info
========================================== */
div#infowrap {
	background-color:#fff;
	color: #333;
}

div.info-start {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	height:663px;
	width:1000px;
	overflow-y:scroll;
}
div.info-start2 {
	position:absolute;
	top:80px;
	left:120px;
	margin-bottom:40px;
	width:750px;
	border-collapse:collapse;
	line-height: 200%;
}

div.info-start2 h1 {
	font-size:20px;
	margin-bottom: 50px;
}


.boxshadow {
box-shadow: 2px 2px 5px 2px #cccccc;
-moz-box-shadow: 2px 2px 5px 2px #cccccc;
-webkit-box-shadow: 2px 2px 5px 2px #cccccc;
border: 1px solid #cccccc;
	}

/* other
========================================== */
@media screen and (max-width: 1020px) {
body {
	background:none;
}

}

/* 2024.07.03
========================================== */
.imgOnText {
    position: relative;
}
.imgOnText__img {
    position: relative;
    display: block;
}
.imgOnText__text {
    position: absolute;
    width: auto !important;
    display: block;
}
.text-tate {
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    display: inline-block;
}