.pickup-contentB   {margin-top:50px; line-height: 1.4; padding:0 20px;}
.pickup-photo      {padding:14px 10px 7px 0; }
.pickup-title      {margin-bottom: 0px; padding-bottom: 0px;font-size:24px; }
.ShopTable         {padding: 0 0 0 24px; display: block;}
.TableTitle        {text-align: right; }
.pickup-contentB strong {font-weight:bold;}

.SNS_button ul    {margin: 14px 0;}
.SNS_button li.fb {width: 50%;float: left;text-align: right;margin-right:14px;}

.post-thumbnail{border: 0;display: block;}
.post-thumbnail img{
display: block;
margin: 0 auto;
border: 0;
height: auto;
max-width: 100%;
vertical-align: middle;
width: 825px;
height: 510px;
}

.InfoTable {
  background:#ded6c0;
  padding:10px 0;
  margin:5px auto 10px;
  width:80%;
}

.ITT {
  background:#947a45;
  padding:2px 5px;
  margin:2px 10px 5px;
  border-radius:15px;
  color:#fff;
  text-align:center;
  font-size:0.9em;
}

.ITI {
  background:#00a4d0;
  padding:2px 5px;
  margin:2px 10px;
  border-radius:15px;
  float:left;
  color:#fff;
  width:80px;
  text-align:center;
  font-size:0.9em;
  clear:left;
}

.ITN {
  padding:2px;
  margin:2px 0;
  font-size:0.9em;
  float:left;
  width:65%;
}

.SubTitle {
  border-bottom:solid 1px #947a45;
  font-size:1.1em;
  font-weight:bold;
  color:#947a45;
  margin:14px 0 7px;
}

.Credit {
  text-align:center;
  font-size:0.9em;
  color:#666;
  margin:32px 0;
}

.Credit .Logo {
  width:20% !important;
}

.pickup-contentB a:link,
.pickup-contentB a:visited,
.pickup-contentB a:active {
  color: #2E9AFE;
}


.clearfix:after {
  content: "";
  clear: both;
  display: block;

}


.midashi{
font-size: 1.2em;
font-weight: bold;
border-left: 10px solid #FF7BAC;
padding: 0.2em 0.5em;
margin: 1.5em 0 0.8em;
line-height: 1.2;
}

.effect1{
font-weight: bold;
}

.effect2{
font-size: 0.9em;
}

blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  
  /*Font*/
  font-size: 16px;
  line-height: 1.2;
  color: #666;
  text-align: justify;
  
  /*Borders - (Optional)*/
  /*border-left: 15px solid #CBB78A;
  border-right: 2px solid #CBB78A;
  */
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}


blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}
.source-photo{
  font-size:0.8em;
  color:#AFAEB3 !important;
  margin-bottom:15px;
}

.article-section{
  margin-bottom:50px;
}
.comment-text{
 margin-top:20px;
 margin-bottom:20px;
}



table.light {
    margin: 0 auto 2.5em auto;
    width: 60%;
    border: 10px SOLID #EFEEED;
    background: #EFEEED;
}
 
table.light th {
    vertical-align: middle;
    width: 40%;
    padding:5px 10px;
    margin: 0;
    text-align: right;
    vertical-align: top;
    font-size: 0.9em;
    white-space: nowrap;
    font-weight: bold;
}
 
table.light td {
    margin-left: 20px;
    padding:0px 10px;
    width: 60%;
    border: none;
    font-size: 0.8em;
    text-align: left;
    overflow: hidden;
}
/*▼STORY購入ボタン用（WEB）*/
storyActionBtn_table{
	border-collapse: separate;
	margin:0 auto;
	width:50%;
	text-align:center;
	margin-top: 10px;
	margin-bottom: 10px
}
td.storyActionBtn_td{
    padding:3px 3px;
}
.storyActionBtn_img{
    width:90%}

/*▼SHOPメニュー用*/
.shopmenu_title{
	color:#FFFFFF;
	background:#000;
	text-align:center;
    font-size: 3.5em;
    width:100%;
}

table.shopmenu_table{
	border-collapse: separate;
	margin-left: auto;
    margin-right: auto;
    width:100%;
    table-layout: fixed;
    text-align:center;
}


table.story201912_table {
 width:100%;
 border-collapse: collapse;
 border: solid 2px orange;
}

table.story201912_table th {
	border: dashed 1px orange;
	color: #FF9800;
	background: #fff5e5;
	padding: 10px;
}

table.story201912_table td {
	border: dashed 1px orange;
	color: #FF9800;
	padding: 3px 10px;
}

.yellowmarker-bold{
    background-color:yellow;
    font-weight:bold
}

.pinkmarker-bold{
    background-color:pink;
    font-weight:bold
}


/*210104_ボタン */

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}


.btn-copy {
  font-size: 1.5rem;
  font-weight: bold;
  position: relative;
  margin-bottom: .2em;
  text-align: center;
}
.btn-copy:before {
  margin-right: 1rem;

}
.btn-copy:after {
  margin-left: 1rem;

}



a.btn--yellow {
color: #000;
  background-color: #fff100;
}
a.btn--yellow:hover {
  color: #000;
  background: #fff20a;
}
a.btn--yellow.btn--cubic {
  border-bottom: 5px solid #ccc100;
}
a.btn--yellow.btn--cubic:hover {
  margin-top: 3px;
  border-bottom: 2px solid #ccc100;
}
a.btn-c {
  font-size: 1.8rem;
  position: relative;
  padding: 2rem 3rem 2rem 3rem;
  border-radius: 100vh;
}
a.btn-c i.fa {
  margin-right: 1rem;
}
a.btn-c:before {
  font-size: 1.6rem;
  line-height: 1;
  position: absolute;
  top: calc(50% - .8rem);
  right: 1rem;
  margin: 0;
  padding: 0;
}