html,body{
	font-size: 16px;
	line-height: 26px;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	word-break: break-all;
}

ul,
ul li,
ol,
ol li{
	position: static;
	left: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

img{
	display: block;
}

a {
	text-justify: inter-ideograph;
	text-decoration: none;
}
a:hover {
	text-justify: inter-ideograph;
	text-decoration: none;
}
/*
a:hover .rollover{
 opacity:0.8;
 filter:alpha(opacity=80);
 -ms-filter: “alpha( opacity=80 )”;
}
*/
body{
	background: #fcfcfc;
}

/*レスポンシブ可変*/
@media screen and (max-width: 1151px) {
#pc-area {
	display: none;
}
}
@media screen and (min-width: 1151px) {
#sp-area {
	display: none;
}
}
@media screen and (min-width: 480px) {
#sp {
	display: none;
}
}
@media screen and (max-width: 480px) {
#pc {
	display: none;
}
}

@media print {
#sp-area {
	display: none;
}
#sp {
	display: none;
}
}

/*上下のマージン設定*/
.margin-top-150 {
	margin-top: 150px!important;
}
.margin-top-100 {
	margin-top: 100px!important;
}
.margin-top-80 {
	margin-top: 80px!important;
}
.margin-top-50 {
	margin-top: 50px!important;
}
.margin-top-30 {
	margin-top: 30px!important;
}
.margin-top-20 {
	margin-top: 20px!important;
}
.margin-top-15 {
	margin-top: 15px!important;
}
.margin-top-10 {
	margin-top: 10px!important;
}
.margin-top-0 {
	margin-top: 0px!important;
}
.margin-bottom-150 {
	margin-bottom: 150px!important;
}
.margin-bottom-100 {
	margin-bottom: 100px!important;
}
.margin-bottom-80 {
	margin-bottom: 80px!important;
}
.margin-bottom-50 {
	margin-bottom: 50px!important;
}
.margin-bottom-30 {
	margin-bottom: 30px!important;
}
.margin-bottom-20 {
	margin-bottom: 20px!important;
}
.margin-bottom-15 {
	margin-bottom: 15px!important;
}
.margin-bottom-10 {
	margin-bottom: 10px!important;
}
.margin-bottom-0 {
	margin-bottom: 0px!important;
}
@media screen and (max-width:1151px) {
.margin-top-150 {
	margin-top: 13.03vw!important;/*150px*/
}
.margin-top-100 {
	margin-top: 8.69vw!important;/*100px*/
}
.margin-top-80 {
	margin-top: 6.95vw!important;/*80px*/
}
.margin-top-50 {
	margin-top: 4.34vw!important;/*50px*/
}
.margin-top-30 {
	margin-top: 2.61vw!important;/*30px*/
}
.margin-top-20 {
	margin-top: 1.74vw!important;/*20px*/
}
.margin-top-15 {
	margin-top: 1.3vw!important;/*15px*/
}
.margin-top-10 {
	margin-top: 0.87vw!important;/*10px*/
}
.margin-bottom-150 {
	margin-bottom: 13.03vw!important;/*150px*/
}
.margin-bottom-100 {
	margin-bottom: 8.69vw!important;/*100px*/
}
.margin-bottom-80 {
	margin-bottom: 6.95vw!important;/*80px*/
}
.margin-bottom-50 {
	margin-bottom: 4.34vw!important;/*50px*/
}
.margin-bottom-30 {
	margin-bottom: 2.61vw!important;/*30px*/
}
.margin-bottom-20 {
	margin-bottom: 1.74vw!important;/*20px*/
}
.margin-bottom-15 {
	margin-bottom: 1.3vw!important;/*15px*/
}
.margin-bottom-10 {
	margin-bottom: 0.87vw!important;/*10px*/
}
}
@media screen and (max-width:480px) {
.margin-top-150 {
	margin-top: 20.83vw!important;/*100px*/
}
.margin-top-100 {
	margin-top: 10.42vw!important;/*50px*/
}
.margin-top-80 {
	margin-top: 8.33vw!important;/*40px*/
}
.margin-top-50 {
	margin-top: 6.25vw!important;/*30px*/
}
.margin-top-30 {
	margin-top: 4.17vw!important;/*20px*/
}
.margin-top-20 {
	margin-top: 2.08vw!important;/*10px*/
}
.margin-top-15 {
	margin-top: 2.08vw!important;/*10px*/
}
.margin-top-10 {
	margin-top: 2.08vw!important;/*10px*/
}
.margin-bottom-150 {
	margin-bottom: 20.83vw!important;/*100px*/
}
.margin-bottom-100 {
	margin-bottom: 10.42vw!important;/*50px*/
}
.margin-bottom-80 {
	margin-bottom: 8.33vw!important;/*40px*/
}
.margin-bottom-50 {
	margin-bottom: 6.25vw!important;/*30px*/
}
.margin-bottom-30 {
	margin-bottom: 4.17vw!important;/*20px*/
}
.margin-bottom-20 {
	margin-bottom: 2.08vw!important;/*10px*/
}
.margin-bottom-15 {
	margin-bottom: 2.08vw!important;/*10px*/
}
.margin-bottom-10 {
	margin-bottom: 2.08vw!important;/*10px*/
}
}

