@charset "UTF-8";
/*----------------------
	EXTEND
------------------------*/
/*----------------------------------------------------------
	STRUCTURE
------------------------------------------------------------*/
/*----------------------------------------------------------
	GTOP
------------------------------------------------------------*/
.gtop #visionWp {
  background: #f1e2ac;
}
.gtop #vision-bg {
  background: url(/koshien/shop/img/bg_vision.gif) repeat;
}
.gtop #vision {
  background: url(/koshien/shop/img/bg_visionInner.gif) repeat;
}
.gtop #vision .bx-viewport a {
  display: block;
}
.gtop #vision .bx-viewport a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  text-decoration: none !important;
}
.gtop #vision .bx-wrapper {
  background: #FFFFFF;
}
.gtop #vision .bx-wrapper .bx-pager.bx-default-pager a {
  background: #bbbbbb;
}
.gtop #vision .bx-wrapper .bx-pager.bx-default-pager a:hover,
.gtop #vision .bx-wrapper .bx-pager.bx-default-pager a.active,
.gtop #vision .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #e03666;
}
.gtop #vision .bx-wrapper .bx-controls-direction a {
  margin-top: 0;
  top: 145px;
  width: 55px;
  height: 55px;
}
.gtop #vision .bx-wrapper .bx-prev {
  left: 0;
  background: url(/koshien/shop/img/arrow_prev.png) no-repeat 0 0;
}
.gtop #vision .bx-wrapper .bx-next {
  right: 0;
  background: url(/koshien/shop/img/arrow_next.png) no-repeat 0 0;
}
.gtop #sns-section,
.gtop #info-section {
  background: #f7f3e8;
}
.gtop #sns-section h3,
.gtop #info-section h3 {
  margin-bottom: 0;
  border-bottom: 2px solid #FFFFFF;
}
.gtop #sns-section .unitInner,
.gtop #info-section .unitInner {
  background: #fdfbf4;
}
.gtop #sns-section h3 {
  background: url(/koshien/shop/img/i_sns.png) no-repeat left center;
  color: #971919;
}
.gtop #sns-section .unit {
  border-top: 2px solid #971919;
}
.gtop #sns-section2 {
  /*background: #419ca1;*/
  color: #FFFFFF;
}
.gtop #sns-section2 h3 {
  background: #419ca1;
}
.gtop #sns-section2 ul {
  background: #FFFFFF;
  font-size: 0;
  margin-bottom: 40px;
}
.gtop #sns-section2 ul li {
  display: inline-block;
  *display:  inline;
  *zoom:  1;
}
.gtop #info-section {
  clear: both;
}
.gtop #info-section h3 {
  background: url(/koshien/shop/img/i_info.png) no-repeat left center;
  color: #11838a;
}
.gtop #info-section .unit {
  border-top: 2px solid #11838a;
}
.gtop #info-section .unit table {
  width: 100%;
}
.gtop #info-section .unit table td span {
  display: inline-block;
  *display:  inline;
  *zoom:  1;
  color: #FFFFFF;
  text-align: center;
}
.gtop #info-section .unit table td span.cate-groumet {
  background: #f14c86;
}
.gtop #info-section .unit table td span.cate-goods {
  background: #71b74f;
}
.gtop #info-section .unit table td span.cate-campaign {
  background: #fd9916;
}
.gtop #info-section .unit table td span.cate-info {
  background: #4498ff;
}
.gtop #info-section .unit table td span.cate-other {
  background: #00b7c7;
}
.gtop .category-section a {
  display: block;
}
.gtop .category-section a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  text-decoration: none !important;
}
.gtop #other-section a {
  display: block;
  color: #FFFFFF;
}
.gtop #other-section a:active, .gtop #other-section a:hover, .gtop #other-section a:focus {
  text-decoration: none;
}
.gtop #other-section a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  text-decoration: none !important;
}
.gtop #other-section dt {
  text-align: center;
}
.gtop #other-section .unit-packedbox dt {
  background: #d01027;
}
.gtop #other-section .unit-playerMenu dt {
  background: #de004e;
}
.gtop #other-section .unit-goods dt {
  background: #a48a12;
}
.gtop #other-section .unit-gourmet dt {
  background: #FF794A;
}

