@charset "UTF-8";

article { 
	width: 700px; 
	margin: 0 auto 40px; 
	-webkit-box-sizing: border-box; 
	   -moz-box-sizing: border-box; 
	    -ms-box-sizing: border-box; 
	        box-sizing: border-box; 
}
.flexLayout {
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display: flex;
}
.parent { float: left; margin: 0 auto 20px; font-size: 16px; }

@media screen and (max-width: 767px) { 
.parent { z-index: 10; position: relative; }
}

#main header { width: auto; margin: 0 0 40px; }
#main #mainContent { width: 940px; margin: 0 auto 100px; }
#main #mainContent #pagetitle { margin-bottom: 50px; }
#main #mainContent #pagetitle h1 { font-size: 30px; line-height: 1.5; margin: 0; }
#main #mainContent #pagetitle h1 a { text-decoration: none; }
#main #mainContent #pagetitle p { margin-top: 0; }

#mainHeader { clear: both; }

article header #mainHeader h1 { line-height: 1.5; margin: 0; }
article header #mainHeader h1 span.mainTitle { font-size: 22px; display: block; }
article header #mainHeader h1 span.subTitle { font-size: 16px; display: block; }
article header time { display: block; text-align: right; }

article h2, 
article h3, 
article h4, 
article h5 { line-height: 1.5; margin: 0 0 10px 0; }
article h2 { font-size: 16px; }
article h3 { font-size: 14px; }
article h4 { font-size: 12px; }
article h5 { font-size: 10px; }
article p { text-indent: 1em; margin: 0; padding: 0; }
article p.notInd { text-indent: 0; }
article p.blankSpace { margin-bottom: 20px; }
article em { font-weight: bold; font-style: normal; }
article .record { text-align: center; margin: 30px 0; }
article .above { margin-top: 30px; text-align: right; }
article table { font-size: 13px; height: 200px; overflow: scroll; -webkit-overflow-scrolling: touch; }
article table caption { margin: 0 0 3px 0; padding: 0; text-align: left; }
article aside { margin-top: 50px; }
article aside h2 { margin-bottom: 20px; }
article aside .summary { margin-bottom: 50px; display: block; }
article aside .summary:last-child { margin-bottom: 0; }
article aside .col { margin-bottom: 20px; }
article aside p { text-indent: 1em; line-height: 1.5; }
article aside figure { margin: 0; }
article aside figure.imgBorder img { border: 1px solid #999; }
article aside figure.rightImg { margin: 0 0 0 10px; float: right; }
article aside figure.leftImg { margin: 0 15px 0 0; float: right; }
article aside ul { margin: 0; padding: 0; }
article aside ul li { margin-left: 1em; line-height: 1.5; list-style: none; }

article :not(.parent) a {text-decoration:underline;}

p.cap { margin-bottom: 5px; text-indent: 0; }
.annotaition { font-size: 12px; }
dl.notInd { margin: 0; padding: 0; }
.notice { font-weight: bold; }
.dashLine { border-top: 1px dashed #ccc; }
.underLine { text-decoration: underline; }
html[lang="en"] p {text-indent: 0;}

.grbox_me { position: relative; margin: 20px 0; padding: 15px; border: 1px #7f0019 solid; background-color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.grbox_cc { position: relative; margin: 20px 0; padding: 15px; border: 1px #ccc solid; background-color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

#recipient { width: 700px; }
#sender { width: 700px; text-align: right; margin-bottom: 50px; }
#sender table { margin: 0 0 0 auto; text-align: right; padding: 0; color: #4C4C4C; }

#sender th, 
#sender td { vertical-align: top; text-align: left; font-size: 13px; line-height: 1.5; font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; }
#sender th { padding-right: 1em; }

#contact { width: 700px; height: auto; margin:0; padding:30px 0 0 0; font-style: normal; line-height: 1.5; }
#contact span { float: right; }
#contact div:first-child { margin-bottom: 10px; }

/*newshopList*/
#newshopList table { width: 100%; height: auto; border: 1px solid #999; border-collapse: collapse; *margin-bottom: 50px; margin-bottom: 50px\9; }
#newshopList table:nth-of-type(n+2) { margin-top: 50px; }
#newshopList table .saleTime { text-align: center; }
#newshopList table caption { margin: 0 0 3px 0; padding: 0; text-align: left; }
#newshopList table tfoot td { border-bottom: hidden; border-left: hidden; border-right: hidden; }
#newshopList table td.number { text-align: center; }
#newshopList table th, 
#newshopList table td { border: 1px solid #999; border-width: 0 0 1px 1px; padding: 3px; }
#newshopList table .openDay, 
#newshopList table .shopArea { text-align: center; white-space: nowrap; }
/*newshopList*/

/*Personnel change*/
figure#organizationChart { margin: 0; }
figure#organizationChart figcaption { font-size: 12px; font-weight: bold; margin: 50px 0 5px 0; }

#change, 
#change2, 
#executiveWork, 
#manager { margin-bottom: 30px; }

#executiveWork h1 span.annotaition { font-weight: normal; }
#executiveWork table { width: 700px; height: auto; margin: 0; border: 1px solid #999; border-collapse: collapse; }
#executiveWork table th { background-color: #F1F2F2; text-align: center; }
#executiveWork table td.post { text-align: center; white-space: nowrap; }
#executiveWork table td.name { text-align: center; vertical-align: middle; }
#executiveWork table th, 
#executiveWork table td { border: 1px solid #999; border-width: 0 0 1px 1px; padding: 3px; }
#executiveWork table th.post, 
#executiveWork table td.post, 
#executiveWork table th.name, 
#executiveWork table td.name { width: 136px; }
#executiveWork table th.newWork, 
#executiveWork table td.newWork { width: auto; }
#executiveWork table td.newWork, 
#executiveWork table td.oldWork { vertical-align: middle; }

#change dl { margin: 0 0 0 1em; padding: 0; }
#change dt { line-height: 1.5; margin: 0; padding: 0; }
#change dd { line-height: 1.5; margin-top: -1.5em; padding: 0 0 5px 0.5em; }
#change dd:last-child { padding-bottom: 0; }
#change dd.marginMore { line-height: 1.5; margin-top: -1.5em; padding: 0 0 5px 11em; }
#change dd.stage { padding-top: 1.5em; margin-bottom: 15px; }

#manager table { width: 700px; height: auto; margin: 0; border: 1px solid #999; border-collapse: collapse; }
#manager table th { background-color: #F1F2F2; text-align: center; }
#manager table td.name { text-align: center; vertical-align: middle; white-space: nowrap; }
#manager table th, 
#manager table td { border: 1px solid #999; border-width: 0 0 1px 1px; padding: 3px; }
#manager table th.name, 
#manager table td.name { width: 20%; }
#manager table td.newWork, 
#manager table td.oldWork { vertical-align: middle; width: 40%; }

#subsidiary table { width: 100%; margin: 0; border: 1px solid #999; border-collapse: collapse; }
#subsidiary table th { text-align: center; }
#subsidiary table td.name { text-align: center; vertical-align: middle; }
#subsidiary table th, 
#subsidiary table td { border: 1px solid #999; border-width: 0 0 1px 1px; padding: 3px; }
#subsidiary table td.newWork, 
#subsidiary table td.oldWork { text-align: center; vertical-align: middle; }
@media screen and (max-width: 375px) { 
 #change dd.marginMore {margin:0; padding:0;}
}
/*Personnel change*/

/*Personnel Information*/
#personnelInfo dl { margin: 20px 0 30px; }
#personnelInfo dl.detail { margin-top: 1em; padding-left: 50px; }
#personnelInfo dl.detail dt.post { margin-top: 2.5em; }
#personnelInfo dl.detail dd { line-height: 1.5; margin-top: -2em; padding-left: 11em; }
#personnelInfo dl.detail dd span.rt { font-size: 10px; font-weight: normal; display: block; }
#personnelInfo dl.detail dd span.rb { display: block; }

#biography { padding-bottom: 30px; }
#biography:last-child { padding-bottom: 0; }
#biography dl { margin: 20px 0 15px; }
#biography dl dd { margin: 0; }
#biography dl dt.rubyName span.rt { font-size: 10px; font-weight: normal; display: block; }
#biography dl dt.rubyName span.rb { display: block; font-weight: bold; }
#biography table { width: 700px; }
#biography table:last-child { margin-bottom: 0; }
#biography table caption { text-align: left; }
#biography table th { width: 20%; vertical-align: middle; text-align: left; }
#biography dl dt, 
#biography dl dd { line-height: 1.5; }
#biography table th, 
#biography table td { padding: 3px; line-height: 1.5; }

@media screen and (max-width: 767px) { 
   #personnelInfo dl.detail dd { line-height: 1.5; margin:.5em 0 0 0; padding: 0; }
   #biography table { width: 100%; }
   #biography table th { width: 35%; vertical-align: top; text-align: left; padding: 3px 0; }
   #biography table td { padding: 3px 0; }
}

/*複数用*/
.biography { padding-bottom: 30px; }
.biography:last-child { padding-bottom: 0; }
.biography dl { margin: 20px 0 15px; }
.biography dl dd { margin: 0; }
.biography dl dt.rubyName span.rt { font-size: 10px; font-weight: normal; display: block; }
.biography dl dt.rubyName span.rb { display: block; font-weight: bold; }
.biography table { width: 700px; }
.biography table caption { text-align: left; }
.biography table th { width: 20%; vertical-align: top; text-align: left; }
.biography dl dt, 
.biography dl dd { line-height: 1.5; }
.biography table th, 
.biography table td { padding: 3px; line-height: 1.5; }
/*複数用*/
/*Personnel Information*/

/*Stock Acquisition Rights*/
#stockAcquisition ol li { line-height: 1.6; list-style-position: outside; margin: 0 0 10px 0; }

.includeItem dl { margin: 0; padding: 0; }
.includeItem dt { line-height: 1.5; margin: 0; padding: 0; }
.includeItem dd { line-height: 1.5; margin: -1.5em 0 0 0; padding: 0 0 5px 2.3em; }
.includeItem dd:last-child { padding-bottom: 0; }

.issuance dl { margin: 0; padding: 0; }
.issuance dt { line-height: 1.5; margin: 0; padding: 0; }
.issuance dd { line-height: 1.5; margin-top: -1.5em; padding: 0 0 15px 23em; }
.issuance dd:last-child { padding-bottom: 0; }
.issuance dd.foldBack { padding: 1.8em 0 0 0; margin-left: 1em; }
@media screen and (max-width: 767px) { 
	.issuance dd {margin: 5px 0 0 1em; padding: 0 0 15px 0; }
	.issuance dd.foldBack { padding: 0 0 0 0;}
}
/*Stock Acquisition Rights*/

/*Regular layout(FUKUFUKU PLAPLUS Other)*/
#mainVisual { margin-bottom: 50px; padding: 0; text-align: center; }
#mainVisual figure { margin: 0; padding: 0; }
#mainVisual figure figcaption { font-size: 12px; text-align: left; line-height: 1.5; }
#mainVisual.imgBorder img { border: 1px solid #999; }
#mainVisual.narrow { padding: 0 15px; }
#mainVisual ul { width: 700px; height: auto; margin: 0; padding: 0; clear: both; }
#mainVisual li { margin: 0 10px 10px 0; padding: 0; list-style: none; float: left; }
#mainVisual li.last { margin-bottom: 0; }

.subVisual { margin-bottom: 50px; padding: 0; text-align: center; }
.subVisual figure { margin: 0; padding: 0; }
.subVisual figure figcaption { font-size: 12px; text-align: left; line-height: 1.5; }
.subVisual .imgBorder img { border: 1px solid #999; }

#imageBox { width: 700px; height: auto; clear: both; }
#imageBox .object { width: 700px; height: auto; margin-bottom: 20px; clear: both; }
#imageBox .object p { margin-bottom: 5px; }
#imageBox .objectImg_l { width: 230px; float: left; }
#imageBox .objectImg_l p { text-align: center; }
#imageBox .objectImg_r { width: 230px; float: right; }
#imageBox .objectImg_r p { text-align: center; }
#imageBox .objectImg { float: left; }

.column { margin-bottom: 50px; }
.column figure { margin: 0 0 0 10px; float: right; }
.column figure figcaption { font-size: 12px; text-align: left; line-height: 1.5; }

.detail .summary { margin-bottom: 50px; }
.detail .summary:last-child { margin: 0; padding: 0; }
.detail .summary figure { margin: 0; padding: 0; }
.detail .summary figure.rightImg { margin: 0 0 0 10px; float: right; }
.detail .summary figure.leftImg { margin: 0 15px 0 0; float: left; }
.detail .summary figcaption { font-size: 12px; text-align: left; line-height: 1.5; }
.detail .summary .centerImg { text-align: center; }
.detail .summary ul { margin: 0; padding: 0; }
.detail .summary ol { padding-left: 1.5em; }
.detail .summary ul li { margin: 0 1em 0 0; padding: 0; line-height: 1.5; list-style: none; }
.detail .summary ul.brett li:before { content: "● "; }
.detail .summary ul.brett2 li:before { content: "◎ "; }
.detail .summary ul.brett3 li:before { content: "◆ "; }
.detail .summary ul.brett4 li:before { content: "・ "; }
.detail .summary ul.brett5 li:before { content: "◇ "; }
.detail .summary .contactAddress { margin: 0; padding: 0; }
.detail .summary .contactAddress p { text-align: center; }
.detail .summary .contactAddress p.arign_l { text-align: left; }
.detail .summary .contactAddress .number p { margin-bottom: 8px; padding-bottom: 12px; border-bottom: solid #cdcdcd 2px; }
.detail .summary .contactAddress .number_nl p { margin-bottom: 8px; padding-bottom: 12px; }
.detail .summary .contactAddress span.phoneNumber { font-size: 19px; font-weight: bold; }
.detail .summary span.phoneNumber { font-size: 19px; font-weight: bold; text-decoration: underline; }
.detail .event section { margin-bottom: 10px; }
.detail .event section:last-child { margin-bottom: 0; }
.detail .comment { margin-bottom: 20px; }
.detail .summary ul.brett, 
.detail .summary ul.brett2, 
.detail .summary ul.brett3, 
.detail .summary ul.brett4, 
.detail .summary ul.brett5 { margin: 0; padding-left: 1.5em; }
.detail .summary ul.brett li, 
.detail .summary ul.brett2 li, 
.detail .summary ul.brett3 li, 
.detail .summary ul.brett4 li, 
.detail .summary ul.brett5 li { margin-bottom: 5px; line-height: 1.5; text-indent: -1.2em; list-style: none; *list-style: disc inside; }

.fukufuku dl { margin: 0; padding: 0; }
.fukufuku dt { line-height: 1.5; margin: 0; padding: 0; }
.fukufuku dd { line-height: 1.5; margin-top: -1.5em; padding: 0 0 7px 7em; }
.fukufuku dd:last-child { padding-bottom: 0; }

@media screen and (max-width : 414px){
  .fukufuku dt {margin-bottom:5px; padding-bottom:5px; border-bottom:1px #ccc dotted;}
  .fukufuku dd {margin:0; padding: 0 0 7px 0;}
}
/*Regular layout(FUKUFUKU PLAPLUS Other)*/

@media screen and (max-width: 767px) { 
	article, 
	#main #mainContent, 
	#recipient, 
	#sender, 
	#contact { width: auto; }
	#main { padding: 0 15px; }
	#newshopList table .openDay, 
	#newshopList table .shopArea { white-space: normal; }
	#newshopList table td.shopName { word-break: break-all; }
	#mainVisual img, 
	.subVisual img, 
	figure img { width: 100%; }
	.detail .summary figure.rightImg { margin: 0 0 15px 0; float: none; }
	.detail .summary figure.leftImg { margin: 0 0 15px 0; float: none; }
}
@media print {
	#GlobalNav { display: none; }
	aside#archives { display: none; }
	#footer { display: none; }
}

#sender table {height:auto;}

/*eng_link*/
.relatedLink {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: right;
}
.relatedLink a {
    display: inline-block;
    background: url(/img/arrow_right.png) no-repeat 14px 50%;
    border: 1px solid #ccc;
    padding: 7px 14px 7px 28px;
    text-decoration: none !important;
}
/*eng_link*/

/*新店の情報*/
p.pdf_shop {margin:50px 0;}
p.pdf_shop a {text-decoration: underline;}
p.pdf_shop span {font-size: 13px; color: #999; margin-top: 5px;}
/*新店の情報*/

/*20170118_新規追加*/
#pagetitle {display:none;}
#eventTermination {width: 700px; background: #eee; margin:10px auto; padding:10px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#eventTermination p {font-weight: bold;}
@media only screen and (max-device-width: 768px){
  #eventTermination {width: 100%;}
}
/*20170118_新規追加*/

/*20191212_新規追加*/
#contact span.annotaition {margin-top:20px;}
/*20191212_新規追加*/

/*snsボタン用*/
aside.share {margin:60px 0 30px; border-top: dotted 1px #ccc; padding-top: 30px; text-align: center; line-height: 1.0;}
aside.share a {display: inline-block; padding: 5px; margin: 0;}
aside.share figure {width: 22px; height: 22px; margin:0; padding:0;}
aside.share figure img {width: 100%; margin:0; padding:0; vertical-align: middle; opacity: .4;}
aside.share figure img.tw_btnImg {width: 120%; padding-right: 0;}
/*snsボタン用*/

/* clearfix */
.clearfix, 
#main, 
#main #mainContent, 
article header #mainHeader, 
article aside .summary, 
aside .col, 
#mainVisual, 
#mainVisual ul, 
.column, 
.detail .summary { zoom: 1; }
.clearfix:after, 
#main:after, 
#main #mainContent:after, 
article header #mainHeader:after, 
article aside .summary:after, 
aside .col:after, 
#mainVisual:after, 
#mainVisual ul:after, 
.column:after, 
.detail .summary:after { content: ""; display: block; clear: both; }

@media screen and (max-width : 767px){
    #main article {margin-top:100px;}
}

.news-referTo {
  border-top: solid 1px #707070;
  margin: 50px 0;
  padding: 50px 0 0;
}

@media only screen and (max-width: 767px) {
  .news-referTo {
    margin: 20px 0;
    padding-top: 20px;
  }
}

/* ph3 add 2021/3/23 */
.news-referTo .news-heading {
  margin: -5px 0 20px;
}

.news-referTo__list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -20px;
}

@media (min-width: 768px) {
  .news-referTo__list {
    font-size: 16px;
  }
}

.news-referTo__list::after {
  content: "";
  width: calc(100% / 3 - 20px);
}

@media only screen and (max-width: 767px) {
  .news-referTo__list::after {
    width: calc(50% - 10px);
  }
}

.news-referTo__item {
  -ms-flex-preferred-size: calc(100% / 3 - 20px);
      flex-basis: calc(100% / 3 - 20px);
  max-width: calc(100% / 3 - 20px);
  margin-bottom: 20px;
  font-family: "ゴシックMB101 R", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: normal;
}

@media only screen and (max-width: 767px) {
  .news-referTo__item {
    -ms-flex-preferred-size: calc(50% - 10px);
        flex-basis: calc(50% - 10px);
    max-width: calc(50% - 10px);
  }
}

.news-referTo__item img {
  width: 100%;
  margin-bottom: 26px;
}

@media only screen and (max-width: 767px) {
  .news-referTo__item img {
    margin-bottom: 10px;
  }
}

.news-referTo__date {
  font-family: "Helvetica Neue", "Helvetica", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

@media only screen and (max-width: 767px) {
  .news-referTo__date {
    font-size: 12px;
  }
}

