@charset "UTF-8";
/* CSS Document */
/*-------------------------------------------------------------------------------------------------------------------------------
* 基本設定
-------------------------------------------------------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:700');
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@700&display=swap');

.nav-PC.show-PC,
.eigyo-PC.show-PC,
.eigyo_box02 {
  display:none;
}
@-moz-document url-prefix() {
  .nav-PC.show-PC + #contents ,
  .eigyo-PC.show-PC + #contents  {
    padding-top: 72px;;
  }
}

.pc_none {
  display:none;
}

@media screen and (max-width:350px) {
.pc_none{
    display:block;
}
}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}
.container {
    padding-top: 23px;
}
@media screen and (max-width:767px) {
.container {
    padding-top: 0px;
}
}
.fadein {
  opacity: 0;
  transform: scale(0.1);
  transition: all 0.5s ease-in-out 0.1s;
}
@media print {
  .fadein {
    opacity: 1;
    transform: translate(0);
    transition: none;
  }
}

.fadeinRate {
  opacity: 0;
  transition: all 2.0s ease-in-out 0.3s;
}
@media print {
  .fadein {
    opacity: 1;
    transform: translate(0);
    transition: none;
  }
}

.fadeinT {
  opacity: 0;
  transform: translate(0, -20px);
  transition: all 0.5s ease-out 0.3s;
}
@media print {
  .fadeinT {
    opacity: 1;
    transform: translate(0);
    transition: none;
  }
}

.fadeinL {
  opacity: 0;
  transform: translate(-20px, 0);
  transition: all 0.5s ease-in-out 0.3s;
}
@media print {
  .fadeinL {
    opacity: 1;
    transform: translate(0);
    transition: none;
  }
}

.fadeinB {
  opacity: 0;
  transform: translate(0, 20px);
  transition: all 0.5s ease-in-out 0.3s;
}
@media print {
  .fadeinB {
    opacity: 1;
    transform: translate(0);
    transition: none;
  }
}

.fadeinR {
  opacity: 0;
  transform: translate(20px, 0);
  transition: all 0.5s ease-in-out 0.3s;
}
@media print {
  .fadeinR {
    opacity: 1;
    transform: translate(0);
    transition: none;
  }
}

.fadein.scrollin,
.fadeinRate.scrollin,
.fadeinT.scrollin,
.fadeinL.scrollin,
.fadeinB.scrollin,
.fadeinR.scrollin {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}


#wrapper {
  width:100%;
  
}
#wrapper a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#wrapper a:hover {
  opacity:0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
}
#wrapper a.test {
  text-decoration: none;
  color: inherit!important;
}
@media screen and (max-width:767px) {
  #wrapper {
    padding: 0 4vw;
  }
}

/* contents
=================================================================== */
#contents {
  max-width:100%;
  box-sizing:border-box;
}
#contents p img {
  max-width:100%;
}
#contents p,
#contents li {
  font-size: 15px;
}
#contents small {
  font-weight: normal;
}
@media screen and (max-width: 480px) {
  #contents p,
  #contents li {
    font-size: 14px;
  }
}
/* ----- header ----- */

.contentHeader {
  padding: 0 0 2rem;
}
.header-logo {
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  margin: 0 auto ;
  padding: 0;
}
.contentHeader p{
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  margin: 0 auto ;
}

.header-logo img {
  width: 100%;
  max-width: 750px;
  height: auto;
  vertical-align:bottom;
}
.header-notes1 {
margin: 1rem auto 0;
text-align: center;
}
#contents p.header-notes1--text2 {
display: inline-block;
border: 1px solid #CCC;
padding: 0.5em 1em;
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
font-weight: 400;
font-size: 0.85rem;
text-align: left;
line-height: 1;
}
@media screen and (max-width: 767px) {
#contents p.header-notes1--text2 {
line-height: 1.4;
}
}
#contents p.header-notes1--text {
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
font-weight: 400;
font-size: 0.85rem;
}
#contents p.header-notes4--text {
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
font-weight: 400;
font-size: 0.85rem;
width: 100%;
max-width: 840px;
margin: 1rem auto 0;
text-align: center;
}