@media screen and (min-width: 641px), print {
  .gtop #visionWp {
    padding: 40px 0;
  }
  .gtop #vision {
    width: 980px;
    margin: 0 auto;
    padding: 8px 10px;
    height: 344px;
  }
  .gtop #main {
    padding: 40px 0 70px;
  }
  .gtop #main .bnr {
    margin: 0 auto 30px auto;
  }
  .gtop #main #sns-section h3,
  .gtop #main #info-section h3 {
    height: 44px;
    line-height: 48px;
    font-size: 28px;
    padding-left: 58px;
  }
  .gtop #main #sns-section .unit,
  .gtop #main #info-section .unit {
    padding-bottom: 10px;
  }
  .gtop #main #sns-section .unitInner,
  .gtop #main #info-section .unitInner {
    margin: 10px 10px 0;
    padding: 20px;
  }
  .gtop #main #sns-section ul {
    width: 960px;
    margin: 20px 0;
    *zoom: 1;
  }
  .gtop #main #sns-section ul:after {
    content: "";
    display: table;
    clear: both;
  }
  .gtop #main #sns-section ul li {
    float: left;
    margin-right: 40px;
  }
  .gtop #main #sns-section ul li a {
    display: block;
  }
  .gtop #main #sns-section ul li a :hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    text-decoration: none !important;
  }
  .gtop #main #sns-section2 {
    height: 61px;
    *zoom: 1;
  }
  .gtop #main #sns-section2:after {
    content: "";
    display: table;
    clear: both;
  }
  .gtop #main #sns-section2 h3 {
    width: 464px;
    float: left;
    padding-left: 14px;
    line-height: 61px;
    font-size: 22px;
  }
  .gtop #main #sns-section2 ul {
    width: 522px;
    float: right;
  }
  .gtop #main #info-section .unitInner {
    padding: 12px;
  }
  .gtop #main #info-section table th, .gtop #main #info-section table td {
    padding: 8px;
  }
  .gtop #main #info-section table td span {
    display: inline-block;
    *display:  inline;
    *zoom:  1;
    width: 86px;
    height: 22px;
    line-height: 22px;
    margin-right: 16px;
    font-size: 12px;
  }
  .gtop #main .bn3 {
    display: table;
  }
  .gtop #main .bn3 li {
    display: table-cell;
    margin-right: 32px !important;
  }
  .gtop #main .category-section ul {
    width: 1040px;
    *zoom: 1;
  }
  .gtop #main .category-section ul:after {
    content: "";
    display: table;
    clear: both;
  }
  .gtop #main .category-section li {
    float: left;
    margin-right: 40px;
  }
  .gtop #main #other-section .unitWp {
    width: 1032px;
    *zoom: 1;
    margin-top: 17px;
  }
  .gtop #main #other-section .unitWp:after {
    content: "";
    display: table;
    clear: both;
  }
  .gtop #main #other-section .unitWp a {
    width: 312px;
    margin-right: 32px;
    float: left;
  }
  .gtop #main #other-section .unitWp dl {
    width: 312px;
  }
  .gtop #main #other-section .unitWp dt {
    height: 29px;
    line-height: 29px;
    font-size: 18px;
  }
  .gtop #main .unitWp1 {
    margin-top: 17px;
  }
  .gtop #main .unitWp1 dt {
    height: 29px;
    line-height: 29px;
    font-size: 18px;
  }
  .gtop #main .unitWp1 dd {
    text-indent: -9999px;
    width: 1000px;
    height: 140px;
  }
  .gtop #main .unitWp1 dd#ultra {
    background: url(/koshien/shop/img/bnr/bnr_ultra.jpg) 0 0 no-repeat;
  }
  .gtop #main .unitWp2 {
    width: 1000px;
    *zoom: 1;
    margin-top: 17px;
  }
  .gtop #main .unitWp2:after {
    content: "";
    display: table;
    clear: both;
  }
  .gtop #main .unitWp2 a {
    width: 484px;
    float: left;
  }
  .gtop #main .unitWp2 a:first-child {
    margin-right: 32px;
  }
  .gtop #main .unitWp2 dl {
    width: 484px;
  }
  .gtop #main .unitWp2 dt {
    height: 29px;
    line-height: 29px;
    font-size: 18px;
  }
  .gtop #main .no-colum {
    width: 1000px;
    margin-top: 17px;
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .gtop .bnr {
    margin-bottom: 30px;
  }
  .gtop .bnr li {
    margin-top: 20px !important;
  }
  .gtop .bnr li img {
    width: 100%;
    height: auto;
  }
  .gtop #visionWp {
    margin-bottom: 20px;
  }
  .gtop #vision img {
    width: 100%;
    height: auto;
  }
  .gtop #vision .bx-wrapper .bx-controls-direction a {
    width: 25px;
    height: 25px;
    top: 43%;
  }
  .gtop #vision .bx-wrapper .bx-pager {
    bottom: 5px;
  }
  .gtop #vision .bx-wrapper .bx-prev {
    left: 0;
    background: url(/koshien/shop/img/arrow_prev.png) no-repeat 0 0;
    background-size: 25px auto;
  }
  .gtop #vision .bx-wrapper .bx-next {
    right: 0;
    background: url(/koshien/shop/img/arrow_next.png) no-repeat 0 0;
    background-size: 25px auto;
  }
  .gtop .bnr {
    margin: 0 auto 10px auto;
  }
  .gtop #sns-section h3,
  .gtop #info-section h3 {
    height: 22px;
    line-height: 24px;
    font-size: 16px;
    padding-left: 30px;
    background-size: 18px auto;
  }
  .gtop #sns-section img {
    width: 100%;
    height: auto;
  }
  .gtop #sns-section .unitInner {
    padding: 5px;
  }
  .gtop #sns-section .unit {
    padding: 10px;
  }
  .gtop #sns-section .unit ul {
    margin-top: 10px;
  }
  .gtop #sns-section .unit ul li {
    margin-bottom: 5px;
  }
  .gtop #sns-section2 {
    margin: 0 0 20px 0 !important;
  }
  .gtop #sns-section2 p img {
    width: 100%;
    height: auto;
  }
  .gtop #sns-section2 h3 {
    margin: 0 !important;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
  }
  .gtop #sns-section2 ul {
    width: 100%;
    display: table;
  }
  .gtop #sns-section2 ul li {
    display: table-cell;
  }
  .gtop #sns-section2 ul li img {
    width: 100%;
    height: auto;
  }
  .gtop #sns-section2 #cp-section {
    width: 100%;
    background: #F14C86;
    font-size: 14px;
    margin: 0 !important;
  }
  .gtop #sns-section2 #cp-section dt {
    display: block;
    font-size: 18px;
    text-align: center;
  }
  .gtop #sns-section2 #cp-section dd br {
    display: none;
  }
  .gtop .bn3 {
    display: block;
    text-align: center;
  }
  .gtop .bn3 li {
    width: 49%;
    display: inline-block;
    margin-right: 0 !important;
  }
  .gtop .category-section img {
    width: 100%;
    height: auto;
  }
  .gtop .category-section li {
    margin-top: 5px;
  }
  .gtop .category-section li:first-child {
    margin-top: 0;
  }
  .gtop #info-section .unitInner {
    padding: 0 10px 10px;
  }
  .gtop #info-section .unitInner table th, .gtop #info-section .unitInner table td {
    display: block;
  }
  .gtop #info-section .unitInner table th {
    padding-top: 5px;
  }
  .gtop #info-section .unitInner table td {
    border-bottom: 1px dotted #58554f;
    padding-bottom: 5px;
  }
  .gtop #info-section .unitInner table td span {
    width: 7em;
    display: block;
  }
  .gtop #info-section .unitInner table:first-child td {
    border-bottom: none;
  }
  .gtop #cocopark-section img {
    width: 100%;
    height: auto;
  }
  .gtop #other-section .unitWp1 dd {
    text-indent: -9999px;
    width: 100%;
    height: 0;
    padding-top: 46.875%;
  }
  .gtop #other-section .unitWp1 dd#ultra {
    background: url(/koshien/shop/img/bnr/bnr_ultra_sp.jpg) 0 0 no-repeat;
    background-size: contain;
  }
  .gtop #other-section a {
    width: 100%;
  }
  .gtop #other-section dl, .gtop #other-section li {
    width: 100%;
    margin-bottom: 5px;
  }
  .gtop #other-section dl img, .gtop #other-section li img {
    width: 100%;
    height: auto;
  }
  .gtop #other-section dl dt, .gtop #other-section li dt {
    font-size: 14px;
  }
  .gtop #other-section .no-colum img {
    width: 100%;
    height: auto;
  }
}
/*----------------------------------------------------------
	CTOP
------------------------------------------------------------*/
.ctop #main {
  background: #000 url(/koshien/shop/gourmet/img/bg_blick.jpg) repeat-y center top;
}
.ctop #main .movie {
  background: #000;
  margin: 20px auto;
}
.ctop #main .ac_bnr {
  cursor: pointer;
}
.ctop #main .ac_contents {
  display: none;
}
.ctop #main .unit1 dl,
.ctop #main .unit dl {
  color: #000;
  background: #ffe100;
  font-weight: bold;
}
.ctop #main .unit1 a,
.ctop #main .unit a {
  display: block;
}
.ctop #main .unit1 a:active, .ctop #main .unit1 a:hover, .ctop #main .unit1 a:focus,
.ctop #main .unit a:active,
.ctop #main .unit a:hover,
.ctop #main .unit a:focus {
  text-decoration: none;
}
.ctop #main .unit1 a:hover,
.ctop #main .unit a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  text-decoration: none !important;
}
.ctop #main .stl {
  background: #ffe200;
  padding: 5px 0;
  margin: 10px auto;
  text-align: center;
}
.ctop #main .stl img {
  vertical-align: middle;
}

