@media screen and (min-width : 641px){

#pickup{
background: url("../images/bg_pc.jpg") no-repeat center top;
background-size: cover;
width: 100%;
padding: 10px 0;
}

.tab-wrap{
width: 1100px;
display: flex;
flex-wrap: wrap;
margin:20px auto;
}

.tab-wrap:after {
content: '';
width: 100%;
height: 3px;
display: block;
order: -1;
}

.tab-label {
text-align: center;
font-family: itc-benguiat, serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
border-bottom: 2px solid #999999;
white-space: nowrap;
padding: 0 0 10px 0;
order: -1;
position: relative;
z-index: 1;
cursor: pointer;
flex: 1;
}
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
color: #820008;
border-bottom: 2px solid #820008;
}
.tab-switch:checked+.tab-label+.tab-content {
height: auto;
overflow: hidden;
padding: 15px 0;
opacity: 1;
transition: .5s opacity;
}
/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}


#pickupAll01,#pickupAll02,#pickupAll03{
width: 100%;
}

.pickupAll{
width: 1100px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
}

.pickupBlock{
width: 255px;
margin: 0 10px 20px;
position: relative;
}

.pickupImg{
background: #e2d15f;
width: 255px; height: 255px;
line-height: 0;
border: 1px solid #fff;
margin: 0 0 2px;
box-sizing: border-box;
}

.pickupTxt{
background-color: #fff;
width: 90%;
padding: 2% 5%;
font-size: 13px;
line-height: 1.6em;
}

.pickupTxt a{
color: #4e4739;
text-decoration: none;
}




#news{
background: linear-gradient(to right,#777571, #918f8a, #777571); 
width: 100%;
padding: 60px 0 40px;
}

#newsTopM{
font-family: itc-benguiat, serif;
font-weight: 400;
font-style: normal;
text-align: left;
font-size: 20px;
letter-spacing: 1px;
width: 1000px;
color: #fff;
border-bottom: 2px solid #fff;
margin: 0 auto;
padding: 0 0 10px;
}

.newsBlockM{
width: 1000px;
margin: 30px auto 0;
}

.newsImg{
width: 120px; height: 120px;
overflow: hidden;
text-align: center;
float: left;
}

.newsTxt{
width: 850px;
font-size: 13px; line-height: 1.7em;
float: right;
color: #fff;
}

.newsDate{
font-family: itc-benguiat, serif;
font-weight: 400;
font-style: normal;
line-height: 2.5em;
font-size: 14px;
}

.newsTxt a{
text-decoration: none;
color: #fff;
}

.moreBtn{
width: 280px; height: 46px;
margin: 40px auto 0;
text-align: center;
font-family: itc-benguiat, serif;
font-weight: 400;
font-style: normal;
line-height: 46px;
font-size: 18px;
color: #fff;
border: 1px solid #fff;
}

.moreBtn a{
width: 100%; height: 100%;
display: block;
text-decoration: none;
color: #fff;
}

}



@media screen and (max-width : 640px){


#pickup{
background: url("../images/bg_sp.jpg") no-repeat center top;
background-size: cover;
width: 100%;
padding: 30px 0 20px;
}

.tab-wrap{
width: 600px;
display: flex;
flex-wrap: wrap;
margin:20px auto;
}

.tab-wrap:after {
content: '';
width: 100%;
height: 3px;
display: block;
order: -1;
}

.tab-label {
text-align: center;
font-family: itc-benguiat, serif;
font-weight: 400;
font-style: normal;
font-size: 26px;
border-bottom: 4px solid #999999;
white-space: nowrap;
padding: 0 0 10px 0;
order: -1;
position: relative;
z-index: 1;
cursor: pointer;
flex: 1;
}
.tab-label:not(:last-of-type) {
  margin-right: 10px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
color: #820008;
border-bottom: 4px solid #820008;
}
.tab-switch:checked+.tab-label+.tab-content {
height: auto;
overflow: hidden;
padding: 15px 0;
opacity: 1;
transition: .5s opacity;
}
/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}


#pickupAll01,#pickupAll02,#pickupAll03{
width: 100%;
}

.pickupAll{
width: 600px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
}

.pickupBlock{
width: 280px;
margin: 0 10px 20px;
position: relative;
}

.pickupImg{
background: #e2d15f;
width: 280px; height: 280px;
line-height: 0;
border: 1px solid #fff;
box-sizing: border-box;
margin: 0 0 2px 0;
}

.pickupTxt{
background-color: #fff;
width: 90%;
padding: 2% 5%;
font-size: 18px;
line-height: 1.6em;
}

.pickupTxt a{
color: #4e4739;
text-decoration: none;
}


#news{
background: linear-gradient(to right,#777571, #918f8a, #777571); 
width: 100%;
padding: 50px 0;
}

#newsTopM{
font-family: itc-benguiat, serif;
font-weight: 400;
font-style: normal;
text-align: left;
font-size: 30px;
letter-spacing: 1px;
width: 90%;
color: #fff;
border-bottom: 4px solid #fff;
margin: 0 auto;
padding: 0 0 10px;
}

.newsBlockM{
width: 90%;
margin: 30px auto 0;
}

.newsImg{
width: 24%;
overflow: hidden;
text-align: center;
float: left;
}

.newsTxt{
width: 72%;
font-size: 20px; line-height: 1.7em;
float: right;
text-align: left;
color: #fff;
}

.newsDate{
font-family: itc-benguiat, serif;
font-weight: 400;
font-style: normal;
line-height: 1.7em;
font-size: 18px;
}

.newsTxt a{
text-decoration: none;
color: #fff;
}

.moreBtn{
width: 300px; height: 60px;
margin: 40px auto 0;
text-align: center;
font-family: itc-benguiat, serif;
font-weight: 400;
font-style: normal;
line-height: 60px;
font-size: 24px;
color: #fff;
border: 1px solid #fff;
}

.moreBtn a{
width: 100%; height: 100%;
display: block;
text-decoration: none;
color: #fff;
}

}