/*----------タテ向き非表示----------*/

@media (orientation: landscape) {
body,html {
	 display : none;
} 
}

* {
     margin : 0;
     padding : 0;
}

img {
	border : 0;
	vertical-align : top;
	font-size : 0;
	line-height : 0;
}

@font-face {
    src : url("googlefonts/ShipporiMinchoB1-Medium.ttf") format("truetype");
    font-family : "Shippori Mincho B1";
    font-weight : 500;
    font-style : normal;
    font-display : swap;
}

@font-face {
    src : url("googlefonts/ShipporiMinchoB1-SemiBold.ttf") format("truetype");
    font-family : "Shippori Mincho B1";
    font-weight : 600;
    font-style : normal;
    font-display : swap;
}

@font-face {
    src : url("googlefonts/ShipporiMinchoB1-Bold.ttf") format("truetype");
    font-family : "Shippori Mincho B1";
    font-weight : 700;
    font-style : normal;
    font-display : swap;
}

body {
	margin : 0 0 22% 0;
	padding : 0;
	font-family : "Shippori Mincho B1";
	font-style : normal;
	font-weight : 500;
	font-size : 100%;
	color : #282828;
	background : #ffffff;
}

/*----------HEADER----------*/

#header {
	width : 100%;
	background : #ffffff;
    margin-bottom : 50px;
}

#hbg1 {
    position : absolute;
	width : 100%;
	height : 190px;
	background : #960f1e;
	background-image : url(bamboo1.svg);
	background-size : 200px;
	background-repeat : no-repeat;
	background-position : calc(50% - 90px) 235px;
	background-attachment : fixed;
	top : 170px;
	right : 0;
	z-index : 1;
}

#hbg2 {
	position : absolute;
	width : 100%;
	height : 220px;
	background-color : #f0e6d7;
	top : 0;
	right : 0;
	z-index : 0;
}

#hbox {
	position: relative;
	overflow : hidden;
	width : 100%;
    z-index : 2;
}

#hbox h1 {
    width : 100%;
    padding : 10px 0 10px 0;
	font-size : 78%;
	font-weight : 600;
    font-style : noraml;
    color : #ffffff;
    background : #4b2d2d;
    text-align : center;
}

#hbox h1 a {
    color : #ffffff;
    text-decoration : none;
}

h2#hlogo {
	position : absolute;
	width : 210px;
	top : 71px;
	left : 20px;
}

h2#hlogo img {
	width : 100%;
	height : 100%;
}

ul#gnavi,ul#snavi,p#htel {
    display : none;
}

p#mdmenu {
	position : absolute;
	width : 44px;
	top : 64px;
	right : 23px;
	z-index: 100;
}

p#mdtel {
	position : absolute;
	width : 32px;
	top : 64px;
	right : 89px;
	z-index: 100;
}

p#mdmenu img,p#mdtel img {
	width : 100%;
	height : 100%;
}

p#cover {
    margin : 85px 0 25px 4%;
}

p#cover img {
    width : 100%;
    height : 100%;
}

h2#ptitle {
    margin : 0 7% 0 7%;
	color : #ffffff;
    font-size : 160%;
    font-weight : 600;
    line-height : 1.2em;
    text-align : right;
}

h2#ptitle font {
    margin-right : 2px;
    letter-spacing : 3px;
}

h2#ptitle span {
    display : block;
    font-size : 50%;
    letter-spacing : 8px;
}

/*----------FOOTER----------*/

#footer {
	clear : both;
	width : 100%;
	margin-bottom : 30px;
	padding : 40px 0 40px 0;
	background : #960f1e;
}

#fbox {
    width : 84%;
    margin : 0 auto 0 auto;
}

#fbox h1 {
    width : 210px;
	margin : 0 auto 10px auto;
}

#fbox h1 img {
	width : 100%;
	height : 100%;
}

#fbox ul {
    list-style : none;
    overflow : hidden;
    font-weight : 600;
    font-size : 110%;
}

