/*---------------------------------
PC・SP共通
-----------------------------------*/
#media_wrap {
  margin: 0 auto;
  text-align: center;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

.media_day,.media_ttl{
    display: block;
    text-align: left;
    letter-spacing: 0.1rem;
font-feature-settings: "palt";
}

#media_wrap,.media_day,.media_ttl,media_click{
  font-family: "Noto Sans JP", "Yu Gothic", "Helvetica Neue", sans-serif;
  font-weight: 600;
}

.media_day{
color:#d2ac77;
}

.media_ttl{
color:#000;
}

.media_item_img{
border:1px solid #ccc;
}

.media_item a .media_ttl {
    text-decoration: underline;
}

/*webサイトなど写真ない枠への掲載*/
ul.media_web_list {
    width: 100%;
    padding: 15px 0;
    margin: 0 auto;
    text-align: left;
}
ul.media_web_list li.media_web_item {
    font-family: "Noto Sans JP", "Yu Gothic", "Helvetica Neue", sans-serif;
    font-weight: 600;
    border-bottom: dotted 1px #ccc;
    padding: 5px 5px 10px;
}
ul.media_web_list li.media_web_item span {
    font-family: "Noto Sans JP", "Yu Gothic", "Helvetica Neue", sans-serif;
    font-weight: 600;
    color: #d2ac77;
}
ul.media_web_list li.media_web_item a {
    font-family: "Noto Sans JP", "Yu Gothic", "Helvetica Neue", sans-serif;
    font-weight: 600;
}



/*---------------------------------
PC
-----------------------------------*/

.sp_display{
    display: none;
}


#media_wrap {
      width: 750px;
  padding: 30px 0 100px 0;
}


.media_day{
font-size: 16px;
margin-bottom: 10px;
}

.media_ttl{
font-size: 15px;
}

.media_item{
margin-bottom:50px;
}

.media_item_text{
    width: 56%;
    display: block;
    float: right;
    padding: 10px 0;
text-align:left;
}

.media_item a img:hover,
.media_item a:hover {
opacity: 0.75;
}

.media_item_img{
width: 40%;
min-height: 150px;
padding:5px;
display: flex;
align-items: center;
}

.media_item img{
max-width: 100%;
margin: 0 auto;
max-height: 250px;
}


ul.media_web_list li.media_web_item {
    margin: 0 0 5px;

}
ul.media_web_list li.media_web_item span {
    margin: 0 10px 0 5px;
}




/*----------
SP
----------*/
@media screen and (max-width:600px) {

.sp_display{
    display: block;
}


.c-wrap-title {
    background: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 30px 0;
    line-height: 1;
    text-align: center;
    font-family: "Open Sans", "Noto Sans JP", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
    color: #333;
}


#media_wrap {
      width: 100%;
  padding: 0;
}


.media_day,.media_ttl{
    display: block;
    text-align: left;
    letter-spacing: 0.1rem;
font-feature-settings: "palt";
}

.media_day{
font-size: 1.5rem;
margin-bottom: 2%;
}

.media_ttl{
font-size: 1.4rem;
line-height: 1.7rem;
letter-spacing: 0.2rem;
}

.media_item{
margin-bottom:10%;
padding: 0 10%;
}

.media_item_text{
    width: 96%;
    display: block;
    float: right;
    padding: 2%;
}

.media_item a img:hover,
.media_item a:hover {
opacity: 1.0;
}

.media_item_img{
width: 90%;
    min-height: 150px;
    padding: 2%;
    display: inline-block;
    text-align: center;
}



ul.media_web_list li.media_web_item {
    font-size: 11px;
    font-family: "Noto Sans JP", "Yu Gothic", "Helvetica Neue", sans-serif;
    line-height: 1.4;
    margin: 0 10%;
    padding: 10px 0;
}
ul.media_web_list li.media_web_item span {
    display: block;
    margin: 0 0 2px;
}
ul.media_web_list li.media_web_item a {
    color: #666;
}



}