@charset "UTF-8";
/**************************************
							共 通 項 目
**************************************/
html { background: #DDD; }

.wrapper { width: 100%; max-width: 1920px; margin: auto; padding: 0; background-color: #FEFEFE; }

.contentBox { background: #f9f9f9; /* Old browsers */ background: -moz-linear-gradient(top, #f9f9f9 1%, #DDDDDD 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f9f9f9 1%, #DDDDDD 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f9f9f9 1%, #DDDDDD 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#DDDDDD',GradientType=0 ); /* IE6-9 */ }

/**************************************
						コ ン テ ン ツ
**************************************/
.header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.header .logo { width: 10.0rem; }
.header .logo img { width: 100%; height: auto; }

.hero { width: 100%; height: 35.0rem; background-color: #000; display: flex; align-items: center; justify-content: center; }
.hero p { font-size: 1.4rem; font-weight: 500; color: #FEFEFE; }

.contentBox h2 { font-family: serif; font-weight: 700; font-size: 2.4rem; }
.contentBox h3 { font-family: serif; font-weight: 500; font-size: 1.2rem; color: #444; }
.contentBox .modelImg { text-align: center; }
.contentBox .modelImg img { width: 100%; max-width: 300px; }
@media (min-width: 768px) { .contentBox .modelImg img { max-width: 600px; } }
@media (min-width: 992px) { .contentBox .modelImg img { max-width: 100%; } }
.contentBox p { line-height: 1.9rem; font-size: 1.0rem; }
.contentBox .tbn { display: flex; flex-wrap: wrap; }
.contentBox .tbn li { width: 19%; margin-bottom: 1.25%; margin-right: 1.25%; display: flex; align-items: center; justify-content: center; background-color: #000; }
.contentBox .tbn li:nth-child(5n) { margin-right: 0; }
.contentBox .cart { margin-right: 0; background-color: #FFCD00; padding: 0.275rem 1.0rem; color: #FEFEFE; font-size: 0.85rem; letter-spacing: 0.1rem; position: relative; width: 100%; text-align: center; display: inline-block; /*@include xl { width: auto;}*/ }
.contentBox .cart:hover { color: #00B8BF; }
.contentBox .cart a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; }
.contentBox .movie { width: 100%; }
@media (min-width: 768px) { .contentBox .movie { width: 45%; } }

/**************************************
							店 舗 情 報
**************************************/
#shop { background: #1A1A1A; color: #FEFEFE; }

#shop .row { align-items: center; }

.shopinfo { text-align: center; }
.shopinfo .shopinfo-txt1 { font-family: 'Open Sans', sans-serif; font-size: 3.0rem; font-weight: 800; letter-spacing: -0.1rem; line-height: 1.0; }
.shopinfo .shopinfo-txt2 { font-size: 1.24rem; font-weight: 700; line-height: 2.0rem; }
.shopinfo p.shopelement { padding-top: 0.5rem; margin: 1.0rem auto 0 auto; border-top: 0.1rem solid #FEFEFE; font-size: 1.0rem; text-align: left; width: 80%; }
.shopinfo p.shopelement span { display: block; margin-bottom: 0.3rem; font-family: 'Open Sans', sans-serif; font-size: 1.4rem; font-weight: 800; letter-spacing: -0.1rem; }
@media (min-width: 992px) { .shopinfo { text-align: left; }
  .shopinfo p.shopelement { width: 100%; } }

.shopinfo a, .shopelement a { color: #FEFEFE; transition: color .3s ease-out; }

.shopinfo a:hover, .shopelement a:hover { color: #FFF000; }

.mapimg { text-align: center; }

.mapimg img { width: 100%; }

.copyright { color: #CCC; width: 100%; font-size: 1.0rem; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; }