/* タイプ設定（文字サイズ） */
.f_size-8 {
	font-size: 8px;
}
.f_size-9 {
	font-size: 9px;
}
.f_size-10 {
	font-size: 10px;
}
.f_size-11 {
	font-size: 11px;
}
.f_size-12 {
	font-size: 12px;
}
.f_size-13 {
	font-size: 13px;
}
.f_size-14 {
	font-size: 14px;
}
.f_size-15 {
	font-size: 15px;
}
.f_size-16 {
	font-size: 16px;
}
.f_size-17 {
	font-size: 17px;
}
.f_size-18 {
	font-size: 18px;
}
.f_size-19 {
	font-size: 19px;
}
.f_size-20 {
	font-size: 20px;
}
.f_size-21 {
	font-size: 21px;
}
.f_size-22 {
	font-size: 22px;
}
.f_size-23 {
	font-size: 23px;
}
.f_size-24 {
	font-size: 24px;
}
.f_size-25 {
	font-size: 25px;
}
.f_size-26 {
	font-size: 26px;
}
.f_size-27 {
	font-size: 27px;
}
.f_size-28 {
	font-size: 28px;
}
.f_size-29 {
	font-size: 29px;
}
.f_size-30 {
	font-size: 30px;
}
.f_size-35 {
	font-size: 35px;
}
.f_size-40 {
	font-size: 40px;
}
.f_size-45 {
	font-size: 45px;
}
.f_size-50 {
	font-size: 50px;
}
@media screen and (max-width:1151px) {
.f_size-8 {
	font-size: 0.7vw;/*8px*/
}
.f_size-9 {
	font-size: 0.78vw;/*9px*/
}
.f_size-10 {
	font-size: 0.87vw;/*10px*/
}
.f_size-11 {
	font-size: 0.96vw;/*11px*/
}
.f_size-12 {
	font-size: 1.04vw;/*12px*/
}
.f_size-13 {
	font-size: 1.13vw;/*13px*/
}
.f_size-14 {
	font-size: 1.22vw;/*14px*/
}
.f_size-15 {
	font-size: 1.3vw;/*15px*/
}
.f_size-16 {
	font-size: 1.39vw;/*16px*/
}
.f_size-17 {
	font-size: 1.48vw;/*17px*/
}
.f_size-18 {
	font-size: 1.56vw;/*18px*/
}
.f_size-19 {
	font-size: 1.65vw;/*19px*/
}
.f_size-20 {
	font-size: 1.74vw;/*20px*/
}
.f_size-21 {
	font-size: 1.82vw;/*21px*/
}
.f_size-22 {
	font-size: 1.91vw;/*22px*/
}
.f_size-23 {
	font-size: 2vw;/*23px*/
}
.f_size-24 {
	font-size: 2.09vw;/*24px*/
}
.f_size-25 {
	font-size: 2.17vw;/*25px*/
}
.f_size-26 {
	font-size: 2.26vw;/*26px*/
}
.f_size-27 {
	font-size: 2.35vw;/*27px*/
}
.f_size-28 {
	font-size: 2.43vw;/*28px*/
}
.f_size-29 {
	font-size: 2.52vw;/*29px*/
}
.f_size-30 {
	font-size: 2.61vw;/*30px*/
}
.f_size-35 {
	font-size: 3.04vw;/*35px*/
}
.f_size-40 {
	font-size: 3.48vw;/*40px*/
}
.f_size-45 {
	font-size: 3.91vw;/*45px*/
}
.f_size-50 {
	font-size: 4.34vw;/*50px*/
}
}
@media screen and (max-width:480px) {
.f_size-8 {
	font-size: 2.5vw;/*12px*/
}
.f_size-9 {
	font-size: 2.71vw;/*13px*/
}
.f_size-10 {
	font-size: 2.92vw;/*14px*/
}
.f_size-11 {
	font-size: 3.13vw;/*15px*/
}
.f_size-12 {
	font-size: 3.33vw;/*16px*/
}
.f_size-13 {
	font-size: 3.54vw;/*17px*/
}
.f_size-14 {
	font-size: 3.54vw;/*18px*/
}
.f_size-15 {
	font-size: 3.54vw;/*19px*/
}
.f_size-16 {
	font-size: 4.17vw;/*20px*/
}
.f_size-30 {
	font-size: 5.21vw;/*25px*/
}
.f_size-35 {
	font-size: 6.25vw;/*30px*/
}
.f_size-40 {
	font-size: 7.29vw;/*35px*/
}
.f_size-45 {
	font-size: 8.33vw;/*40px*/
}
.f_size-50 {
	font-size: 9.38vw;/*45px*/
}
}
/* タイプ設定（ウエイト） */
.bold {
	font-weight: bold;
}
/* タイプ設定（カラー） */
.red {
	color: #FF0000;
}
.dark-red {
	color: #C1272D;
}
.blue {
	color: #0000FF;
}
.green {
	color: #006600;
}
.yellow {
	color: #FFFF00;
}
.pink {
	color: #e51373;
}
.orange {
	color: #FF6600;
}
.black {
	color: #000000;
}
.white {
	color: #FFFFFF;
}
/* タイプ設定（飾り） */
.underline {
	text-decoration: underline;
}
.overline {
	text-decoration: overline;
}
.line-through {
	text-decoration: line-through;
}
/* タイプ設定（テキスト寄せ） */
.text-center {
	text-align: center !important;
}
.text-left {
	text-align: left !important;
}
.text-right {
	text-align: right !important;
}
.text-justify {
	text-align: justify !important;
}