@media screen and (min-width: 641px), print {
  .ctop #main {
    width: 100%;
  }
  .ctop #main .movie {
    width: 1000px;
    text-align: center;
  }
  .ctop #main .playermenu, .ctop #main #reserve, .ctop #main .unit-movie {
    width: 1000px;
    margin: 0 auto 20px auto;
  }
  .ctop #main .unit.list {
    clear: both;
    *zoom: 1;
    width: 1000px;
    margin: 0 auto;
  }
  .ctop #main .unit.list:after {
    content: "";
    display: table;
    clear: both;
  }
  .ctop #main .unit.list a {
    width: 235px;
    float: left;
    margin: 0 20px 20px 0;
  }
  .ctop #main .unit.list a:nth-child(4n) {
    margin: 0 0 20px 0;
  }
  .ctop #main .unit.list dl {
    width: 235px;
  }
  .ctop #main .unit.list dt {
    text-align: center;
    font-size: 16px;
    padding: 8px 0;
  }
  .ctop #main .unit.list dt img {
    display: block;
    margin: 0 auto;
  }
  .ctop #main .unit.list dd {
    color: #000;
    font-size: 16px;
    padding: 0 0 8px 0;
    text-align: center;
  }
  .ctop #main .bnr-area {
    margin: 40px 0;
  }
  .ctop #main .stl {
    width: 1000px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 640px) {
  .ctop #titleWp {
    margin: 0;
  }
  .ctop #main {
    padding-top: 10px;
    background-size: contain;
  }
  .ctop #main .movie video {
    width: 100%;
    height: auto;
  }
  .ctop #main #reserve {
    margin: 20px auto;
  }
  .ctop #main #reserve a {
    width: 100%;
  }
  .ctop #main #reserve a img {
    width: 100%;
    height: auto;
  }
  .ctop #main .playermenu, .ctop #main .unit-movie {
    margin: 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .ctop #main .playermenu a img, .ctop #main .unit-movie a img {
    width: 100%;
    height: auto;
  }
  .ctop #main .ac_bnr img {
    width: 100%;
    height: auto;
  }
  .ctop #main .unit.list {
    *zoom: 1;
  }
  .ctop #main .unit.list:after {
    content: "";
    display: table;
    clear: both;
  }
  .ctop #main .unit.list a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 45%;
    float: left;
    margin: 0 2% 10px 2%;
  }
  .ctop #main .unit.list a:nth-of-type(2n) {
    border-right: none;
  }
  .ctop #main .unit.list dl {
    width: 100%;
    border: 3px solid #ffe100;
  }
  .ctop #main .unit.list dl dt {
    text-align: center;
  }
  .ctop #main .unit.list dl dt img {
    width: 100%;
    height: auto;
    padding-bottom: 5px;
  }
  .ctop #main .unit.list dl dd {
    color: #000;
    font-size: 13px;
    padding: 0 0 8px 0;
    text-align: center;
    height: 1em;
  }
  .ctop #main .unit.list dl dd .hide_sp {
    display: none;
  }
  .ctop #main .bnr-area {
    margin: 10px 0;
  }
  .ctop #main .stl {
    width: 96%;
  }
}
/*----------------------------------------------------------
	DETAIL TOP
------------------------------------------------------------*/
.detail-top #main {
  background: #000 url(/koshien/shop/gourmet/img/bg_blick.jpg) repeat-y center top;
}
.detail-top #main #movie {
  width: 100%;
  background: #000;
  margin: 20px auto;
  text-align: center;
  padding-top: 5px;
}
.detail-top #main .bnr {
  margin: 15px auto;
}
.detail-top #main .bnr a {
  display: block;
}
.detail-top #main .bnr img {
  width: 100%;
  height: auto;
}
.detail-top #main .att {
  color: #CC0000;
  font-weight: bold;
}
.detail-top #main .unit#new {
  background: url(/koshien/shop/gourmet/img/bg_st_bluelight.gif) repeat 0 0;
  text-align: center;
  margin-bottom: 20px;
}
.detail-top #main .unit#new h4 {
  color: #FFF;
  background: url(/koshien/shop/gourmet/img/bg_st_school.gif) repeat 0 0;
  font-weight: bold;
}
.detail-top #main .unit dt {
  background: url(/koshien/shop/gourmet/img/bg_yellowlight.gif) repeat;
  color: #000000;
  font-weight: bold;
  text-align: center;
}
.detail-top #main .unit dd {
  position: relative;
}
.detail-top #main .unit dd .new, .detail-top #main .unit dd .renew {
  position: absolute;
  top: 0;
  left: 0;
}
.detail-top #main .unit a {
  display: block;
  position: relative;
}
.detail-top #main .unit a:active, .detail-top #main .unit a:hover, .detail-top #main .unit a:focus {
  text-decoration: none;
}
.detail-top #main .unit a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  text-decoration: none !important;
}