.header-notes2 {
width: 100%;
max-width: 840px;
margin: 0 auto;
}
#contents p.header-notes2--text1 {
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
font-weight: 700;
font-size: 2rem;
text-align: center;
line-height: 1.35;
}
@media screen and (max-width: 767px) {
#contents p.header-notes2--text1 {
font-size: 1.5rem;
}
}
#contents p.header-notes2--text1 strong {
font-size: 2.4rem;
font-weight: 700;
}
@media screen and (max-width: 767px) {
#contents p.header-notes2--text1 strong {
font-size: 2.0rem;
}
}
#contents p.header-notes2--text1 small {
font-weight: 700;
}
#contents p.header-notes2--text2{
font-feature-settings: "palt";
font-family: "YakuHanJP", "M PLUS 1p";
font-weight: 400;
font-size: 1rem;
text-align: center;
}
.header-notes3 {
width: 100%;
max-width: 600px;
margin: 1rem auto 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 0.5rem 0;
}
.header-notes3 dl dt {
font-feature-settings: "palt";
font-family: "YakuHanJP";
font-weight: 500;
font-size: 1.125rem;
color: #FF0000;
}
.header-notes3 dl dd {
font-feature-settings: "palt";
font-family: "YakuHanJP";
font-weight: 500;
font-size: 1.125rem;
}

.btns {
width: 100%;
max-width: 750px;
margin: 0 auto;
}
.btnsflex{
    display:flex;
    justify-content: space-evenly;
    align-items: flex-start;
    width:655px;
    margin:0 auto;
}


@media screen and (max-width: 767px) {
.header-notes3 dl dt {
font-size: 0.85rem;
}
.header-notes3 dl dd {
font-size: 0.85rem;
}
.ponta{
    width:98%;
}
.ponta .btn{
    width:86.4%;
}   
  
.btns {
padding: 0 4vw;
}
.btnsflex{
    width:87.4%;
}


}


#contents p.btn {
margin-bottom: 2rem;
}
#contents p.btn_b {
margin-bottom: 0;
}
.btns a img {
width: 100%;
height: auto;
vertical-align: bottom;
}
.bnrCatalog {
  width: 100%;
  max-width: 858px;
  box-sizing: border-box;
  margin: 37px auto 0;
  padding: 0;
}
.bnrCatalog img {
  width: 100%;
  height: auto;
}
.listmap {
  width: 100%;
  max-width: 752px;
  box-sizing: border-box;
  margin: 4rem auto 0;
  padding: 0;
}
.listmap ul {
  display: flex;
  gap: 28px;
}
.listmap ul li {
max-width: 362px;
}
.listmap ul li img{
  width: 100%;
  height: auto;
}
.sns {
  width: 100%;
  max-width: 752px;
  box-sizing: border-box;
  margin: 4rem auto 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
    
    .sns {

  margin: 2rem auto 0;

}
    
}
.sns ul {
  display: flex;
  gap: 101px;
}
.sns ul li img{
  width: 100%;
  height: auto;
}

.selection {
width: 100%;
max-width: 857px;
margin: 4rem auto 0;
}
@media screen and (max-width: 767px) {
    .selection {

margin: 2rem auto 0;
}
    
    
}
.selection a{
display:block;

}
.selection_p{
position: relative;
font-size: 2rem;
text-align: center;
}

@media screen and (max-width: 768px) {
  .contentHeader {
padding: 4vw 2vw;
  }
  .header-logo {
    padding: 0;
    margin: 0 auto 0 auto;
    overflow: hidden;
  }
  .header-logo img {
  }
  .listmap {
    margin: 2rem auto 0;
  }
  .listmap ul {
    gap: 5vw;
  }
  .sns ul {
    gap: 9vw;
  }
}