/* 共通 */
.indent_1 {
	text-indent: -1em;
	padding-left: 1em;
}
.indent_2 {
	text-indent: -2em;
	padding-left: 2em;
}
.indent_3 {
	text-indent: -3em;
	padding-left: 3em;
}
.both {
	clear: both;
}
.column-box {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	clear: both;
}
.float-left {
	float: left !important;
}
.float-right {
	float: right !important;
}

@keyframes hover{
	0% {opacity: 0.25}
	100% {opacity: 1}
}

/* ****************************** START DESKTOP ****************************** */

/* ******************************
nav
****************************** */

nav{
	margin-bottom: 100px;
	position: sticky;
	top: 0;
	z-index: 10;

	> div{
		> ul{
			display: flex;
			justify-content: space-between;
			margin: 0 auto;
			max-width: 1500px;
/*
			max-width: 1200px;
*/
			width: 100%;
	
			> li{
				flex: 1;
	
				&+li{
					margin-left: 0.5%;
/*
					margin-left: 1rem;
*/
				}
	
				> a{
					border-bottom: 1px solid #000;
					color: #000;
					display: block;
					padding-top: 1rem;
					padding-right: 0px;
					padding-bottom: 1rem;
					padding-left: 0px;
/*
					padding: 1rem;
*/
					text-align: center;
					text-decoration: none;

					@media screen and (min-width:481px){
						&:hover{
							animation: hover 2s ease 0s 1 normal;
						}
					}
				}
			}
		}

	}
}