@media screen and (min-width: 641px), print {
  .detail-top #main {
    width: 100%;
  }
  .detail-top #main .bnr {
    width: 1000px;
  }
  .detail-top #main h3 {
    width: 1008px;
    margin: 0 auto 20px auto;
    color: #FFFFFF;
  }
  .detail-top #main .att {
    margin-bottom: 30px;
    font-size: 18px;
  }
  .detail-top #main #movie {
    width: 1000px;
  }
  .detail-top #main .unit#new {
    padding-bottom: 10px;
  }
  .detail-top #main .unit#new h4 {
    margin-bottom: 20px;
  }
  .detail-top #main .unit#new a {
    float: none;
    display: inline-block;
  }
  .detail-top #main .unit {
    *zoom: 1;
    width: 1000px;
    margin: 0 auto;
  }
  .detail-top #main .unit:after {
    content: "";
    display: table;
    clear: both;
  }
  .detail-top #main .unit a {
    width: 244px;
    float: left;
    margin: 0 8px 8px 0;
  }
  .detail-top #main .unit a:nth-child(4n) {
    margin: 0 0 8px 0;
  }
  .detail-top #main .unit dl {
    width: 244px;
  }
  .detail-top #main .unit dl.end {
    width: 244px;
    float: left;
    margin: 0 8px 8px 0;
  }
  .detail-top #main .unit dt {
    height: 53px;
    line-height: 53px;
    font-size: 18px;
  }
  .detail-top #main .unit dt.second-lines {
    height: 47px;
    padding-top: 6px;
    line-height: 1.2;
  }
  .detail-top #main .unit dt.second-lines span {
    font-size: 14px;
  }
  .detail-top #main .unit dt.f-small {
    font-size: 14px;
    height: 46px;
    line-height: 1.5;
    padding-top: 7px;
    line-height: 1.5;
  }
  .detail-top #main .unit dd .new img, .detail-top #main .unit dd .renew img {
    width: 60px;
    height: 60px;
  }
  .detail-top #main .unit.link-none dl {
    float: left;
    margin: 0 8px 8px 0;
  }
}
@media screen and (max-width: 640px) {
  .detail-top #titleWp {
    margin-bottom: 0;
  }
  .detail-top #main {
    width: auto;
    background-size: contain;
  }
  .detail-top #main h3 {
    color: #FFF;
    margin: 0;
    padding: 10px 0;
  }
  .detail-top #main #movie video {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  .detail-top #main .att {
    margin-bottom: 15px;
  }
  .detail-top #main .att img {
    width: 100%;
    height: auto;
  }
  .detail-top #main .unit#new {
    padding-bottom: 10px;
  }
  .detail-top #main .unit#new h4 {
    margin-bottom: 10px;
  }
  .detail-top #main .unit#new a {
    width: 47%;
    float: none;
    display: inline-block;
    border: none;
    margin-bottom: 5px;
  }
  .detail-top #main .unit#new a dl {
    border-bottom: none;
  }
  .detail-top #main .unit {
    *zoom: 1;
    width: 100%;
  }
  .detail-top #main .unit:after {
    content: "";
    display: table;
    clear: both;
  }
  .detail-top #main .unit a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    float: left;
    border-right: 1px solid #000000;
  }
  .detail-top #main .unit a:nth-of-type(2n) {
    border-left: 1px solid #000000;
    border-right: none;
  }
  .detail-top #main .unit a img {
    width: 100%;
    height: auto;
  }
  .detail-top #main .unit dl {
    width: 100%;
    border-bottom: 2px solid #000000;
  }
  .detail-top #main .unit dl dt {
    height: 3em;
    padding: 5px;
    line-height: 1.2;
    text-align: left;
    font-size: 13px;
  }
  .detail-top #main .unit dl dt br {
    display: none;
  }
  .detail-top #main .unit dl dt.f-small {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 3px;
    font-size: 10px;
  }
  .detail-top #main .unit dl dd img {
    width: 100%;
    height: auto;
  }
  .detail-top #main .unit dl dd .new img, .detail-top #main .unit dl dd .renew img {
    width: 48px;
    height: 48px;
  }
  .detail-top #main.d-player .att img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
  .detail-top #main .link-none dl {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    float: left;
    border-right: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
  }
  .detail-top #main .link-none dl:nth-of-type(2n) {
    border-left: 1px solid #FFFFFF;
    border-right: none;
  }
  .detail-top #main .link-none dl img {
    width: 100%;
    height: auto;
  }
}
/*----------------------------------------------------------
	DETAIL
------------------------------------------------------------*/
.detail #main {
  background: #000 url(/koshien/shop/gourmet/img/bg_blick.jpg) repeat-y center top;
}
.detail span.small {
  font-size: 70%;
}
.detail #photo-area .photo {
  position: relative;
}
.detail #photo-area .photo .new, .detail #photo-area .photo .renew {
  position: absolute;
  top: 0;
  left: 0;
}
.detail #photo-area .text {
  color: #000000;
  background: url(/koshien/shop/gourmet/img/bg_yellowlight.gif) repeat;
}
.detail #photo-area .text dt {
  border-bottom: 1px solid #000000;
  line-height: 1.4;
}
.detail #photo-area .text dd.allergy {
  margin-top: 20px;
  background: #FFF;
  padding: 10px 10px 5px 10px;
}
.detail #photo-area .text dd.allergy span {
  font-size: 13px;
  padding: 4px 7px;
  display: inline-block;
  margin: 0 5px 5px 0;
  text-align: center;
  color: #000;
  line-height: 1.5;
  font-weight: bold;
}
.detail #photo-area .text dd.allergy span.list {
  background: none;
  margin-right: 0 !important;
  padding: 4px 0 !important;
}
.detail #photo-area .text dd.allergy span.egg {
  background: #fff660;
}
.detail #photo-area .text dd.allergy span.milk {
  background: #e3f1fc;
}
.detail #photo-area .text dd.allergy span.wheat {
  background: #deb068;
}
.detail #photo-area .text dd.allergy span.soba {
  background: #d6c6af;
}
.detail #photo-area .text dd.allergy span.peanut {
  background: #fff1cf;
}
.detail #photo-area .text dd.allergy span.shrimp {
  background: #f6bfbc;
}
.detail #photo-area .text dd.allergy span.crab {
  background: #f5afab;
}
.detail #photo-area .text dd.allergy span.soy {
  background: #d5eb75;
}
.detail #photo-area .text dd.allergy span.chicken {
  background: #ebc675;
}
.detail #photo-area .text dd.allergy span.sesame {
  background: #d8d8d8;
}
.detail #main .unit-l .unit,
.detail #main .unit-single .unit {
  background: #f9f5ed;
}
.detail #main .unit-l table,
.detail #main .unit-single table {
  width: 100%;
  border-collapse: separate;
}
.detail #main .unit-l table th, .detail #main .unit-l table td,
.detail #main .unit-single table th,
.detail #main .unit-single table td {
  border-bottom: 1px dashed #aa9b7e;
}
.detail #main .unit-l table tr:last-child th, .detail #main .unit-l table tr:last-child td,
.detail #main .unit-single table tr:last-child th,
.detail #main .unit-single table tr:last-child td {
  border-bottom: none;
}
.detail #main .unit-l table th,
.detail #main .unit-single table th {
  text-align: left;
  font-weight: normal;
}
.detail #main .unit-l table td,
.detail #main .unit-single table td {
  text-align: right;
}
.detail #main .unit-r {
  background: #ffeae2;
}
.detail #main .unit-r a {
  display: block;
  position: relative;
}
.detail #main .unit-r a:active, .detail #main .unit-r a:hover, .detail #main .unit-r a:focus {
  text-decoration: none;
}
.detail #main .unit-r a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  text-decoration: none !important;
}
.detail #main .unit-r dd {
  background: #ffe100;
  color: #000000;
}
.detail #main .unit-r .unit-sns ul {
  *zoom: 1;
  margin: 15px auto 0 auto;
}
.detail #main .unit-r .unit-sns ul:after {
  content: "";
  display: table;
  clear: both;
}
.detail #main .unit-r .unit-sns li {
  float: left;
  width: 50%;
}
.detail #main .unit-r .unit-sns li img {
  width: 100%;
  height: auto;
}
.detail #main .unit-r .unit-sns a {
  margin: 0;
  position: static;
}