#fbox ul li {
    float : left;
    width : 47%;
    margin-right : 6%;
    padding : 6px 0 8px 0;
    border-bottom : solid 2px #b46473;
}

#fbox ul li:nth-child(2n) {
    margin : 0;
}

#fbox ul li:nth-child(1),#fbox ul li:nth-child(2) {
    border-top : solid 2px #b46473;
}

#fbox ul li a {
    display : block;
    color : #ffffff;
    text-decoration : none;
    background-image : url(farrow.svg);
    background-repeat : no-repeat;
    background-size : 18px;
    background-position : right 5px top 5px; 
}

/*----------LBOX----------*/

#lbox {
    clear : both;
    width : 84%;
    margin : 0 auto 0 auto;
}

#lbox p {
    margin-bottom : 10px;
    line-height : 1.6em;
}

#lbox p font {
    margin : 0 10px 0 5px;
    letter-spacing : 1px;
}

address {
    font-size : 94%;
    font-style : normal;
    letter-spacing : 1px;
}

address span {
    display : none;
}

/*----------PAGETOP----------*/

#toPageTop {
	position : fixed;
	bottom : 25px;
	right : 15px;
}

#toPageTop a {
	display : block;
	width : 60px;
	background-image : url(ptop_ov.svg);
	background-size : 100%;
	background-repeat : no-repeat;
}

#toPageTop img {
	width : 100%;
	height : 100%;
}

#toPageTop a:hover img {
	visibility : hidden;
}

/*----------MODALWINDOW----------*/

#modalarea {
	position : absolute;
	width : 84%;
	top : 50%;
	left : 50%;
	-webkit-transform : translate(-50%,-50%);
	-moz-transform : translate(-50%,-50%);
	-ms-transform : translate(-50%,-50%);
	-o-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	text-align : center;
}

ul#mainnavi {
	overflow : hidden;
	list-style : none;
	width : 100%;
	margin-bottom : 9%;
    font-weight : 700;
	font-style : normal;
	font-size : 130%;
	line-height : 1.4em;
    border-top : solid 2px #c8b9af;
    text-align : left;
}

ul#mainnavi li {
	border-bottom : solid 2px #c8b9af;
}

ul#mainnavi li font {
    letter-spacing : 10px;
}

ul#mainnavi li span {
    float : right;
    margin-right : 40px;
    padding-top : 3px;
    font-size : 65%;
    color : #877878;
    letter-spacing : 2px;
}

ul#mainnavi a {
	display : block;
	padding : 12px 0 15px 3px;
    color : #4b2d2d;
    background-image : url(marrow.svg);
    background-repeat : no-repeat;
    background-size : 24px;
    background-position : right 5px top 17px; 
	text-decoration : none;
}

ul#fsns {
    list-style : none;
    text-align : center;
    margin-bottom : 7%;
}

ul#fsns li:first-child {
    display : inline-block;
    width : 46px;
    margin-right : 10px;
	vertical-align: 11px;
}

ul#fsns li:last-child {
	display : inline-block;
    margin : 0;
	font-size : 136%;
	font-weight : 600;
	font-style : normal;
}

ul#fsns li:last-child font {
    vertical-align : 3px;
}

ul#fsns li img {
    width : 100%;
    height : 100%;
}

ul#fsns li:last-child a {
	color : #960f1e;
	text-decoration : none;
	padding : 4px 14px 7px 36px;
	letter-spacing : 1px;
    background-image : url(hiconT.svg);
    background-repeat : no-repeat;
    background-size : 19px;
    background-position : 12px 12px;
	border : solid 3px #c8b9af;
	border-radius : 30px;
}

span.close-modal-01 {
	padding : 5px 0 8px 0;
	border-bottom : solid 3px #c8b9af;
	font-size : 110%;
	font-weight : 700;
	color : #4b2d2d;
	cursor: pointer;
}