body { background-image: url(../img/bg.png); }

h1, h2, h3 { text-align: center; }

h1 { margin: 67px auto 70px; }

h2 { font-size: 26px; font-weight: bold; line-height: 1.2; margin-bottom: 30px; margin-top: -30px; padding-top: 30px; }
h2 span { font-size: 18px; }

h3 { font-size: 18px; font-weight: bold; margin: 10px 0 25px; }

section { margin-bottom: 160px; }

/*a:hover { opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity:0.6; -khtml-opacity: 0.6; zoom:1; }
*/
h3, p { font-weight: normal; font-size: 13px; line-height: 2.5; letter-spacing: 0.025em; text-align: justify; text-justify: inter-ideograph; margin-bottom: 30px; }

.header ul { display: block; margin: 20px auto; text-align: center; }
.header li { display: inline-block; margin: 0 30px; }
.header ul li a:hover { opacity: 0.6; transition: 0.2s; }

.top_bnr{
  max-width: 600px;
  margin: 80px auto 30px;
}
.top_bnr img{
  max-width: 100%;
}

.movie { margin: 20px auto; height: 540px; overflow: hidden; }
.movie img { width: 960px; }
.movie ul { float: right; margin-top: 5px; }
.movie li { display: inline-block; margin-left: 5px; }
#movie #player { width: 419px; margin: auto; }

#slideshow { height: 550px; }

.footer p { text-align: center; }

.lead { margin: 60px auto 0; }
.lead h3 { font-weight: bold; font-size: 16px; margin-bottom: 5px; }
.lead_block {}
.lead_block p { text-align: center; font-size: 14px; line-height: 1.7; margin-bottom: 0; } 
.lead_block p + p { margin-top: 16px; }
.lead_block p strong { font-size: 22px; }
.lead_top p,
.lead_top p strong,
.lead_bottom p strong { font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif; } 

.lead_top {}
.lead_bottom { margin-top: 50px; }
.lead_bottom p,
.lead_bottom p span { font-size: 12px; }

#stylebook { width: 960px; overflow: hidden; margin-top: 110px; }
#stylebook .catalog { width: 750px; height: 480px; overflow: hidden; margin: 60px auto 0; border: 1px solid #000; box-sizing: border-box; }
#stylebook .catalog a { cursor: url(../img/cursor.cur), url(../img/cursor.png), pointer; }
#stylebook .catalog img { transition: transform 1s; }
#stylebook .catalog img:hover { transform: scale(1.05); transition: 1s; }

#coordinate { width: 960px; overflow: hidden; margin-top: 110px; }
#coordinate .catalog { width: 960px; height: 615px; overflow: hidden; margin-top: 60px; border: 1px solid #000; box-sizing: border-box; }
#coordinate .catalog a { cursor: url(../img/cursor.cur), url(../img/cursor.png), pointer; }
#coordinate .catalog img { transition: transform 1s; }
#coordinate .catalog img:hover { transform: scale(1.05); transition: 1s; }

.catalog_link { text-align: left; margin-top: 20px; }
.catalog_link a { display: flex; justify-content: flex-end; align-items: center; }
.catalog_link a span { text-decoration: underline; font-size: 14px; }
.catalog_link a:hover span { text-decoration: none; }
.catalog_link a i { margin-left: 8px; }
.catalog_link a i img { vertical-align: unset !important; }

/*
#coordinate {width: 960px;overflow: hidden;}
#coordinate .catalog a { cursor:url(../img/cursor.cur), url(../img/cursor.png), pointer }
#coordinate .catalog a:hover img{transform:scale(1.05,1.05); transition: 1s;}
*/
#magazine .lead { margin: 100px auto 40px; }
#magazine .shop { width: 440px; margin-right: 80px; float: left; }
#magazine .shop:last-child { margin-right: 0; }
#magazine .shop .shop_txt { padding: 20px 20px 0; }
#magazine .shop .shop_txt strong { display: block; font-weight: bold; font-size: 16px; margin-bottom: 10px; }
#magazine .shop .shop_txt p { margin-bottom: 30px; }
#magazine .other_shop { padding: 20px 0; border-top: 1px solid #8a6a5d; border-bottom: 1px solid #8a6a5d; text-align: center; }
#magazine .magazine { width: 960px; height: 560px; overflow: hidden; margin-top: 50px; }
#magazine .magazine a { cursor: url(../img/cursor.cur), url(../img/cursor.png), pointer; }
#magazine .magazine img { transition: transform 1s; }
#magazine .magazine img:hover { transform: scale(1.05); transition: 1s; }

#shop p { text-align: center; }
#shop .flex { display: flex; justify-content: space-between; margin-bottom: 35px; }
#shop .flex img { width: 464px; }
#shop .lead { margin-top: 50px; }
#shop .lead p:first-child { margin-bottom: 50px; }

#link .cf { display: flex; justify-content: center; gap: 10px; }
#link .link_bnr { border: 1px solid #000; box-sizing: border-box; }
#link .link_bnr:hover { border: 1px solid #fff; transition: 0.3s; }
#link .link_bnr img { width: 100%; height: auto; vertical-align: bottom; }

nav.nav_map ul { width: 960px; text-align: left; }
nav.nav_map li { display: inline; font-size: 12px; font-style: italic; margin: 0; }
nav.nav_map li.current { color: #000; }

.footer { text-transform: uppercase; margin: 40px auto; position: relative; }
.footer a { color: #3a2d25; text-decoration: none; }
.footer p a { text-decoration: none; }
.footer ul { display: block; margin: 0px auto 100px; text-align: center; }
.footer li { display: inline-block; margin: 0 30px; font-size: 15px; }
.footer li a:hover { opacity: 0.6; transition: 0.2s; }