@media screen and (min-width: 641px), print {
  .detail #main {
    width: 100%;
  }
  .detail #main #photo-area {
    *zoom: 1;
    width: 1000px;
    margin: 0 auto 7px auto;
  }
  .detail #main #photo-area:after {
    content: "";
    display: table;
    clear: both;
  }
  .detail #main #photo-area .photo {
    width: 660px;
    float: left;
  }
  .detail #main #photo-area .text {
    width: 340px;
    height: 414px;
    float: right;
  }
  .detail #main #photo-area .text dl {
    margin: 25px 25px;
  }
  .detail #main #photo-area .text dt {
    padding-bottom: 10px;
    margin-bottom: 26px;
    font-size: 26px;
  }
  .detail #main #photo-area .text dd {
    font-size: 16px;
  }
  .detail #main #photo-area .text dd.small {
    font-size: 14px;
  }
  .detail #main .unitlWp {
    *zoom: 1;
    width: 1000px;
    margin: 0 auto;
  }
  .detail #main .unitlWp:after {
    content: "";
    display: table;
    clear: both;
  }
  .detail #main .unit-l {
    width: 660px;
    float: left;
  }
  .detail #main .unit-l h5 {
    margin-top: 6px;
  }
  .detail #main .unit-l h5:first-child {
    margin-top: 0;
  }
  .detail #main .unit-l .unit {
    padding: 20px;
  }
  .detail #main .unit-l .unit .att {
    margin-top: 15px;
  }
  .detail #main .unit-l table th, .detail #main .unit-l table td {
    padding: 10px 0;
    font-size: 16px;
  }
  .detail #main .unit-l table .indent th {
    padding-left: 1em;
  }
  .detail #main .unit-r {
    width: 320px;
    float: right;
    margin-top: 13px;
  }
  .detail #main .unit-r a {
    margin: 20px;
  }
  .detail #main .unit-r dl {
    width: 280px;
  }
  .detail #main .unit-r dl dd {
    padding: 10px;
    font-size: 16px;
  }
  .detail #main .unit-single h5 {
    margin-top: 6px;
  }
  .detail #main .unit-single h5:first-child {
    margin-top: 0;
  }
  .detail #main .unit-single h5.st_menu {
    background: url(/koshien/shop/gourmet/img/bg_st.png) repeat-x bottom;
  }
  .detail #main .unit-single h5.st_store {
    background: url(/koshien/shop/gourmet/img/bg_st.png) repeat-x bottom;
  }
  .detail #main .unit-single .unit {
    padding: 20px;
  }
  .detail #main .unit-single .unit .att {
    margin-top: 15px;
  }
  .detail #main .unit-single table th, .detail #main .unit-single table td {
    padding: 10px 0;
    font-size: 16px;
  }
  .detail #main .bnr-area {
    margin: 40px 0 20px;
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .detail #titleWp {
    margin-bottom: 0;
  }
  .detail #main {
    background-size: contain;
    padding-top: 10px;
  }
  .detail #main #photo-area {
    margin-bottom: 10px;
  }
  .detail #main #photo-area .photo .new img, .detail #main #photo-area .photo .renew img {
    width: 80px;
    height: 80px;
  }
  .detail #main #photo-area img {
    width: 100%;
    height: auto;
  }
  .detail #main #photo-area dt {
    font-size: 16px;
    line-height: 1.4;
  }
  .detail #main #photo-area dt, .detail #main #photo-area dd {
    padding: 10px;
  }
  .detail #main #photo-area dd.allergy {
    margin-top: 0;
    font-size: 12px;
  }
  .detail #main #photo-area dd.allergy span {
    padding: 2px 6px;
    margin: 0 5px 5px 0;
  }
  .detail #main .unit-l .unit,
  .detail #main .unit-single .unit {
    margin-bottom: 10px;
    padding: 5px;
  }
  .detail #main .unit-l .unit table th, .detail #main .unit-l .unit table td,
  .detail #main .unit-single .unit table th,
  .detail #main .unit-single .unit table td {
    padding: 5px 0;
  }
  .detail #main .unit-l .unit table th,
  .detail #main .unit-single .unit table th {
    padding-right: 5px;
  }
  .detail #main .unit-l h5,
  .detail #main .unit-single h5 {
    width: 100%;
    overflow: hidden;
  }
  .detail #main .unit-sns ul {
    width: 100%;
    margin: 0 auto;
  }
  .detail #main .unit-sns li {
    width: 50%;
    float: left;
  }
  .detail #main .unit-sns li img {
    width: 100%;
    height: auto;
  }
  .detail #main #recomend-unit {
    *zoom: 1;
  }
  .detail #main #recomend-unit:after {
    content: "";
    display: table;
    clear: both;
  }
  .detail #main #recomend-unit h6 {
    width: 100%;
    overflow: hidden;
    margin-bottom: 2px;
    background: url(/koshien/shop/gourmet/img/bg_st_yellowlight.gif) repeat 0 0;
  }
  .detail #main #recomend-unit a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    float: left;
  }
  .detail #main #recomend-unit dl {
    width: 100%;
  }
  .detail #main #recomend-unit dl dt img {
    width: 100%;
    height: auto;
  }
  .detail #main #recomend-unit dl dd {
    text-align: left;
    padding: 5px;
    height: 32px;
    line-height: 1.2;
  }
  .detail #main .bnr-area {
    margin: 20px 0;
  }
  .detail #main .bnr-area img {
    width: 100%;
    height: auto;
  }

  #menu-unit td {
    width: 20%;
  }

  #store-unit th {
    white-space: nowrap;
  }
}
/*----------------------------------------------------------
	ULTRA
------------------------------------------------------------*/
.ultra#main dl.d-famous dt {
  background: url(/koshien/shop/gourmet/img/bg_famous.gif) repeat;
}
.ultra#main dl.d-b1 dt {
  background: url(/koshien/shop/gourmet/img/bg_b1.gif) repeat;
}
.ultra#main dl.d-volume dt {
  background: url(/koshien/shop/gourmet/img/bg_volume.gif) repeat;
}
.ultra#main dl.d-packedbox dt {
  background: url(/koshien/shop/gourmet/img/bg_packedbox.gif) repeat;
}
.ultra#main dl.d-snack dt {
  background: url(/koshien/shop/gourmet/img/bg_snack.gif) repeat;
}
.ultra#main dl.d-alcohol dt {
  background: url(/koshien/shop/gourmet/img/bg_alcohol.gif) repeat;
}
.ultra#main dl.d-fastfood dt {
  background: url(/koshien/shop/gourmet/img/bg_fastfood.gif) repeat;
}
.ultra#main dl.d-sushi dt {
  background: url(/koshien/shop/gourmet/img/bg_sushi.gif) repeat;
}
.ultra#main dl.d-sweets dt {
  background: url(/koshien/shop/gourmet/img/bg_sweets.gif) repeat;
}
.ultra#main dl.d-player dt {
  background: url(/koshien/shop/gourmet/img/bg_player.gif) repeat;
}
.ultra#main dl.d-ultra dt {
  background: url(/koshien/shop/gourmet/img/bg_ultra.gif) repeat;
}
.ultra#main dl.d-breakfast dt {
  background: url(/koshien/shop/gourmet/img/bg_breakfast.gif) repeat;
}
.ultra#main dl.d-school dt {
  background: url(/koshien/shop/gourmet/img/bg_school.gif) repeat;
}
.ultra#main dl.d-reddark dt {
  background: url(/koshien/shop/gourmet/img/bg_reddark.gif) repeat;
}
.ultra#main dl.d-redlight dt {
  background: url(/koshien/shop/gourmet/img/bg_redlight.gif) repeat;
}
.ultra#main dl.d-pinkdark dt {
  background: url(/koshien/shop/gourmet/img/bg_pinkdark.gif) repeat;
}
.ultra#main dl.d-greenlight dt {
  background: url(/koshien/shop/gourmet/img/bg_greenlight.gif) repeat;
}
.ultra#main dl.d-bluedark dt {
  background: url(/koshien/shop/gourmet/img/bg_bluedark.gif) repeat;
}
.ultra#main dl.d-bluelight dt {
  background: url(/koshien/shop/gourmet/img/bg_bluelight.gif) repeat;
}
.ultra#main dl.d-orangelight dt {
  background: url(/koshien/shop/gourmet/img/bg_orangelight.gif) repeat;
}
.ultra#main dl.d-brownlight dt {
  background: url(/koshien/shop/gourmet/img/bg_brownlight.gif) repeat;
}
.ultra#main dl.d-yellowlight dt {
  background: url(/koshien/shop/gourmet/img/bg_yellowlight.gif) repeat;
}