@media screen and (max-width: 700px) {
  .sns ul {
    gap: 8vw;
  }
}
@media screen and (max-width: 650px) {
  .sns ul {
    gap: 7vw;
  }
}
@media screen and (max-width: 600px) {
  .sns ul {
    gap: 6vw;
  }
}
@media screen and (max-width: 550px) {
  .sns ul {
    gap: 5vw;
  }
}
@media screen and (max-width: 500px) {
  .sns ul {
    gap: 4vw;
  }
}
@media screen and (max-width: 450px) {
  .sns ul {
    gap: 3vw;
  }
}
@media screen and (max-width: 400px) {
  .sns ul {
    gap: 2vw;
  }
}
/* ----- conent ----- */
.contentWrapp {
  padding: 0;
  width: 100%;
  max-width: 750px;
  box-sizing:border-box;
  position: relative;
  background-color: #FFF;
  overflow: hidden;
  margin: 0 auto 1rem;
}
.contentWrapp.interview {
  margin: 2rem auto 0;
}

.contentWrapp.bg01 {
  max-width: 646px;
}
@media screen and (max-width: 767px) {
.contentWrapp.bg01 {
  max-width: 100%;
}
}

.contentWrapp.accordion.bg01 {

}

.contentWrapp.bg02 {
  border-top:2px solid #000000;
  border-bottom:2px solid #000000;
  max-width: 753px;
  padding:3rem 0;
}
@media screen and (max-width: 768px) {
 
.contentWrapp.bg02 {
  border-top:1px solid #000000;
  border-bottom:1px solid #000000;
  padding:2rem 0;
}   
}
.content {
  display:block;
  width:100%;
  margin:0 auto;
  text-align:left;
  box-sizing:border-box;
}
.accordion .content {
  display:none;
}
.group1 {
  max-width:980px;
}
.accordion .group1 {
  max-width:857px;
  margin: 0 auto;
  padding: 40px 0;
}

.group2 {
  box-sizing: border-box;
  margin: 0 auto 0 auto;
}
.accordion .content > h3 {
  line-height: 1;
  font-size: 2.4em;
  font-feature-settings: "palt";
  font-family: "YakuHanJP", "M PLUS 1p";
  font-weight: 700;
  max-width: 857px;
  margin: 0 auto 1em auto;
text-align: center;
}
.accordion .content > h3:first-child {
  margin-top: 60px;
}
@media screen and (min-width: 768px) {
  .topicsColumn.group2 {
    padding-top: 50px;
  }
  .accordion .topicsColumn.group2 {
    max-width: 857px;
    margin: 0 auto 0 auto;
    padding-bottom: 50px;
  }
  .topicsColumn.group3 {
    padding-top: 50px;
  }
}
@media screen and (min-width: 768px){
.topicsColumn.group1 {
    padding-top: 50px;
}
}
.accordion .group3 {
  max-width: 857px;
  margin: 0 auto 0 auto;
}
.footerNotes {
  text-align: left;
  margin:2rem auto 6rem;
  width: 640px;
}
@media screen and (max-width: 768px) {
.footerNotes {
  margin: 2rem auto;
  width: 100%;
}
    
  }
.footerNotes ul {
  margin: 0 auto ;
  max-width: 857px;
}

@media screen and (max-width: 768px) {
  .contentWrapp {
    margin: 0 auto 1rem;
    
  }
  .content {
    padding: 0 ;
  }
  .topicsColumn.group2 {
    padding-top: 3vw;
  }
  .topicsColumn.group3 {
    padding-top: 3vw;
    padding-bottom: 3vw;
  }
  .accordion .topicsColumn.group3 {

  }
    .accordion .content > h3 {
  font-size: 1.4em;
  padding: 0 4vw;
  }
  .accordion .content > h3:first-child {
  margin-top: 2rem;
  }
  .footerNotes {

  }
}