nav img {
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

@media screen and (min-width:1151px) {
.global-nav {
	display: none;
}
.hamburger {
	display: none;
}
}


/* ******************************
cover-area
****************************** */

.cover-area {
	clear: both;
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
}
.cover-area img {
	height: auto;
	width: 100%;
}
@media screen and (max-width:1151px) {
.cover-area {
	margin-bottom: 8.69vw;/*100px*/
}
}
@media screen and (max-width:480px) {
.cover-area {
	margin-bottom: 0px;
}
}

/* ******************************
w-contents
****************************** */

.w-cont-area {
	clear: both;
	height: auto;
	width: 1000px;
	margin-right: auto;
	margin-bottom: 100px;
	margin-left: auto;
	overflow: auto;
}
.w-cont-area h2 {
	font-size: 30px;
	line-height: 40px !important;
	font-weight: bold;
	color: #b49b32;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.w-cont-area p {
	font-size: 20px;
	line-height: 30px !important;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.w-title-area {
	clear: both;
	height: auto;
	width: 1000px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}
.w-title-area h2 {
	font-size: 35px;
	line-height: 45px;
	font-weight: bold;
	color: #b49b32;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.w-cont-column {
	clear: both;
	height: auto;
	width: 1000px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	overflow: auto;
}
.w-cont-column .column2 {
	float: left;
	height: 330px;
	width: 500px;
}
.w-cont-column .column2 .title {
	height: 85px;
	width: 500px;
}
.w-cont-column .column2 .title h2 {
	font-size: 35px;
	line-height: 45px !important;
	font-weight: bold;
	color: #b49b32;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}




.w-cont-column .column2 .title2 {
	height: auto;
	width: 500px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b49b32;
	margin-bottom: 30px;
}
.w-cont-column .column2 .title2 h2 {
	font-size: 25px;
	line-height: 35px !important;
	font-weight: bold;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}





.w-cont-column .column2 .catch {
	height: 245px;
	width: 500px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
}
.w-cont-column .column2 .catch h2 {
	font-size: 35px;
	line-height: 45px !important;
	font-weight: bold;
	text-align: justify;
	color: #333;
	margin: 0px;
	padding: 0px;
}




.w-cont-column .column2 .price {
	height: auto;
	width: 500px;
}
.w-cont-column .column2 .price h2 {
	font-size: 35px;
	line-height: 45px !important;
	font-weight: bold;
	text-align: justify;
	color: #b49b32;
	margin: 0px;
	padding: 0px;
}
.w-cont-column .column2 .price p {
	font-size: 16px;
	line-height: 26px !important;
	text-align: justify;
	color: #b49b32;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}









.w-cont-column .column2 img {
	height: auto;
	width: 100%;
}
.w-cont-column4 {
	clear: both;
	height: auto;
	width: 1020px;
	margin-right: auto;
	margin-bottom: 80px;
	margin-left: auto;
	overflow: auto;
}
.w-cont-column4 .column4 {
	float: left;
	height: auto;
	width: 235px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}
.w-cont-column4 .column4 img {
    position: inherit;
    top: 0;
    left: 0;
    -webkit-transform: translate(-0%, -0%);
    -ms-transform: translate(-0%, -0%);
    transform: translate(-0%, -0%);
    height: auto;
    width: 100%;
	transition-duration: 0.5s;	/*変化に掛かる時間*/
	margin: auto;
}
.w-cont-column4 .column4 img:hover {
    -webkit-transform: translate(-0%, -0%) scale(1.2);
    -moz-transform: translate(-0%, -0%) scale(1.2);
    -o-transform: translate(-0%, -0%) scale(1.2);
    -ms-transform: translate(-0%, -0%) scale(1.2);
    transform: translate(-0%, -0%) scale(1.2);
	transition-duration: 0.5s;	/*変化に掛かる時間*/
}
.size16 {
	font-size: 16px;
}
.size18 {
	font-size: 18px;
}
.gold-frame {
	clear: both;
	height: auto;
	width: 1000px;
	border: 10px solid #b49b32;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
	overflow: auto;
}
.gold-frame h2 {
	color: #b49b32;
	font-size: 25px;
	line-height: 35px !important;
	font-weight: bold;
}
.gold-frame p {
	font-size: 16px;
	line-height: 26px !important;
}
.gold-frame .frame-l {
	height: auto;
	width: 50%;
	float: left;
	padding: 13px;
}
.gold-frame .frame-r {
	height: auto;
	width: 50%;
	float: right;
}
.gold-frame .frame-r img {
	height: auto;
	width: 100%;
}
@media screen and (max-width:1151px) {
.w-cont-area {
	width: 95%;/*1000px*/
	margin-bottom: 8.69vw;/*100px*/
}
.w-cont-area h2 {
	font-size: 2.61vw;/*30px*/
	line-height: 3.48vw !important;/*40px*/
}
.w-cont-area p {
	font-size: 1.74vw;/*20px*/
	line-height: 2.61vw !important;/*30px*/
}
.w-title-area {
	width: 90%;/*1000px*/
	margin-bottom: 4.34vw;/*50px*/
}
.w-title-area h2 {
	font-size: 3.04vw;/*35px*/
	line-height: 3.91vw;/*45px*/
}
.w-cont-column {
	width: 95%;/*1000px*/
	margin-bottom: 4.34vw;/*50px*/
}
.w-cont-column .column2 {
	height: auto;
	width: 50%;/*500px*/
}
.w-cont-column .column2 .title {
	height: 7.38vw;/*85px*/
	width: 100%;
}
.w-cont-column .column2 .title h2 {
	font-size: 3.04vw;/*35px*/
	line-height: 3.91vw !important;/*45px*/
}
.w-cont-column .column2 .title2 {
	height: auto;
	width: 100%;
	padding-bottom: 1.74vw;/*20px*/
	margin-bottom: 2.61vw;/*30px*/
}
.w-cont-column .column2 .title2 h2 {
	font-size: 2.17vw;/*25px*/
	line-height: 3.04vw !important;/*35px*/
}
.w-cont-column .column2 .catch {
	height: 21.29vw;/*245px*/
	width: 100%;
}
.w-cont-column .column2 .catch h2 {
	font-size: 3.04vw;/*35px*/
	line-height: 3.91vw !important;/*45px*/
}
.w-cont-column .column2 .price {
	height: auto;
	width: 100%;
}
.w-cont-column .column2 .price h2 {
	font-size: 3.04vw;/*35px*/
	line-height: 3.91vw !important;/*45px*/
}
.w-cont-column .column2 .price p {
	font-size: 1.39vw;/*16px*/
	line-height: 2.26vw !important;/*26px*/
	margin-top: 0.43vw;/*5px*/
}
.w-cont-column4 {
	width: 98%;/*1020px*/
	margin-bottom: 6.95vw;/*80px*/
}
.w-cont-column4 .column4 {
	width: 23%;/*235px*/
	margin-right: 1%;/*10px*/
	margin-left: 1%;/*10px*/
	margin-bottom: 1.74vw;/*20px*/
}
.size16 {
	font-size: 1.39vw;/*16px*/
}
.size18 {
	font-size: 1.56vw;/*18px*/
}
.gold-frame {
	width: 95%;
	border: 0.87vw solid #b49b32;/*10px*/
	margin-bottom: 8.69vw;/*100px*/
}
.gold-frame h2 {
	font-size: 2.17vw;/*25px*/
	line-height: 3.04vw !important;/*35px*/
}
.gold-frame p {
	font-size: 1.39vw;/*16px*/
	line-height: 2.26vw !important;/*26px*/
}
.gold-frame .frame-l {
	padding: 1.3vw;/*15px*/
}
}
@media screen and (max-width:480px) {
.w-cont-area {
	width: 90%;
	margin-bottom: 20.83vw;/*100px*/
}
.w-cont-area h2 {
	font-size: 4.17vw;/*20px*/
	line-height: 6.25vw !important;/*30px*/
}
.w-cont-area p {
	font-size: 2.92vw;/*14px*/
	line-height: 5vw !important;/*24px*/
}
.w-title-area {
	width: 100%;
	margin-bottom: 10.42vw;/*50px*/
}
.w-title-area h2 {
	font-size: 5.21vw;/*25px*/
	line-height: 7.29vw;/*35px*/
}
.w-cont-column {
	width: 90%;
	margin-bottom: 6.25vw;/*30px*/
}
.w-cont-column .column2 {
	float: none;
	height: auto;
	width: 100%;
}
.w-cont-column .column2 .title {
	height: auto;
	width: 100%;
}
.w-cont-column .column2 .title h2 {
	font-size: 5.21vw;/*25px*/
	line-height: 7.29vw !important;/*35px*/
}
.w-cont-column .column2 .title2 {
	width: 100%;
	padding-bottom: 4.17vw;/*20px*/
	margin-bottom: 6.25vw;/*30px*/
}
.w-cont-column .column2 .title2 h2 {
	font-size: 4.17vw;/*20px*/
	line-height: 6.25vw !important;/*30px*/
	text-align: center;
}
.w-cont-column .column2 .catch {
	height: auto;
	width: 100%;
	margin-top: 6.25vw;/*30px*/
	margin-bottom: 6.25vw;/*30px*/
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
.w-cont-column .column2 .catch h2 {
	font-size: 5.21vw;/*25px*/
	line-height: 7.29vw !important;/*35px*/
}
.w-cont-column .column2 .price {
	height: auto;
	width: 100%;
	margin-bottom: 6.25vw;/*30px*/
}
.w-cont-column .column2 .price h2 {
	font-size: 5.21vw;/*25px*/
	line-height: 7.29vw !important;/*35px*/
	text-align: center;
}
.w-cont-column .column2 .price p {
	font-size: 2.5vw;/*12px*/
	line-height: 4.58vw !important;/*22px*/
	margin-top: 1.04vw;/*5px*/
	text-align: center;
}
.w-cont-column4 {
	width: 100%;
	margin-bottom: 16.67vw;/*80px*/
}
.w-cont-column4 .column4 {
	width: 46%;
	margin-right: 2%;
	margin-left: 2%;
	margin-bottom: 4.17vw;/*20px*/
}
.size16 {
	font-size: 2.5vw;/*12px*/
}
.size18 {
	font-size: 2.92vw;/*14px*/
}
.gold-frame {
	width: 90%;
	border: 2.08vw solid #b49b32;/*10px*/
	margin-bottom: 16.67vw;/*80px*/
}
.gold-frame h2 {
	font-size: 4.17vw;/*20px*/
	line-height: 6.25vw !important;/*30px*/
	text-align: center;
}
.gold-frame p {
	font-size: 2.5vw;/*12px*/
	line-height: 4.58vw !important;/*22px*/
	text-align: center;
}
.gold-frame .frame-l {
	width: 100%;
	float: none;
	padding: 15px;
}
.gold-frame .frame-r {
	width: 100%;
	float: none;
}
}






/* ******************************
contents-btn
****************************** */

.contents-btn {
	clear: both;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
.contents-btn h2 {
	background-color: #b49b32;
	padding-top: 20px;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 50px;
	color: #FFF !important;
	font-size: 20px !important;
	line-height: 20px !important;
	border: 1px solid #b49b32;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}
.contents-btn h2:hover {
	cursor: pointer;
	color: #b49b32 !important;
	background-color: #fff;
	border: 1px solid #b49b32;
}
@media screen and (max-width:1151px) {
.contents-btn h2 {
	padding-top: 1.74vw;/*20px*/
	padding-right: 4.34vw;/*50px*/
	padding-bottom: 1.74vw;/*20px*/
	padding-left: 4.34vw;/*50px*/
	font-size: 1.74vw !important;/*20px*/
	line-height: 1.74vw !important;/*20px*/
}
}
@media screen and (max-width:480px) {
.contents-btn h2 {
	padding-top: 2.08vw;/*10px*/
	padding-right: 10.42vw;/*50px*/
	padding-bottom: 2.08vw;/*10px*/
	padding-left: 10.42vw;/*50px*/
	font-size: 2.92vw !important;/*14px*/
	line-height: 5vw !important;/*24px*/
}
}

/* ******************************
contents-title-area
****************************** */

.contents-title-area {
	clear: both;
	height: auto;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #b49b32;
	border-bottom-color: #b49b32;
	margin-bottom: 50px;
}
.contents-title-area img {
	margin-right: auto;
	margin-left: auto;
}
@media screen and (max-width:1151px) {
.contents-title-area {
	width: 52.13%;/*600px*/
	padding-top: 2.61vw;/*30px*/
	padding-bottom: 2.61vw;/*30px*/
	margin-bottom: 4.34vw;/*50px*/
}
.contents-title-area img {
	height: 2.61vw;/*30px*/
}
}
@media screen and (max-width:480px) {
.contents-title-area {
	width: 90%;
	padding-top: 4.17vw;/*20px*/
	padding-bottom: 4.17vw;/*20px*/
	margin-bottom: 10.42vw;/*50px*/
}
.contents-title-area img {
	height: 5.21vw;/*25px*/
}
}

/* ******************************
cont-area
****************************** */

.cont-area {
	clear: both;
	height: auto;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
	overflow: auto;
}
.cont-area img {
	height: auto;
	max-width: 100%;
}
@media screen and (max-width:1151px) {
.cont-area {
	width: 90%;
	margin-bottom: 8.69vw;/*100px*/
}
}
@media screen and (max-width:480px) {
.cont-area {
	margin-bottom: 20.83vw;/*100px*/
}
}



/* ******************************
footer-info
****************************** */

.footer-info-area {
	clear: both;
	height: 440px;
	width: 1280px;
	margin-right: auto;
	margin-bottom: 100px;
	margin-left: auto;
}
.footer-info-area .footer-info-l {
	float: left;
	height: 440px;
	width: 558px;
	border: 1px solid #b49b32;
}
.footer-info-area .footer-info-l .info-left {
	float: left;
	height: 440px;
	width: 35%;
	background-color: #b49b32;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
.footer-info-area .footer-info-l .info-left img {
	margin-right: auto;
	margin-left: auto;
}
.footer-info-area .footer-info-l .info-right {
	float: right;
	height: 440px;
	width: 65%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
.footer-info-area .footer-info-l .info-right h2 {
	font-family: "リュウミン R-KL", "Ryumin Regular KL", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "游明朝", YuMincho, "ＭＳ 明朝", serif;
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
	color: #b49b32;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.footer-info-area .footer-info-l .info-right p {
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.footer-info-area .footer-info-l .info-right .info-frame {
	clear: both;
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #b49b32;
	margin-top: 20px;
	padding-top: 3%;
	padding-bottom: 3%;
}
.footer-info-area .footer-info-r {
	float: right;
	height: 440px;
	width: 560px;
}
/*グーグルマップ設定*/
.footer-access-area {
	clear: both;
	height: 0;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-bottom: 440px;
	position: relative;
}
.footer-access-area iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
@media screen and (max-width:1151px) {
.footer-info-area {
	height: 38.23vw;/*440px*/
	width: 95%;/*1280px*/
	margin-bottom: 8.69vw;/*100px*/
}
.footer-info-area .footer-info-l {
	height: 38.23vw;/*440px*/
	width: 48%;
}
.footer-info-area .footer-info-l .info-left {
	height: 38.23vw;/*440px*/
}
.footer-info-area .footer-info-l .info-left img {
	height: auto;
	width: 80%;
}
.footer-info-area .footer-info-l .info-left .icon {
	height: auto;
	width: 40%;
}
.footer-info-area .footer-info-l .info-left p {
	font-size: 1.74vw;/*20px*/
	line-height: 2.61vw;/*30px*/
}
.footer-info-area .footer-info-l .info-right {
	height: 38.23vw;/*440px*/
}
.footer-info-area .footer-info-l .info-right h2 {
	font-size: 2.61vw;/*30px*/
	line-height: 3.48vw;/*40px*/
}
.footer-info-area .footer-info-l .info-right p {
	font-size: 1.74vw;/*20px*/
	line-height: 2.61vw;/*30px*/
}
.footer-info-area .footer-info-l .info-right .info-frame {
	margin-top: 1.74vw;/*20px*/
}
.footer-info-area .footer-info-r {
	height: 38.23vw;/*440px*/
	width: 48%;
}
/*グーグルマップ設定*/
.footer-access-area {
	padding-bottom: 38.23vw;/*440px*/
}
}
@media screen and (max-width:480px) {
.footer-info-area {
	height: 740px;
	width: 90%;
	margin-bottom: 20.83vw;/*100px*/
}
.footer-info-area .footer-info-l {
	float: none;
	height: 340px;
	width: 100%;
	margin-bottom: 50px;
}
.footer-info-area .footer-info-l .info-left {
	height: 340px;
	width: 30%;
}
.footer-info-area .footer-info-l .info-left p {
	font-size: 4.17vw;/*20px*/
	line-height: 6.25vw;/*30px*/
}
.footer-info-area .footer-info-l .info-right {
	height: 340px;
	width: 70%;
}
.footer-info-area .footer-info-l .info-right h2 {
	font-size: 6.25vw;/*30px*/
	line-height: 8.33vw;/*40px*/
}
.footer-info-area .footer-info-l .info-right p {
	font-size: 4.17vw;/*20px*/
	line-height: 6.25vw;/*30px*/
}
.footer-info-area .footer-info-l .info-right .info-frame {
	margin-top: 4.17vw;/*20px*/
}
.footer-info-area .footer-info-l .info-right .info-frame p {
	font-size: 3.33vw;/*16px*/
	line-height: 5.42vw;/*26px*/
}
.footer-info-area .footer-info-l .info-right .info-frame a {
    color: #b49b32;
    text-decoration:none;
}
.footer-info-area .footer-info-r {
	float: none;
	height: 340px;
	width: 100%;
}
/*グーグルマップ設定*/
.footer-access-area {
	padding-bottom: 340px;
}
}

/* ******************************
footer
****************************** */

footer{
	clear: both;
	margin: 6rem auto 0;

	> p{
		&:nth-of-type(1){
			text-align: center;
			margin: 0 auto 3rem;

			> a{
				border: 1px solid #000;
				color: #000;
				display: block;
				padding: 1rem;
				position: relative;
				text-align: center;
				text-decoration: none;
				width: 100%;
				max-width: 380px;
				margin: 0 auto;

				&::after{
					border-top: 1px solid #000;
					border-right: 1px solid #000;
					content: '';
					display: block;
					height: 0.5rem;
					margin-top: -0.25rem;
					position: absolute;
					top: 50%;
					transform: rotate(45deg);
					right: 0.75rem;
					width: 0.5rem;
				}

				@media screen and (min-width:481px){
					&:hover{
						animation: hover 2s ease 0s 1 normal;
					}

				}
			}
		}

		&:nth-of-type(2){
			background: #000;
			color: #fff;
			text-align: center;
			padding: 1rem;
		}
	}
}


/* ******************************
デジタルカタログ
****************************** */

.digital-catalog-area {
	height: auto;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
.digital-catalog-wrap {
	height: auto;
	width: 100%;/*660px*/
	margin-right: auto;
	margin-left: auto;
}
.digital-catalog-area h2 {
	font-family: "リュウミン R-KL", "Ryumin Regular KL", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "游明朝", YuMincho, "ＭＳ 明朝", serif;
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
	color: #b49b32;
	text-align: center;
}
.digital-catalog-area p {
	font-size: 20px;
	line-height: 30px;
	text-align: center;
}
.digital-catalog-area .title-eng {
	margin-right: auto;
	margin-left: auto;
}
.digital-catalog-area .line {
	clear: both;
	height: auto;
	width: 600px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b49b32;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 20px;
}
.digital-catalog-area .photo {
	position: relative;
	overflow: hidden;
    width: 960px;
	height: 640px;
	margin-right: auto;
	margin-left: auto;
}
.digital-catalog-area .photo img {
    position: inherit;
    top: 0;
    left: 0;
    -webkit-transform: translate(-0%, -0%);
    -ms-transform: translate(-0%, -0%);
    transform: translate(-0%, -0%);
    height: auto;
    width: 100%;
	transition-duration: 0.5s;	/*変化に掛かる時間*/
	margin: auto;
}
.digital-catalog-area .photo img:hover {
    -webkit-transform: translate(-0%, -0%) scale(1.2);
    -moz-transform: translate(-0%, -0%) scale(1.2);
    -o-transform: translate(-0%, -0%) scale(1.2);
    -ms-transform: translate(-0%, -0%) scale(1.2);
    transform: translate(-0%, -0%) scale(1.2);
	transition-duration: 0.5s;	/*変化に掛かる時間*/
}
.digital-catalog-area .book-img {
	overflow: hidden;
    width: 155px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.digital-catalog-area .book-img img {
    width: 100%;
	height: auto;
}

@media screen and (max-width:1151px) {
.digital-catalog-area .title-eng {
	height: 2.61vw;/*30px*/
	width: auto;
}
.digital-catalog-area h2 {
	font-size: 2.61vw;/*30px*/
	line-height: 3.48vw;/*40px*/
}
.digital-catalog-area p {
	font-size: 1.74vw;/*20px*/
	line-height: 2.61vw;/*30px*/
}
.digital-catalog-area .line {
	width: 52.13vw;/*600px*/
	margin-top: 2.61vw;/*30px*/
	margin-bottom: 1.74vw;/*20px*/
}
.digital-catalog-area .photo {
    width: 83.41vw;/*960px*/
	height: 55.6vw;/*640px*/
}
.digital-catalog-area .book-img {
    width: 13.47vw;/*155px*/
}
}

@media screen and (max-width:480px) {
.digital-catalog-wrap {
	width: 100%;/*660px*/
}
.digital-catalog-area .title-eng {
	height: 5.21vw;/*25px*/
}
.digital-catalog-area h2 {
	font-size: 4.17vw;/*20px*/
	line-height: 6.25vw;/*30px*/
}
.digital-catalog-area p {
	font-size: 2.92vw;/*14px*/
	line-height: 5vw;/*24px*/
}
.digital-catalog-area .line {
	width: 100%;/*600px*/
	margin-top: 6.25vw;/*30px*/
	margin-bottom: 4.17vw;/*20px*/
}
.digital-catalog-area .photo {
    width: 100%;
	height: 60vw;/*640px*/
}
.digital-catalog-area .book-img {
    width: 28.18vw;/*155px*/
}
}


/* ****************************** END DESKTOP ****************************** */















@media screen and (max-width:1151px) {

nav {
	display: none;
}

/* グローバルナビゲーション */
.global-nav {
  position: fixed;
  right: -50%; /* これで隠れる */
  top: 0;
  width: 50%; /* スマホに収まるくらい */
  height: 100vh;
  padding-top: 10.43vw;/*120px*/
  background-color: #96485c !important;
  transition: all .6s;
  z-index: 998;
  overflow-y: auto; /* メニューが多くなったらスクロールできるように */
}
.hamburger {
	position: fixed;
	right: 4.34vw;/*50px*/
	top: 2.78vw;/*32px*/
	width: 6.95vw; /*80px クリックしやすいようにちゃんと幅を指定する */
	height: 6.95vw; /*80px クリックしやすいようにちゃんと高さを指定する */
	cursor: pointer;
	z-index: 999;
	background-color: #96485c;
}
.global-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.global-nav__item {
  text-align: center;
}
.global-nav__item a {
	display: block;
	padding: 2.61vw 0;/*30px*/
	border-bottom: 1px solid #fff;
	text-decoration: none;
	color: #fff;
	font-size: 2.17vw;/*25px*/
	line-height: 3.04vw;/*35px*/
}
.global-nav__item a:hover {
  background-color: #aa648c;
}
.hamburger__line {
  position: absolute;
  right: 1.56vw;/*18px*/
  width: 3.91vw;/*45px*/
  height: 0.35vw;/*4px*/
  background-color: #fff;
  transition: all .6s;
}
.hamburger__line--1 {
  top: 1vw;/*18px*/
}
.hamburger__line--2 {
  top: 2.25vw;/*37px*/
}
.hamburger__line--3 {
  top: 3.55vw;/*56px*/
}
.hamburger p {
	position: absolute;
	font-size: 1.13vw;/*13px*/
	line-height: 1.13vw;/*13px*/
	bottom: 0.87vw;/*10px*/
	text-align: center;
	left: 0px;
	right: 0px;
	font-weight: bold;
	color: #FFF;
}
.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background-color: #1c1c1c;
  opacity: 0;
  visibility: hidden;
  transition: all .6s;
  cursor: pointer;
}
/* 表示された時用のCSS */
.nav-open .global-nav {
	right: 0;
}
.nav-open .black-bg {
  opacity: .8;
  visibility: visible;
}
.nav-open .hamburger__line--1 {
	transform: rotate(45deg);
	top: 1.56vw;/*18px*/
	margin-top: 1.56vw;/*18px*/
}
.nav-open .hamburger__line--2 {
	width: 0;
	left: 50%;
}
.nav-open .hamburger__line--3 {
	transform: rotate(-45deg);
	top: 1.56vw;/*18px*/
	margin-top: 1.56vw;/*18px*/
}
.nav-open .hamburger p {
	display: none;
}
}







@media screen and (max-width:480px){
/* ****************************** START SMARTPHONE ****************************** */

html,body{
	font-size: 16px;
	line-height: 26px;
}

/* ******************************
nav
****************************** */

nav {
	display: none;
}
/*
nav{
	position: relative;
	margin: 0 0 3rem;

	> div{
		> ul{
			display: block;
			max-width: initial;
			width: auto;

			> li{
				&+li{
					margin-left: 0;
					margin-top: 1px;
				}

				> a{
					background: #fff;
					border-bottom: none;
					position: relative;

					&::before{
						border-top: 1px solid #000;
						border-right: 1px solid #000;
						content: '';
						display: block;
						height: 0.5rem;
						margin-top: -0.25rem;
						position: absolute;
						top: 50%;
						transform: rotate(45deg);
						right: 0.75rem;
						width: 0.5rem;
					}
				}
			}
		}
	}
}
*/

/* グローバルナビゲーション */
.global-nav {
  position: fixed;
  right: -100%; /* これで隠れる */
  top: 0;
  width: 100%; /* スマホに収まるくらい */
  height: 100vh;
  padding-top: 16.666666666666664vw;/*120px*/
  background-color:  #96485c !important;
  transition: all .6s;
  z-index: 998;
  overflow-y: auto; /* メニューが多くなったらスクロールできるように */
}
.hamburger {
	position: fixed;
	right: 3.90625vw;/*50px*/
	top: 4.444444444444445vw;/*32px*/
	width: 11.11111111111111vw; /*80px クリックしやすいようにちゃんと幅を指定する */
	height: 11.11111111111111vw; /*80px クリックしやすいようにちゃんと高さを指定する */
	cursor: pointer;
	z-index: 999;
	background-color:  #96485c;
}
.global-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.global-nav__item {
  text-align: center;
}
.global-nav__item a {
	display: block;
	padding: 4.166666666666666vw 0;/*30px*/
	border-bottom: 1px solid #fff;
	text-decoration: none;
	color: #fff;
	font-size: 3.4722222222222223vw;/*25px*/
	line-height: 4.861111111111112vw;/*35px*/
}
.global-nav__item a:hover {
  background-color: #aa648c;
}
.hamburger__line {
  position: absolute;
  right: 2.5vw;/*18px*/
  width: 6.25vw;/*45px*/
  height: 0.5555555555555556vw;/*4px*/
  background-color: #fff;
  transition: all .6s;
}
.hamburger__line--1 {
  top: 2vw;/*18px*/
}
.hamburger__line--2 {
  top: 3.5vw;/*37px*/
}
.hamburger__line--3 {
  top: 5vw;/*56px*/
}
.hamburger p {
	position: absolute;
	font-size: 10px;
	line-height: 10px;
	bottom: 8px;
	text-align: center;
	left: 0px;
	right: 0px;
	font-weight: bold;
	color: #FFF;
}
.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background-color: #1c1c1c;
  opacity: 0;
  visibility: hidden;
  transition: all .6s;
  cursor: pointer;
}
/* 表示された時用のCSS */
.nav-open .global-nav {
	right: 0;
}
.nav-open .black-bg {
  opacity: .8;
  visibility: visible;
}
.nav-open .hamburger__line--1 {
	transform: rotate(45deg);
	top: 2.5vw;/*18px*/
	margin-top: 2.5vw;/*18px*/
}
.nav-open .hamburger__line--2 {
	width: 0;
	left: 50%;
}
.nav-open .hamburger__line--3 {
	transform: rotate(-45deg);
	top: 2.5vw;/*18px*/
	margin-top: 2.5vw;/*18px*/
}
.nav-open .hamburger p {
	display: none;
}




/* ******************************
footer
****************************** */

footer{
	clear: both;
	margin: 3rem auto 0;

	> p{
		&:nth-of-type(1){

			> a{
				width: auto;
				max-width: initial;
				margin: 0 1rem;
			}
		}
	}
}

/* ****************************** END SMARTPHONE ****************************** */
}