/*----------------------------------------------------------
	RESERVE
------------------------------------------------------------*/
.reserve #main .unit a {
  display: block;
}

.reserve-list dl.d-famous dt {
  background: url(/koshien/shop/gourmet/img/bg_famous.gif) repeat;
}
.reserve-list dl.d-b1 dt {
  background: url(/koshien/shop/gourmet/img/bg_b1.gif) repeat;
}
.reserve-list dl.d-volume dt {
  background: url(/koshien/shop/gourmet/img/bg_volume.gif) repeat;
}
.reserve-list dl.d-packedbox dt {
  background: url(/koshien/shop/gourmet/img/bg_packedbox.gif) repeat;
}
.reserve-list dl.d-snack dt {
  background: url(/koshien/shop/gourmet/img/bg_snack.gif) repeat;
}
.reserve-list dl.d-alcohol dt {
  background: url(/koshien/shop/gourmet/img/bg_alcohol.gif) repeat;
}
.reserve-list dl.d-fastfood dt {
  background: url(/koshien/shop/gourmet/img/bg_fastfood.gif) repeat;
}
.reserve-list dl.d-sushi dt {
  background: url(/koshien/shop/gourmet/img/bg_sushi.gif) repeat;
}
.reserve-list dl.d-sweets dt {
  background: url(/koshien/shop/gourmet/img/bg_sweets.gif) repeat;
}
.reserve-list dl.d-player dt {
  background: url(/koshien/shop/gourmet/img/bg_player.gif) repeat;
}
.reserve-list dl.d-ultra dt {
  background: url(/koshien/shop/gourmet/img/bg_ultra.gif) repeat;
}
.reserve-list dl.d-breakfast dt {
  background: url(/koshien/shop/gourmet/img/bg_breakfast.gif) repeat;
}
.reserve-list dl.d-school dt {
  background: url(/koshien/shop/gourmet/img/bg_school.gif) repeat;
}
.reserve-list dl.d-reddark dt {
  background: url(/koshien/shop/gourmet/img/bg_reddark.gif) repeat;
}
.reserve-list dl.d-redlight dt {
  background: url(/koshien/shop/gourmet/img/bg_redlight.gif) repeat;
}
.reserve-list dl.d-pinkdark dt {
  background: url(/koshien/shop/gourmet/img/bg_pinkdark.gif) repeat;
}
.reserve-list dl.d-greenlight dt {
  background: url(/koshien/shop/gourmet/img/bg_greenlight.gif) repeat;
}
.reserve-list dl.d-bluedark dt {
  background: url(/koshien/shop/gourmet/img/bg_bluedark.gif) repeat;
}
.reserve-list dl.d-bluelight dt {
  background: url(/koshien/shop/gourmet/img/bg_bluelight.gif) repeat;
}
.reserve-list dl.d-orangelight dt {
  background: url(/koshien/shop/gourmet/img/bg_orangelight.gif) repeat;
}
.reserve-list dl.d-brownlight dt {
  background: url(/koshien/shop/gourmet/img/bg_brownlight.gif) repeat;
}
.reserve-list dl.d-yellowlight dt {
  background: url(/koshien/shop/gourmet/img/bg_yellowlight.gif) repeat;
}