.topicsTitle {
  padding-bottom:20px;
}
.topicsTitle h3{
  padding:12px;
  background-color:#2a2a2a;
  font-size:32px;
  font-weight:bold;
  line-height:1;
  font-feature-settings: "palt";
  font-family: "YakuHanJP", "M PLUS 1p";
  font-weight: "700";
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
}
.topicsTitle h3 a{
}
.topicsColumn {
  width: 100%;
  padding: 0px;
}
.group3.topicsColumn {
  display: flex;
  justify-content: space-between;

;
  flex-wrap: wrap;
}

.topicsDetail {
  margin-bottom: 60px;
  width: 100%;
  max-width: 980px;
  box-sizing: border-box;
}
.topicsDetail:last-child {
  margin-bottom: 0;
}

.group1 .topicsDetail {
  max-width: 980px;
  display: block;
  /*display: flex;
  justify-content: space-between;*/
}
.group2 .topicsDetail {
  box-sizing: border-box;
  background-color: rgb(255,255,255,1);
  margin-bottom: 24px;
}
.group2 .topicsDetail:last-child {
  margin-bottom: 0;
}

.group3 .topicsDetail {
  max-width: calc(50% - 20px);
  padding: 0;
  background-color: rgb(255,255,255,0.5);
  margin-bottom: 3rem;
}
.topicsDetailText {
  box-sizing: border-box;
  width: 100%;
}
.group1 .topicsDetailText {
  max-width: 837px;
  padding-left: 20px;
}
.group2 .topicsDetailText {
}

.group3 .topicsDetailText {
  max-width: 600px;
}

.topicsDetailPhoto {
  margin-bottom: 6px;
  padding: 0px ;
  width: 100%;
  box-sizing: border-box;
  width: 100%;
  display: block;
  text-align: center;
}
.group1 .topicsDetail:nth-child(even) {
  /*flex-direction: row-reverse;*/
}
.group1 .topicsDetail:nth-child(even) .topicsDetailText {
  /*padding-left: 0;
  padding-right: 20px;*/
}

.group3 .topicsDetailPhoto {
  margin-bottom: 0;
  
}

@media screen and (max-width: 767px) {
  
  .topicsColumn {
    margin: 0 auto ;
    transform: inherit;
    padding: 40px 0 0;
  }
  .topicsDetail {
    margin-bottom: 20px;
    display: block;
  }
  .topicsDetailText {
    padding-left: 0px;
    max-width: 100%;
  }
  .group1 .topicsDetail {
    display: block;
  }
  .group3 .topicsDetail {
    max-width: calc(50% - 6px);
  }

  .group1 .topicsDetailText {
    max-width: 100%;
    padding-left: 0;
  }
  
  .group1 .topicsDetail:nth-child(even) .topicsDetailText {
  }
  .group1 .topicsDetail:nth-child(even) .topicsDetailPhoto {
  }
  .topicsDetail:nth-child(even) .topicsDetailText {
  }
  .group2 .topicsDetailText {
    max-width: 100%;
    padding : 12px;
  }
  .group3 .topicsDetailText {
    max-width: 100%;
    padding : 12px 0;
  }
  
  .topicsDetailPhoto {
    width: 100%;
    margin-bottom: 0;
    float: none;
  }
  .group2 .topicsDetail {
    padding: 0px;
    margin-bottom: 12px;
  }
  .group3 .topicsDetail {
    max-width: calc(50% - 6px);
    /*max-width:100%;*/
    padding: 0px;
    background-color: rgb(255,255,255,0.5);
    margin-bottom: 12px;
  }
  
}

#contents .topicsDetailPhoto img{
  width: 100%;
  box-sizing: border-box;
  /*border: 2px solid #4e0000;*/
}
.slick-slide img {
  display: block;
  width: 100%;
}
#contents .topicsDetailPhoto  a:hover{
  opacity:1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
  -moz-opacity:1;
  -khtml-opacity: 1;
}
@media screen and (max-width: 767px) {
  #contents .topicsDetailPhoto p img{
    border:none;
    padding: 0;
  }
}