@media screen and (min-width: 641px), print {
  .reserve #main .unit ul {
    *zoom: 1;
    width: 1032px;
  }
  .reserve #main .unit ul:after {
    content: "";
    display: table;
    clear: both;
  }
  .reserve #main .unit li {
    float: left;
    margin-right: 32px;
  }
  .reserve #main .unit li p {
    padding: 10px;
    margin-top: 10px;
    border: 2px solid #E4B853;
    text-align: center;
  }
  .reserve #main .unit li p a {
    display: inline;
  }

  .reserve-list .bnr-area {
    margin-top: 40px;
    text-align: center;
    font-size: 0;
  }
  .reserve-list .bnr-area a {
    display: inline-block;
    *display:  inline;
    *zoom:  1;
    margin-left: 8px;
  }
  .reserve-list .bnr-area a:first-child {
    margin-left: 0;
  }
}
@media screen and (max-width: 640px) {
  .reserve #main .unit li {
    margin-bottom: 5px;
  }
  .reserve #main .unit li p {
    margin-bottom: 15px;
  }
  .reserve #main .unit li p a {
    display: inline;
    font-size: 14px;
  }
  .reserve #main .unit img {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
  }

  .reserve-list .bnr-area {
    margin-top: 20px;
    text-align: center;
  }
  .reserve-list .bnr-area a {
    display: block;
    margin-top: 10px;
  }
  .reserve-list .bnr-area a:first-child {
    margin-top: 0;
  }
  .reserve-list .bnr-area a img {
    width: 100%;
    height: auto;
  }
}
/*----------------------------------------------------------
	PLAYER
------------------------------------------------------------*/
.d-player#main .unit-r {
  background: none;
  text-align: center;
}
.d-player#main .unit-video video {
  width: 100%;
  height: auto;
}
.d-player#main .img_sign img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 641px), print {
  .player#main .unit#summer a {
    width: 193px;
  }
  .player#main .unit#summer a dl {
    width: 193px;
  }
  .player#main .unit#summer a dl dt {
    font-size: 15px;
    padding-top: 12px;
  }
  .player#main .unit#summer a img {
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 641px), print {
  .detail .d-bluelight.player#main #photo-area .photo,
  .detail .d-player#main #photo-area .photo {
    width: 1000px;
    float: none;
  }
  .detail .d-bluelight.player#main #photo-area .photo-half,
  .detail .d-player#main #photo-area .photo-half {
    width: 660px;
    float: left;
  }
  .detail .d-bluelight.player#main #photo-area .photo-half + .text,
  .detail .d-player#main #photo-area .photo-half + .text {
    width: 340px;
    height: 414px;
    float: right;
  }
  .detail .d-bluelight.player#main #photo-area .text,
  .detail .d-player#main #photo-area .text {
    width: 1000px;
    height: inherit;
    float: none;
  }
  .detail .d-bluelight.player#main #photo-area .text dl,
  .detail .d-player#main #photo-area .text dl {
    margin: 0;
    margin-bottom: 20px;
    padding: 25px 30px;
  }
  .detail .d-bluelight.player#main .unit-vine,
  .detail .d-player#main .unit-vine {
    width: 280px;
    height: 280px;
    padding: 20px;
  }
}
@media screen and (max-width: 640px) {
  .detail .d-bluelight.player#main #photo-area .photo img:first-child,
  .detail .d-player#main #photo-area .photo img:first-child {
    width: 66%;
    height: auto;
  }
  .detail .d-bluelight.player#main #photo-area .photo img:nth-child(2),
  .detail .d-player#main #photo-area .photo img:nth-child(2) {
    width: 34%;
    height: auto;
  }
  .detail .d-bluelight.player#main #photo-area .photo span img,
  .detail .d-player#main #photo-area .photo span img {
    width: 80px !important;
    height: 80px !important;
  }
  .detail .d-bluelight.player#main .unit-vine,
  .detail .d-player#main .unit-vine {
    height: 280px;
    padding: 10px;
  }
}
/*----------------------------------------------------------
	GROUP
------------------------------------------------------------*/
.group p.lead {
  margin-top: 30px;
  background: #DEF4FE;
  font-size: 16px;
  line-height: 1.8;
  padding: 20px;
}
.group dl.contact {
  border: 3px solid #b50a0a;
  background: #fffee9;
  text-align: center;
  margin-top: 30px;
}
.group dl.contact dt {
  background: #b50a0a;
  font-size: 24px;
  color: #FFF;
  font-weight: bold;
}
.group dl.contact dd {
  padding: 30px 0;
  font-size: 18px;
}
.group .point {
  border: 3px solid #b50a0a;
  color: #b50a0a;
  font-size: 16px;
  text-align: center;
  margin: 20px auto;
  padding: 10px;
  font-weight: bold;
}