.topicsDetail h4 {
  font-size: 1.8em;
  letter-spacing: normal;
  font-feature-settings: "palt";
  font-family: "YakuHanJP", "M PLUS 1p";
  margin:0 0 0.5em 0;
  text-align: left;
  color: #5bb431;
  font-weight: 700;
  line-height: 1.5;
}
.group3 .topicsDetail h4 {
margin-top: 0.5em;
}
#colA .topicsDetail h4,#colA .topicsDetail h4 a {
    color: #c7161d;
}
#colB .topicsDetail h4, #colB .topicsDetail h4 a {
    color: #f08824;
}
#colC .topicsDetail h4,#colC .topicsDetail h4 a {
    color: #49ab45;
}
#colD .topicsDetail h4, #colD .topicsDetail h4 a {
    color: #c976ac;
}
.topicsDetail h4 .pl,
.topicsDetail h4 a .pl {
  color: rgba(0,0,0,1);
}
.topicsDetail h4.sp {
  font-size: 1.85em;
  color: #844e00;
  text-align: center;
}
.topicsDetail h4.sp a {
  color: #844e00;
}
#contents .topicsDetail p.description i,
#contents .topicsDetail p.description2 i {
  font-style: normal;
  color: #FFF;
  background-color: #844e00;
  display: inline-block;
  font-size: 85%;
  padding: 3px;
  margin-right: 3px;
  min-width: 1.4em;
  text-align: center;
  line-height: 1;
}

.topicsDetail h4 font[style] {
  margin-right: 6px;
}
@media screen and (max-width: 767px) {
  .topicsDetail h4 {
    font-size: 16px;
  }
}

.topicsDetail ul.spec {
  margin-top: 0.5em;
}
.topicsDetail ul.spec li.date {
  letter-spacing: normal;
  font-size: 15px;
  color:#000;
  font-feature-settings: "palt";
  font-family: "YakuHanJP", "M PLUS 1p";
}
.topicsDetail ul.spec li.place {
  margin: 0 0 0 0;
  letter-spacing: normal;
  font-size: 15px;
  color:#000;
  font-feature-settings: "palt";
  font-family: "YakuHanJP", "M PLUS 1p";
}
.topicsDetail ul.spec:empty,
.topicsDetail ul.spec li:empty {
  display: none;
}
#contents .topicsDetail p.description,
#contents .topicsDetail p.description2 {
  font-size: 1.2em;
  line-height:1.4;
  letter-spacing: normal;
  color:#000;
  padding:  0 0;
  font-feature-settings: "palt";
  font-family: "YakuHanJP", "M PLUS 1p";
}
.topicsDetail p.description img[align],
.topicsDetail p.description2 img[align] {
  float:left;
  margin: 0 12px 12px 0;
}
#contents .topicsDetail p.description strong,
#contents .topicsDetail p.description2 strong {
  font-weight: 700;
  display: inline-block;
}
#contents .topicsDetail p.description strong + br,
#contents .topicsDetail p.description2 strong + br,
#contents .topicsDetail p.description strong + small + br ,
#contents .topicsDetail p.description2 strong + small + br {
  content:"";
  display: block;
  margin-bottom: 0.4em;
}
#contents .topicsDetail p.description em,
#contents .topicsDetail p.description2 em{
  font-style: normal;
  color: #C00;
}
#contents .topicsDetail p.description b,
#contents .topicsDetail p.description2 b {
  font-weight: 700;
}
#contents .topicsDetail p.description .amourColBitem,
#contents .topicsDetail p.description2 .amourColBitem {
display: inline-block;
padding: 0.25em;
float: right;
}
#contents p.onlineBtn {
  display: block;
  margin-top: 1rem;
}
#contents p.onlineBtn a {
  display: block;
  text-align:center;
}
#contents p.onlineBtn a img {
  width: 100%;
  height: auto;
  max-width: 321px;
}
#contents .topicsDetail p .pink {
  color: #e1007f;
}
#contents .topicsDetail p .gold {
  color: #4e0000;
}
@media screen and (max-width: 767px) {
  #contents .topicsDetail ul li{
    font-size: 13px;
  }
  #contents .topicsDetail p.description,
  #contents .topicsDetail p.description2 {
    font-size: 14px;
  }
  p.description img,
  p.description2 img{
    max-width: 100%;
    width: inherit;
  }
  p.description img[align="left"],
  p.description2 img[align="left"]{
    float:left;
    margin-right:12px;
    clear:left;
  }
  .topicsDetail ul.spec li.place {
    margin: 0 0 .5em;
  }
  .topicsDetail  table {
    display: block;
  }
  .topicsDetail  table tr {
    display: block;
  }
  .topicsDetail  table tr td {
    display: block;
    width: 100%;
    float:left;
  }
}