@media screen and (min-width: 641px), print {
  .group div {
    margin-top: 30px;
  }
  .group div.benefit {
    width: 1000px;
    height: 132px;
    background: url(/koshien/shop/gourmet/group/img/i_benefit.jpg) 0 0 no-repeat;
    text-indent: -9999px;
  }
  .group div.lunchbox {
    width: 1000px;
    height: 430px;
    background: url(/koshien/shop/gourmet/group/img/i_schooltrip.jpg) 0 0 no-repeat;
    text-indent: -9999px;
  }
  .group div.lunchbox02 {
    width: 1000px;
    height: 530px;
    background: url(/koshien/shop/gourmet/group/img/i_group.jpg) 0 0 no-repeat;
    text-indent: -9999px;
  }
  .group p.at {
    text-align: right;
  }
  .group dl.contact dd > br.sponly {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .group p.lead {
    font-size: 14px;
  }
  .group div.benefit {
    width: 100%;
    height: 0;
    background: url(/koshien/shop/gourmet/group/img/i_benefit_sp.jpg) no-repeat 0 0;
    text-indent: -9999px;
    padding-top: 40.5625%;
    background-size: contain;
  }
  .group div.lunchbox {
    width: 100%;
    height: 0;
    background: url(/koshien/shop/gourmet/group/img/i_schooltrip_sp.jpg) no-repeat 0 0;
    text-indent: -9999px;
    padding-top: 67.1875%;
    background-size: contain;
  }
  .group div.lunchbox02 {
    width: 100%;
    height: 0;
    background: url(/koshien/shop/gourmet/group/img/i_group_sp.jpg) 0 0 no-repeat;
    text-indent: -9999px;
    padding-top: 150%;
    background-size: contain;
    margin-top: 15px;
  }
  .group dl.contact dt {
    font-size: 18px;
  }
  .group dl.contact dd {
    padding: 15px 0;
    font-size: 16px;
  }
}
/*----------------------------------------------------------
	TWITTER INSTAGRAM
------------------------------------------------------------*/
@media screen and (min-width: 641px), print {
  .sns-widget {
    overflow: hidden;
  }
  .sns-widget .unit-tw {
    width: 460px;
    float: left;
  }
  .sns-widget .unit-tw h5 {
    background: #55ACEE;
    margin-bottom: 10px;
    height: 62px;
  }
  .sns-widget .unit-insta {
    width: 460px;
    float: right;
  }
  .sns-widget .unit-insta h5 {
    width: 460px;
    background: #FFB109;
    margin-bottom: 10px;
    height: 62px;
  }
  .sns-widget .unit-insta li {
    float: left;
    margin: 0 5px 5px 0;
  }
  .sns-widget .unit-insta li:nth-child(3n) {
    margin: 0 0 5px 0;
  }
}
@media screen and (max-width: 640px) {
  .sns-widget .unit-tw {
    width: 100%;
    float: none;
    text-align: center;
  }
  .sns-widget .unit-tw h5 {
    width: 100%;
    background: #55ACEE;
    margin-bottom: 10px;
    height: 62px;
  }
  .sns-widget .unit-insta {
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 30px;
  }
  .sns-widget .unit-insta h5 {
    width: 100%;
    background: #FFB109;
    margin-bottom: 10px;
    height: 62px;
  }
  .sns-widget .unit-insta #instafeed {
    overflow: hidden;
    text-align: center;
  }
  .sns-widget .unit-insta li {
    width: 32%;
    height: auto;
    display: inline-block;
    margin: 0 1% 5px 0;
  }
  .sns-widget .unit-insta li img {
    width: 100%;
    height: auto;
  }
  .sns-widget .unit-insta li:nth-child(3n) {
    margin: 0 0 5px 0;
  }
}
/*----------------------------------------------------------
	voucher
------------------------------------------------------------*/
.voucher h3 {
  margin-bottom: 30px;
}
.voucher h4 {
  font-size: 24px;
  line-height: 1;
  font-weight: bold !important;
  text-align: center;
}
.voucher .unit-beer {
  background: #e89407;
  color: #FFF;
}
.voucher .unit-beer .details {
  padding: 10px;
}
.voucher .unit-beer .details dt {
  font-size: 16px;
  font-weight: bold;
}
.voucher .unit-beer .details dd {
  font-size: 12px;
  text-indent: -1em;
  margin-left: 1em;
}
.voucher .unit-beer .details span {
  color: #fede00;
  font-weight: bold;
}
.voucher .unit-goods {
  background: #b71058;
  color: #FFF;
}
.voucher .unit-goods .details {
  padding: 10px;
}
.voucher .unit-goods .details dt {
  font-size: 16px;
  font-weight: bold;
}
.voucher .unit-goods .details dd {
  font-size: 12px;
  text-indent: -1em;
  margin-left: 1em;
}
.voucher .unit-goods .details span {
  color: #fede00;
  font-weight: bold;
}
.voucher .map {
  background: #e5e5f7;
}
.voucher .map h4 {
  background: #1c1f87;
  color: #FFF;
}
.voucher .map .details {
  text-align: center;
}
.voucher .map .attentione {
  background: #d70c18;
  color: #FFF;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-align: left;
  margin-top: 30px;
}
.voucher .map .attentione dt {
  font-size: 16px;
  font-weight: bold;
}
.voucher .btn-pdf a {
  display: block;
  background: #FFE102;
  border: 5px solid #D70C18;
  color: #D70C18;
  text-align: center;
  line-height: 1;
  font-weight: bold;
  text-decoration: none;
}
.voucher .btn-pdf a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

@media screen and (min-width: 641px), print {
  .voucher h3 {
    width: 1000px;
    height: 400px;
    text-indent: -9999px;
    background: url(/koshien/shop/gourmet/voucher/img/ttl.jpg) no-repeat center center;
  }
  .voucher h4 {
    padding: 5px 0 !important;
  }
  .voucher .unit-beer {
    width: 490px;
    float: left;
  }
  .voucher .unit-beer .details {
    padding-bottom: 86px;
  }
  .voucher .unit-goods {
    width: 490px;
    float: right;
    margin-bottom: 30px;
  }
  .voucher .map {
    clear: both;
  }
  .voucher .map .details {
    padding: 20px;
  }
  .voucher .map .details .attentione {
    padding: 15px;
  }
  .voucher .map .details .attentione dd.indent {
    margin-left: 1.5em;
    text-indent: -1em;
  }
  .voucher .btn-pdf {
    margin: 30px auto 0 auto;
  }
  .voucher .btn-pdf a {
    padding: 30px 0;
    font-size: 30px;
  }
}
@media screen and (max-width: 640px) {
  .voucher h3 {
    width: 100%;
    height: 0;
    padding-top: 100%;
    text-indent: -9999px;
    background: url(/koshien/shop/gourmet/voucher/img/ttl_sp.jpg) no-repeat center center;
    background-size: contain;
  }
  .voucher h4 {
    font-size: 20px !important;
    height: 30px;
    line-height: 30px;
  }
  .voucher .unit-beer, .voucher .unit-goods, .voucher .map {
    margin-bottom: 20px;
  }
  .voucher .unit-beer img, .voucher .unit-goods img, .voucher .map img {
    width: 100%;
    height: auto;
  }
  .voucher .unit-beer dd, .voucher .unit-goods dd, .voucher .map dd {
    line-height: 1.4;
    padding-bottom: 5px;
  }
  .voucher .map .details {
    padding: 10px;
  }
  .voucher .map .details .attentione {
    padding: 10px;
  }
  .voucher .map .details .attentione dd.indent {
    margin-left: 1.5em;
    text-indent: -1em;
    padding: 0;
  }
  .voucher .btn-pdf {
    width: 300px;
    margin: 20px auto 0 auto;
  }
  .voucher .btn-pdf a {
    padding: 20px 0;
    font-size: 20px;
  }
}

/*# sourceMappingURL=shop.css.map */