.accordion {
}
.blockTitle {
  margin: 0;
  box-sizing:border-box;
}
.blockTitle.count0 {
  display: none;
}
.accordion .blockTitle {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  cursor:pointer;
  position: relative;
}
.accordion .blockTitle:hover {
  opacity:0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.blockTitle h2 {
  max-width: 100%;
}
.accordion .blockTitle h2 {
  position: relative;
/*display: flex;
justify-content: flex-end;
align-items: center;*/
font-size: 2rem;
text-align: center;
}
.accordion .blockTitle h2 img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.accordion .blockTitle h2::after {
  position: absolute;
  left: calc(50% - 16px);
  bottom: 22px;
  content: " ";
  background-image:url("/base/omiya/ajihyakusen25/img/25aji_btn.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  width: 32px;
  height: 30px;
  box-sizing: border-box;
  transform: rotate(0deg);
  transition: all 0.2s;
}
.accordion .blockTitle h2.btn_special::after {
  bottom: 34px;
}

.accordion .blockTitle.open h2::after {
  transform: rotateX(180deg);
}
.accordion .blockTitle.open h2::after {
}
@media screen and (max-width: 767px) {
  .blockTitle {
  }
  
  .blockTitle img {
    width: auto;
    max-width: 100%;
  }
  .accordion .blockTitle h2 img{
  }
  .accordion .blockTitle h2::after {
    left: calc(50% - 2.6vw);
    bottom: 3vw;
    width: 5vw;
    height: 3.8vw;
  }
.accordion .blockTitle h2.btn_special::after {
    bottom: 4.8vw;
} 
  
}

.description + [data-readmore-toggle].readMore,
.description + [data-readmore-toggle].readMore,
.description + [data-readmore-toggle].readLess,
.description + [data-readmore-toggle].readLess,
.description + [data-readmore-toggle].readMore,
.description[data-readmore].readMore,
.description + [data-readmore-toggle].readLess,
.description[data-readmore].readLess,
.todetail a {
  padding: 2px 5px;
  text-decoration: none;
  font-size: 1.2em;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
  margin: 4px auto 0 ;
  color:rgba(138,78,0,0.9);
  border: rgba(138,78,0,1) 1px solid;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  box-sizing: border-box;
}
.readMore:before,
.readLess:before  {
  vertical-align: middle;
  display:inline-block;
  content:"";
  width: 15px;
  height: 15px;
  background-image: url("/base/shinjuku/img/thumb_brown_plus.png");
  background-repeat: no-repeat;
  background-position: center center;
  box-sizing:border-box;
  margin-right: 4px;
  background-size: contain;
}
.readLess:before  {
  background-image: url("/base/shinjuku/img/thumb_brown_minus.png");
}
@media screen and (max-width: 767px) {
  .description + [data-readmore-toggle].readMore,
  .description + [data-readmore-toggle].readMore,
  .description + [data-readmore-toggle].readLess,
  .description + [data-readmore-toggle].readLess,
  .description + [data-readmore-toggle].readMore,
  .description[data-readmore].readMore,
  .description + [data-readmore-toggle].readLess,
  .description[data-readmore].readLess,
  .todetail a  {
    padding: 3px;
    font-size: 12px;
    min-width: 120px;
  }
  .readMore:before,
  .readLess:before  {
    width: 22px;
    height: 22px;
    margin-right: 4px;
  }
  
}

.topicsDetail p.description  a[href$="http://www.takashimaya.co.jp/store/special/takaapp/index.html"]{
  display: block;
  font-size: 14px !important;
  line-height:130%;
  color:#FFF;
  text-align: center;
  text-decoration: none;
  padding: 12px;
  border-top-color: rgb(160, 0, 0);
  background-color: rgb(160, 0, 0);
  background-image: linear-gradient(to bottom, rgb(224, 105, 105) 0px, rgb(108, 0, 0) 100%);
  background-size: 100% auto;
  border-bottom: 1px solid rgb(108, 108, 108);
  border-radius: 4px 4px 4px 4px;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.topicsDetail p.description a[href$="http://www.takashimaya.co.jp/store/special/takaapp/index.html"]:hover {
  opacity:0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.amBrand {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  max-width: 738px;
  margin: 0 auto 4em;
}


.amBrand h2{
  font-family: "YakuHanJP", "M PLUS 1p";
  font-size: 1.8em;
  color: #844e00;
  width: 100%;
  text-align: center;
  margin-bottom: 1em;
}
.amBrandList {
  /*display: flex;
  justify-content: space-between;
  flex-wrap: wrap;*/
}
.amBrandList dt {
  width: 3em;
  float: left;
  clear: left;
  font-size: 1.2em;
}
.amBrandList dd {
  width: calc(100% - 3em);
  float: left;
  font-size: 1.2em;
}
@media screen and (max-width: 767px) {
  .amBrand {
    margin: 0 auto 2em;
  }
  
  
  .amBrand h2{
    font-size: 1.1em;
  }
  .amBrandList dt {
    font-size: 1.0em;
  }
  .amBrandList dd {
    font-size: 1.0em;
  }
  
}

/* main_slide
===================================================================== */
.main_slide-PC{
  margin: 5px 0 0 0;
}

/* slider-PC */
.slider-PC {
  /*opacity: 0;
  transition: opacity 0.2s linear 0.5s;*/
}
.slider-PC.slick-initialized{
  /*opacity: 1;*/
}
.slider-PC li{
  width: 686px;
  margin: 0 ;
}
.slider-PC li a img{
  width: 100%;
  opacity: 1;
  transition: all 0.2s;
}
.slider-PC li a img:hover{
  opacity: 0.6;
}
.slider-PC li img[usemap] {
  width: 100%;
  opacity: 1;
  transition: all 0.2s;
}



/* slick
--------------------------------------------------------- */
.slick-loading .slick-list {
  background: url(/base/departmentstore/common/img/loading.gif) center center no-repeat #FFF;
}
.slider-PC .slick-prev,
.slider-PC .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  display: block;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  box-sizing: border-box;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  
}

.slider-PC  .slick-prev {
  left: -8px;
  top: 50%;
  width: 22px;
  height: 22px;
  background: url(/base/departmentstore/common/img/main_slider_prev3.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #844e00;
  
  z-index: 100;
}
.slider-PC  .slick-next {
  right: -8px;
  top: 50%;
  width: 22px;
  height: 22px;
  background: url(/base/departmentstore/common/img/main_slider_next3.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #844e00;
  
  z-index: 100;
}

/* Dots */
.slick-dotted.slick-slider {
}

.slick-dots {
  position: absolute;
  bottom: 0px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  background-color: rgba(255,255,255,0.5);
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 2px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li:first-child:last-child {
  display:none;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 5px;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  content: '';
  text-align: center;
  background-color: #000;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}


.modal-content {
  box-sizing: border-box;
  position: fixed;
  display: none;
  z-index: 2;
  margin: 0;
  padding: 20px 34px 20px 20px;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .modal-content {
    padding: 12px;
  }
}

.modal-overlay {
  z-index: 1;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

.modal-open:hover {
  cursor: pointer;
}

.modal-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 35px;
  height: 34px;
  background-image: url("/base/shinjuku/wellbe_field/img/wellbe_brandibox_close.png");
  background-repeat: no-repeat;
  text-indent: -9999px;
}

.modal-close:hover {
  cursor: pointer;
  color: #f00;
}


.modal-content .topicsDetail {
  margin: auto;
  width: 100%;
  max-width: 600px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.modal-content .topicsDetailText {
  box-sizing: border-box;
  width: 100%;
  max-width: 600px;
}

.modal-content .topicsDetailPhoto {
  padding: 0px ;
  width: 100%;
  box-sizing: border-box;
  width: 100%;
  max-width: 166px;
  display: block;
  background-color: #FFF;
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  .modal-content .topicsDetail {
  }
  .modal-content .topicsDetailText {
  }
  .modal-content .topicsDetailPhoto {
  }
  
}

.modal-content .topicsDetail h4 {
  font-size: 2.6em;
  letter-spacing: normal;
  font-feature-settings: "palt";
  font-family: "YakuHanJP", "M PLUS 1p";
  margin:0 0 12px 0;
  text-align: left;
  color: rgba(0,0,0,1);
  font-weight: normal;
  line-height: 1.4;
}
.modal-content .topicsDetail h4 a{
  color: rgba(0,0,0,1);
  text-decoration:none;
}

@media screen and (max-width: 767px) {
  .modal-content .topicsDetail h4 {
    font-size: 1.5em;
  }
}
.modal-content .topicsDetail ul.spec li.date {
  letter-spacing: normal;
  font-size: 1.2em;
  color:#000;
}
.modal-content  .topicsDetail ul.spec li.place {
  margin: 0 0 2em;
  letter-spacing: normal;
  font-size: 1.2em;
  color:#000;
}
#contents .modal-content .topicsDetail p.description2 {
  font-size: 1.3em;
  line-height:160%;
  letter-spacing: normal;
  color:#000;
}
#contents .modal-content .topicsDetail p.description2 small {
  line-height:1.4;
}
@media screen and (max-width: 767px) {
  #contents .modal-content  .topicsDetail p.description2 {
    font-size: 1.2em;
    line-height: 1.4;
  }
  .modal-content p.description2 img{
  }
}


#contents .bittersweet p.notes {
text-align: center;
margin-top: 1em;
}
@media print {
  #header,
  #eigyo,
  .nav-PC,
  #footer {
    display:none;
  }
  #storeWrapper {
    margin: 0 auto;
    padding: 0 0;
  }
  #contents .topicsDetail p.description {
    height: auto!important;
  }
  
  .description + [data-readmore-toggle].readMore,
  .description + [data-readmore-toggle].readMore,
  .description + [data-readmore-toggle].readLess,
  .description + [data-readmore-toggle].readLess,
  .description + [data-readmore-toggle].readMore,
  .description[data-readmore].readMore,
  .description + [data-readmore-toggle].readLess,
  .description[data-readmore].readLess {
    display:none;
  }
  .slick-slider .slick-track,
  .slick-slider .slick-list {
    max-width: 90%;
    transform: translate3d(0px, 0px, 0px)!important;
  }
  .slick-list {
    overflow: visible;
  }
  .slick-initialized .slick-slide.slick-cloned {
    display:none;
  }
  .slider-PC .slick-prev,
  .slider-PC .slick-next,
  .slick-dots {
    display:none!important;
  }
  .group2 {
    margin-top: 2em;
  }
  .topicsDetail {
    page-break-inside: avoid;
    display: block;
  }
  .group2 .topicsDetail {
    page-break-before: always;
  }
  h2 + .content .group2 .topicsDetail {
    page-break-before: avoid;
  }
  .group3.topicsColumn {
    align-items: flex-start;
    display: block;
  }
  .group3 .topicsDetail {
    display: inline-block;
    vertical-align: top;
  }
  .group3 .topicsDetail:nth-child(odd) {
    margin-right: 10px;
  }
}

@media screen and (min-width: 768px) {
  .col2 {
    columns: 2;
    display:block;
  }
}

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}