@charset "utf-8"; div.index_magazine {
    margin: 120px auto 200px;
}

div.index_magazine div.magazine_desc {
    width: 1080px;
    margin: 0 auto;
}

div.index_magazine div.magazine_desc H2 {
    position: relative;
    display: inline-block;
}

div.index_magazine div.magazine_desc H2 p {
    font-size: 48px;
    font-weight: bold;
    line-height: 1;
    display: inline-block;
}

div.index_magazine div.magazine_desc H2 p::first-letter {
    color: #9e1630;
}

div.index_magazine div.magazine_desc H2 p::after {
    content: "";
    display: block;
    margin-left: -9999px;
    margin-top: 10px;
    border-bottom: 4px #cccccc solid;
}

div.index_magazine div.magazine_desc H2 a {
    position: absolute;
    right: 0;
    bottom: -40px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #333333;
}

div.index_magazine div.magazine_desc H2 a::before {
    font-family: "FontAwesome";
    content: "\f105";
    margin-right: 5px;
    transition: .2s;
}

div.index_magazine div.magazine_desc H2 a:hover {
    color: #9e1630;
}

div.index_magazine div.magazine_desc H2 a:hover::before {
    margin-right: 2px;
}

/* div.index_magazine div.magazine_desc div.desc {width:840px; float:right; margin-bottom:50px;} */
div.index_magazine div.magazine_desc div.desc {
    width: 840px;
    float: right;
    margin-bottom: 100px;
}

div.index_magazine div.magazine_desc div.desc p.jp {
    font-size: 15px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 5px;
}

div.index_magazine div.magazine_desc div.desc p.en {
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 0;
    color: #666666;
}

div.index_magazine div.magazine_list {
    clear: both;
}

div.index_magazine div.magazine_list ul.magazine_list {
}

div.index_magazine div.magazine_list ul.magazine_list > li {
    padding: 5px 0;
}

div.index_magazine div.magazine_list ul.magazine_list > li p.new {
    position: absolute;
    left: -5px;
    top: -5px;
    font-size: 14px;
    line-height: 35px;
    font-weight: bold;
    color: #FFF;
    font-family: 'Roboto';
    background: #9e1630;
    z-index: 1;
    padding: 0 .5em;
}

div.index_magazine div.magazine_list ul.magazine_list > li a {
    text-decoration: none;
    color: #333;
}

div.index_magazine div.magazine_list ul.magazine_list > li a p.ph {
    display: flex;
    width: 340px;
    height: 210px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

div.index_magazine div.magazine_list ul.magazine_list > li a p.ph img {
    display: block;
    margin: auto;
    transition: transform 0.2s linear;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

div.index_magazine div.magazine_list ul.magazine_list > li a:hover p.ph img {
    transform: scale(1.1);
}

div.index_magazine div.magazine_list ul.magazine_list > li a ul.category {
    line-height: 1;
    margin: 10px 0 0;
}

div.index_magazine div.magazine_list ul.magazine_list > li a ul.category li {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 25px;
    color: #FFF;
    padding: 0 1em;
    background: #555;
    margin-right: 10px;
    margin-bottom: 10px;
}

div.index_magazine div.magazine_list ul.magazine_list > li a ul.category li.visit {
    background-color: #de9610;
}

/*訪れる*/
div.index_magazine div.magazine_list ul.magazine_list > li a ul.category li.enjoy {
    background-color: #65ace4;
}

/*愉しむ*/
div.index_magazine div.magazine_list ul.magazine_list > li a ul.category li.use {
    background-color: #d06d6d;
}

/*活かす*/
div.index_magazine div.magazine_list ul.magazine_list > li a ul.category li.live {
    background-color: #a0c238;
}

/*暮らす*/
div.index_magazine div.magazine_list ul.magazine_list > li a ul.category li.build {
    background-color: #9460a0;
}

/*建てる*/
div.index_magazine div.magazine_list ul.magazine_list > li a ul.category li.know {
    background-color: #d06d8c;
}

/*知る*/
div.index_magazine div.magazine_list ul.magazine_list > li a ul.category li.nurture {
    background-color: #56a764;
}

/*育む*/
div.index_magazine div.magazine_list ul.magazine_list > li a ul.category li.news {
    background-color: #9e1630;
}

/*お知らせ*/
div.index_magazine div.magazine_list ul.magazine_list > li a p.ttl {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.05em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

div.index_magazine div.magazine_list ul.magazine_list > li a:hover p.ttl {
    color: #9e1630;
}

div.index_magazine div.magazine_list ul.magazine_list > li a p.date {
    font-size: 13px;
    line-height: 30px;
    font-weight: bold;
    letter-spacing: 0;
    font-family: 'Roboto';
}

div.index_magazine div.magazine_list ul.magazine_list > li ul.tag {
    line-height: 20px;
    margin-top: 1em;
}

div.index_magazine div.magazine_list ul.magazine_list > li ul.tag li {
    display: inline-block;
}

div.index_magazine div.magazine_list ul.magazine_list > li ul.tag li a {
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0;
    color: #888;
    margin-right: 1em;
}

div.index_magazine div.magazine_list ul.magazine_list > li ul.tag li a::before {
    content: "#";
}

div.index_magazine div.magazine_list ul.magazine_list > li ul.tag li a:hover {
    color: #9e1630;
}

div.index_magazine div.magazine_category {
    width: 1080px;
    margin: 80px auto 60px;
}

div.index_magazine div.magazine_category ul.magazine_category {
    font-size: 0;
    letter-spacing: 0;
    line-height: 0;
}

div.index_magazine div.magazine_category ul.magazine_category li {
    display: inline-block;
    width: 255px;
    margin-right: 20px;
    margin-bottom: 10px;
}

div.index_magazine div.magazine_category ul.magazine_category li:nth-of-type(4n) {
    margin-right: 0;
}

div.index_magazine div.magazine_category ul.magazine_category li a {
    display: block;
    background: #333;
    color: #FFF;
    font-size: 18px;
    line-height: 40px;
    letter-spacing: 0.1em;
    text-align: center;
    text-decoration: none;
}

div.index_magazine div.magazine_category ul.magazine_category li.visit a {
    background-color: #de9610;
}

/*訪れる*/
div.index_magazine div.magazine_category ul.magazine_category li.enjoy a {
    background-color: #65ace4;
}

/*愉しむ*/
div.index_magazine div.magazine_category ul.magazine_category li.use a {
    background-color: #d06d6d;
}

/*活かす*/
div.index_magazine div.magazine_category ul.magazine_category li.live a {
    background-color: #a0c238;
}

/*暮らす*/
div.index_magazine div.magazine_category ul.magazine_category li.build a {
    background-color: #9460a0;
}

/*建てる*/
div.index_magazine div.magazine_category ul.magazine_category li.know a {
    background-color: #d06d8c;
}

/*知る*/
div.index_magazine div.magazine_category ul.magazine_category li.nurture a {
    background-color: #56a764;
}

/*育む*/
div.index_magazine div.magazine_category ul.magazine_category li.news a {
    background-color: #9e1630;
}

/*お知らせ*/
div.index_magazine div.magazine_category ul.magazine_category li a:hover {
    background: #333;
}

div.index_magazine div.magazine_recommend {
    width: 1080px;
    margin: 0 auto 20px;
}

div.index_magazine div.magazine_recommend H3 {
}

div.index_magazine div.magazine_recommend H3 p {
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
    margin-right: 2em;
}

div.index_magazine div.magazine_recommend H3 p::before {
    content: "[ ";
}

div.index_magazine div.magazine_recommend H3 p::after {
    content: " ]";
}

div.index_magazine div.magazine_recommend H3 span {
    font-size: 14px;
    letter-spacing: 0.1em;
}

div.index_magazine div.magazine_recommend ul.magazine_recommend {
    font-size: 0;
    letter-spacing: 0;
    line-height: 0;
    margin-top: 40px;
}

div.index_magazine div.magazine_recommend ul.magazine_recommend > li {
    display: inline-block;
    width: 520px;
    margin-right: 40px;
    margin-bottom: 50px;
    vertical-align: top;
}

div.index_magazine div.magazine_recommend ul.magazine_recommend > li:nth-of-type(2) {
    margin-right: 0;
}

div.index_magazine div.magazine_recommend ul.magazine_recommend > li a {
    text-decoration: none;
    color: #333;
}

div.index_magazine div.magazine_recommend ul.magazine_recommend > li a p.ph {
    display: flex;
    width: 520px;
    height: 300px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

div.index_magazine div.magazine_recommend ul.magazine_recommend > li a p.ph img {
    display: block;
    margin: auto;
    transition: transform 0.2s linear;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

div.index_magazine div.magazine_recommend ul.magazine_recommend > li a:hover p.ph img {
    transform: scale(1.1);
}

div.index_magazine div.magazine_recommend ul.magazine_recommend > li a p.ttl {
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin: 15px 0 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

div.index_magazine div.magazine_recommend ul.magazine_recommend > li a:hover p.ttl {
    color: #9e1630
}

div.index_magazine div.magazine_recommend ul.magazine_recommend > li ul.tag {
}

div.index_magazine div.magazine_recommend ul.magazine_recommend > li ul.tag li {
    display: inline-block;
}

div.index_magazine div.magazine_recommend ul.magazine_recommend > li ul.tag li a {
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0;
    color: #888;
    margin-right: 1em;
}

div.index_magazine div.magazine_recommend ul.magazine_recommend > li ul.tag li a::before {
    content: "#";
}

div.index_magazine div.magazine_recommend ul.magazine_recommend > li ul.tag li a:hover {
    color: #9e1630;
}

div.index_magazine div.magazine_recommend ul.magazine_recommend > li:nth-child(n+3) {
    width: 340px;
    margin-right: 30px;
}

div.index_magazine div.magazine_recommend ul.magazine_recommend > li:nth-child(n+3):nth-of-type(3n+2) {
    margin-right: 0;
}

div.index_magazine div.magazine_recommend ul.magazine_recommend > li:nth-child(n+3) a p.ph {
    display: flex;
    width: 340px;
    height: 210px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

div.index_magazine div.magazine_recommend ul.magazine_recommend > li:nth-child(n+3) a p.ttl {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    letter-spacing: 0.05em;
}

div.index_magazine a.view_all {
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
    color: #333;
    text-decoration: none;
    display: table;
    margin: 0 auto;
    padding: 0 2em;
    border-bottom: 3px #cccccc solid;
}

div.index_magazine a.view_all:hover {
    border-bottom: 3px #9e1630 solid;
}

/* MAGAZINE -------------------------------------------------- */
/*カテゴリー*/
div#main div.magazine_category {
    width: 1080px;
    margin: 0 auto;
    position: relative;
}

div#main div.magazine_category H1.magazine_category {
    position: relative;
    display: inline-block;
}

div#main div.magazine_category H1.magazine_category p {
    font-size: 48px;
    font-weight: bold;
    line-height: 1;
    display: inline-block;
}

div#main div.magazine_category H1.magazine_category p::first-letter {
    color: #9e1630;
}

div#main div.magazine_category H1.magazine_category p::after {
    content: "";
    display: block;
    margin-left: -9999px;
    margin-top: 10px;
    border-bottom: 4px #cccccc solid;
}

div#main div.magazine_category H1.magazine_category a {
    position: absolute;
    right: 0;
    bottom: -40px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0;
    text-decoration: none;
    color: #333333;
}

div#main div.magazine_category H1.magazine_category a::before {
    font-family: "FontAwesome";
    content: "\f104";
    margin-right: 5px;
    transition: .2s;
}

div#main div.magazine_category H1.magazine_category a:hover {
    color: #9e1630;
}

div#main div.magazine_category H1.magazine_category a:hover::before {
    margin-right: 7px;
}

div#main div.magazine_category H2 {
    position: absolute;
    right: 885px;
    top: 105px;
    color: #FFF;
    font-size: 13px;
    line-height: 20px;
    padding: 0 1em;
}

div#main div.magazine_category H2.visit {
    background-color: #de9610;
}

/*訪れる*/
div#main div.magazine_category H2.enjoy {
    background-color: #65ace4;
}

/*愉しむ*/
div#main div.magazine_category H2.use {
    background-color: #d06d6d;
}

/*活かす*/
div#main div.magazine_category H2.live {
    background-color: #a0c238;
}

/*暮らす*/
div#main div.magazine_category H2.build {
    background-color: #9460a0;
}

/*建てる*/
div#main div.magazine_category H2.know {
    background-color: #d06d8c;
}

/*知る*/
div#main div.magazine_category H2.nurture {
    background-color: #56a764;
}

/*育む*/
div#main div.magazine_category H2.news {
    background-color: #9e1630;
}

/*お知らせ*/
div#main div.magazine_category div.desc {
    width: 840px;
    float: right;
    margin-bottom: 50px;
}

div#main div.magazine_category div.desc p.jp {
    font-size: 15px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 5px;
}

div#main div.magazine_category div.desc p.en {
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 0;
    color: #666666;
}

div#main div.magazine_category div.magazine_categories {
    clear: both;
    margin-bottom: 30px;
}

div#main div.magazine_category div.magazine_categories ul.magazine_categories {
    font-size: 0;
    letter-spacing: 0;
    line-height: 0;
}

div#main div.magazine_category div.magazine_categories ul.magazine_categories li {
    display: inline-block;
    width: 255px;
    margin-right: 20px;
    margin-bottom: 10px;
}

div#main div.magazine_category div.magazine_categories ul.magazine_categories li:nth-of-type(4n) {
    margin-right: 0;
}

div#main div.magazine_category div.magazine_categories ul.magazine_categories li a {
    display: block;
    background: #333;
    color: #FFF;
    font-size: 18px;
    line-height: 40px;
    letter-spacing: 0.1em;
    text-align: center;
    text-decoration: none;
}

/*他カテゴリーの時は灰色*/
body:not(.visit) div#main div.magazine_category div.magazine_categories ul.magazine_categories li.visit a, body:not(.enjoy) div#main div.magazine_category div.magazine_categories ul.magazine_categories li.enjoy a, body:not(.use) div#main div.magazine_category div.magazine_categories ul.magazine_categories li.use a, body:not(.live) div#main div.magazine_category div.magazine_categories ul.magazine_categories li.live a, body:not(.build) div#main div.magazine_category div.magazine_categories ul.magazine_categories li.build a, body:not(.know) div#main div.magazine_category div.magazine_categories ul.magazine_categories li.know a, body:not(.nurture) div#main div.magazine_category div.magazine_categories ul.magazine_categories li.nurture a, body:not(.news) div#main div.magazine_category div.magazine_categories ul.magazine_categories li.news a {
    background: #CCC;
}

body:not(.visit) div#main div.magazine_category div.magazine_categories ul.magazine_categories li.visit a:hover, body:not(.enjoy) div#main div.magazine_category div.magazine_categories ul.magazine_categories li.enjoy a:hover, body:not(.use) div#main div.magazine_category div.magazine_categories ul.magazine_categories li.use a:hover, body:not(.live) div#main div.magazine_category div.magazine_categories ul.magazine_categories li.live a:hover, body:not(.build) div#main div.magazine_category div.magazine_categories ul.magazine_categories li.build a:hover, body:not(.know) div#main div.magazine_category div.magazine_categories ul.magazine_categories li.know a:hover, body:not(.nurture) div#main div.magazine_category div.magazine_categories ul.magazine_categories li.nurture a:hover, body:not(.news) div#main div.magazine_category div.magazine_categories ul.magazine_categories li.news a:hover {
    background: #333 !important;
}

/*カテゴリートップの時は色々*/
div#main div.magazine_category div.magazine_categories ul.magazine_categories.top li.visit a {
    background: #de9610 !important;
}

/*訪れる*/
div#main div.magazine_category div.magazine_categories ul.magazine_categories.top li.enjoy a {
    background: #65ace4 !important;
}

/*愉しむ*/
div#main div.magazine_category div.magazine_categories ul.magazine_categories.top li.use a {
    background: #d06d6d !important;
}

/*活かす*/
div#main div.magazine_category div.magazine_categories ul.magazine_categories.top li.live a {
    background: #a0c238 !important;
}

/*暮らす*/
div#main div.magazine_category div.magazine_categories ul.magazine_categories.top li.build a {
    background: #9460a0 !important;
}

/*建てる*/
div#main div.magazine_category div.magazine_categories ul.magazine_categories.top li.know a {
    background: #d06d8c !important;
}

/*知る*/
div#main div.magazine_category div.magazine_categories ul.magazine_categories.top li.nurture a {
    background: #56a764 !important;
}

/*育む*/
div#main div.magazine_category div.magazine_categories ul.magazine_categories.top li.news a {
    background: #9e1630 !important;
}

/*お知らせ*/
div#main div.magazine_category div.magazine_categories ul.magazine_categories.top li a:hover {
    background: #333 !important;
}

/*該当カテゴリーの時は色々で不動*/
body.visit div#main div.magazine_category div.magazine_categories ul.magazine_categories li.visit a {
    background: #de9610;
    pointer-events: none;
}

/*訪れる*/
body.enjoy div#main div.magazine_category div.magazine_categories ul.magazine_categories li.enjoy a {
    background: #65ace4;
    pointer-events: none;
}

/*愉しむ*/
body.use div#main div.magazine_category div.magazine_categories ul.magazine_categories li.use a {
    background: #d06d6d;
    pointer-events: none;
}

/*活かす*/
body.live div#main div.magazine_category div.magazine_categories ul.magazine_categories li.live a {
    background: #a0c238;
    pointer-events: none;
}

/*暮らす*/
body.build div#main div.magazine_category div.magazine_categories ul.magazine_categories li.build a {
    background: #9460a0;
    pointer-events: none;
}

/*建てる*/
body.know div#main div.magazine_category div.magazine_categories ul.magazine_categories li.know a {
    background: #d06d8c;
    pointer-events: none;
}

/*知る*/
body.nurture div#main div.magazine_category div.magazine_categories ul.magazine_categories li.nurture a {
    background: #56a764;
    pointer-events: none;
}

/*育む*/
body.news div#main div.magazine_category div.magazine_categories ul.magazine_categories li.news a {
    background: #9e1630;
    pointer-events: none;
}

/*お知らせ*/
div#main div.magazine_category ul.magazine_category {
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
}

div#main div.magazine_category ul.magazine_category > li {
    padding: 5px 0;
    display: inline-block;
    width: 340px;
    margin-right: 30px;
    margin-bottom: 50px;
    vertical-align: top;
    position: relative;
}

div#main div.magazine_category ul.magazine_category > li:nth-of-type(3n) {
    margin-right: 0;
}

div#main div.magazine_category ul.magazine_category > li p.new {
    position: absolute;
    left: -5px;
    top: -5px;
    font-size: 14px;
    line-height: 35px;
    font-weight: bold;
    color: #FFF;
    font-family: 'Roboto';
    background: #9e1630;
    z-index: 1;
    padding: 0 .5em;
}

div#main div.magazine_category ul.magazine_category > li a {
    text-decoration: none;
    color: #333;
}

div#main div.magazine_category ul.magazine_category > li a p.ph {
    display: flex;
    width: 340px;
    height: 210px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

div#main div.magazine_category ul.magazine_category > li a p.ph img {
    display: block;
    margin: auto;
    transition: transform 0.2s linear;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

div#main div.magazine_category ul.magazine_category > li a:hover p.ph img {
    transform: scale(1.1);
}

div#main div.magazine_category ul.magazine_category > li a ul.category {
    line-height: 1;
    margin: 10px 0 0;
}

div#main div.magazine_category ul.magazine_category > li a ul.category li {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 25px;
    color: #FFF;
    padding: 0 1em;
    background: #555;
    margin-right: 10px;
    margin-bottom: 10px;
}

div#main div.magazine_category ul.magazine_category > li a ul.category li.visit {
    background-color: #de9610;
}

/*訪れる*/
div#main div.magazine_category ul.magazine_category > li a ul.category li.enjoy {
    background-color: #65ace4;
}

/*愉しむ*/
div#main div.magazine_category ul.magazine_category > li a ul.category li.use {
    background-color: #d06d6d;
}

/*活かす*/
div#main div.magazine_category ul.magazine_category > li a ul.category li.live {
    background-color: #a0c238;
}

/*暮らす*/
div#main div.magazine_category ul.magazine_category > li a ul.category li.build {
    background-color: #9460a0;
}

/*建てる*/
div#main div.magazine_category ul.magazine_category > li a ul.category li.know {
    background-color: #d06d8c;
}

/*知る*/
div#main div.magazine_category ul.magazine_category > li a ul.category li.nurture {
    background-color: #56a764;
}

/*育む*/
div#main div.magazine_category ul.magazine_category > li a ul.category li.news {
    background-color: #9e1630;
}

/*お知らせ*/
div#main div.magazine_category ul.magazine_category > li a p.ttl {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.05em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

div#main div.magazine_category ul.magazine_category > li a:hover p.ttl {
    color: #9e1630;
}

div#main div.magazine_category ul.magazine_category > li a p.date {
    font-size: 13px;
    line-height: 30px;
    font-weight: bold;
    letter-spacing: 0;
    font-family: 'Roboto';
}

div#main div.magazine_category ul.magazine_category > li ul.tag {
    line-height: 20px;
    margin-top: 1em;
}

div#main div.magazine_category ul.magazine_category > li ul.tag li {
    display: inline-block;
}

div#main div.magazine_category ul.magazine_category > li ul.tag li a {
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0;
    color: #888;
    margin-right: 1em;
}

div#main div.magazine_category ul.magazine_category > li ul.tag li a::before {
    content: "#";
}

div#main div.magazine_category ul.magazine_category > li ul.tag li a:hover {
    color: #9e1630;
}

div.magazine {
    /* margin: 0 auto; */
}

/*magazine_header*/
div.magazine_header {
    position: relative;
    overflow: hidden;
}

div.magazine_header::after {
    /* content: ""; */
    /* position: absolute; */
    bottom: 0;
    left: 0;
    right: 0;
    height: 440px;
    background: #ece4e1;
    z-index: -1;
}

div.magazine_header img {
    display: block;
    width: 1080px;
    margin: 0 auto -10px;
}

div.magazine_spec {
}

div.magazine_spec ul.category {
    line-height: 0;
    float: left;
    margin-right: 20px;
}

div.magazine_spec ul.category li {
    display: inline-block;
    margin-right: 10px;
}

div.magazine_spec ul.category li:last-of-type {
    margin-right: 0;
}

div.magazine_spec ul.category li a {
    font-size: 14px;
    line-height: 30px;
    padding: 0 1em;
    text-decoration: none;
    display: block;
    color: #FFF;
    background: #666;
}

div.magazine_spec ul.category li.visit a {
    background-color: #de9610;
}

/*訪れる*/
div.magazine_spec ul.category li.enjoy a {
    background-color: #65ace4;
}

/*愉しむ*/
div.magazine_spec ul.category li.use a {
    background-color: #d06d6d;
}

/*活かす*/
div.magazine_spec ul.category li.live a {
    background-color: #a0c238;
}

/*暮らす*/
div.magazine_spec ul.category li.build a {
    background-color: #9460a0;
}

/*建てる*/
div.magazine_spec ul.category li.know a {
    background-color: #d06d8c;
}

/*知る*/
div.magazine_spec ul.category li.nurture a {
    background-color: #56a764;
}

/*育む*/
div.magazine_spec ul.category li.news a {
    background-color: #9e1630;
}

/*お知らせ*/
div.magazine_spec ul.category li a:hover {
    background-color: #333;
}

div.magazine_spec div.tag {
    font-size: 12px;
    line-height: 30px;
    letter-spacing: 0;
    float: left;
}

div.magazine_spec div.tag a {
    color: #888;
    margin-right: 1em;
}

div.magazine_spec div.tag a::before {
    content: "#";
}

div.magazine_spec div.tag a:hover {
    color: #555;
}

div.magazine_spec p.date {
}

/*分割しない場合*/
div.magazine_join {
    /* margin-bottom: 10em; */
}

div.magazine_join:not(.page01) div.magazine_header {
    display: none;
}

div.magazine_join:not(.page01) div.magazine_entry {
    display: none;
}

/*magazine_entry*/
div.magazine_entry {
    width: 820px;
    margin: 80px auto 0;
}

div.magazine_entry H1 {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 50px;
}

div.magazine_entry ul.language {
    margin-top: 40px;
    font-family: 'Roboto',YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

div.magazine_entry ul.language li {
    color: #555;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.05em;
    margin-bottom: 6px;
}

div.magazine_entry div.intro {
    margin-top: 100px;
    letter-spacing: 0;
}

div.magazine_entry div.intro ul.language {
}

div.magazine_entry div.intro ul.language li {
    margin-bottom: 1em;
}

/*magazine_footer*/
div.magazine_footer {
    /* width: 820px; */
    /* margin: 100px auto 0; */
}

div.magazine_footer div.credit {
    /* text-align: right; */
}

div.magazine_footer div.credit ul {
    display: inline-block;
    line-height: 1;
}

div.magazine_footer div.credit ul li {
    font-size: 12px;
    letter-spacing: 0;
    margin-bottom: 10px;
}

div.magazine_footer div.credit ul li span {
    margin-right: 5px;
}

div.magazine_footer div.credit ul li span::after {
    content: "：";
}

div.magazine_footer div.credit ul li a {
    font-weight: bold;
}

/*magazine_block*/
div.magazine_block {
    width: 820px;
    margin: 100px auto 0;
}

div.magazine_block div.headline {
    width: 700px;
    margin: 0 auto;
}

div.magazine_block div.headline:nth-of-type(n+2) {
    margin-top: 10em;
}

div.magazine_block div.headline H2 {
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    position: relative;
}

div.magazine_block div.headline H2::before {
    position: absolute;
    content: "";
    left: -30px;
    top: 8px;
    bottom: 8px;
    width: 2px;
    background: #9e1630;
}

div.magazine_block div.headline ul.language {
    margin-top: 30px;
    font-family: 'Roboto',YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

div.magazine_block div.headline ul.language li {
    color: #555;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.05em;
    margin-bottom: 6px;
}

div.magazine_block div.headline_sub {
    width: 700px;
    margin: 60px auto 0;
}

div.magazine_block div.headline_sub H3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
    line-height: 1.8;
}

div.magazine_block div.headline_sub ul.language {
    margin-top: 10px;
    font-family: 'Roboto',YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

div.magazine_block div.headline_sub ul.language li {
    color: #555;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.05em;
    margin-bottom: 6px;
}

div.magazine_block div.area2 {
    margin: 5em auto 10em;
}

div.magazine_block div.area2 div.ph {
    margin: 3em auto;
}

div.magazine_block div.area2 div.ph img {
    /* display: block; */
    /* margin: 3em auto 0; */
    /* max-height: 820px; */
}

div.magazine_block div.area2 div.ph p.ph_note {
    width: 600px;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0;
    margin: 1em auto 0;
}

div.magazine_block div.area2 div.ph p.ph_note a {
    font-weight: bold;
}

div.magazine_block div.area2 div.txt {
    width: 700px;
    margin: 0 auto;
}

div.magazine_block div.area2 div.txt p.txt_txt {
}

div.magazine_block div.area2 div.txt p.txt_txt:nth-of-type(n+1) {
    margin-top: 2em;
}

div.magazine_block div.area2 div.txt * {
    box-sizing: border-box;
    max-width: 100% !important;
}

div.magazine_block div.area2 div.txt p.txt_note {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    margin-top: 2em;
}

div.magazine_block div.area2 div.txt p.txt_language {
    color: #555;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.05em;
    margin-top: 2em;
    font-family: 'Roboto',YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

div.magazine_block div.area2 div.txt iframe {
    display: block !important;
    margin: 1em auto !important;
}

div.magazine_block div.area2 div.txt iframe[src*="vimeo.com"], div.magazine_block div.area2 div.txt iframe[src*="youtube.com"] {
    width: 700px;
    height: 393px;
}

div.magazine_block div.profile {
    width: 700px;
    margin: -5em auto 0;
    border: 1px #CCC solid;
    box-sizing: border-box;
    padding: 30px 20px;
    position: relative;
}

div.magazine_block div.profile p.ttl {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    position: absolute;
    left: 20px;
    top: -12px;
    padding: 0 .5em;
    background: #FFF;
}

div.magazine_block div.profile img {
    display: block;
    margin: 0 auto 1em;
    max-height: 600px;
}

div.magazine_block div.profile H4 {
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 0 1em;
}

div.magazine_block div.profile p.txt {
    font-size: 14px;
    line-height: 25px;
    padding: 0 1em;
}

div.magazine_block div.information {
    width: 800px;
    margin: 5em auto 0;
    border: 3px #CCC solid;
    box-sizing: border-box;
    padding: 47px;
    position: relative;
}

div.magazine_block div.information p.ttl {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0;
    position: absolute;
    left: 20px;
    top: -19px;
    padding: .5em;
    background: #FFF;
    border: 3px #CCC solid;
}

div.magazine_block div.information H4 {
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 20px;
}

div.magazine_block div.information img {
    display: block;
    margin: 0 auto 1em;
    max-height: 600px;
}

div.magazine_block div.information p.txt {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 1em;
}

div.magazine_block div.information table {
    /* width: 100%; */
    /* font-size: 14px; */
    /* line-height: 20px; */
    /* margin-top: 2em; */
    /* font-family: 'Roboto',YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; */
}

div.magazine_block div.information table:nth-of-type(n+2) {
    margin-top: 0;
}

div.magazine_block div.information table tr {
    /* display: block; */
    /* margin-bottom: 1em; */
    /* padding-bottom: 1em; */
    /* border-bottom: 1px #CCC solid; */
    font-size: 14px;
}

div.magazine_block div.information table:nth-of-type(n+2) tr:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

div.magazine_block div.information table th {
    /* width: 100px; */
    /* font-weight: normal; */
    /* vertical-align: top; */
}

div.magazine_block div.information table td {
    /* width: 600px; */
}

div.magazine_block div.information table td a {
    display: block;
    letter-spacing: 0;
    word-break: break-all;
}

div.magazine_block div.information table td p.note {
    font-size: 12px;
    letter-spacing: 0;
    margin-top: 5px;
}

div.magazine_block div.information div.map {
    position: relative;
    padding: 0 0 400px;
    height: 0;
    overflow: hidden;
    margin-top: 2em;
}

div.magazine_block div.information div.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*関連リンク*/
div.magazine_block div.block_link {
    margin: 40px 0;
}

div.magazine_block div.block_link ul {
}

div.magazine_block div.block_link ul li {
    margin-bottom: 2em;
}

div.magazine_block div.block_link ul li a {
    display: block;
    /* background: #9e1630; */
    text-align: left;
    /* color: #FFF; */
    line-height: 1.5;
    text-decoration: none;
    /* border-radius: 60px; */
    /* box-sizing: border-box; */
    /* padding: 20px 20px; */
    font-size: 14px;
    /* border: solid 1px #000; */
    /* border-radius: 0px; */
    text-decoration: underline;
    color: #9e1630;
}

div.magazine_block div.block_link ul li a:hover {
    /* background: #333; */
}

/*magazine_mokuji*/
div.magazine_mokuji {
    width: 780px;
    margin: 100px auto 0;
    box-sizing: border-box;
    padding: 40px;
    background: #ece4e1;
    font-size: 14px;
}

div.magazine_mokuji p {
    text-align: center;
    font-weight: bold;
}

div.magazine_mokuji ul {
    list-style: decimal;
}

div.magazine_mokuji ul li {
    line-height: 20px;
    margin-left: 2em;
    font-weight: bold;
}

div.magazine_mokuji ul li::marker {
    font-size: 18px;
    color: #9e1630;
    font-family: 'Roboto';
}

div.magazine_mokuji ul li a {
    color: #333;
    display: block;
    padding: 8px 0;
}

div.magazine_mokuji ul li a:hover {
    color: #9e1630;
}

/* div#magazine_page div.magazine_page {display:none;} */
div#magazine_page div.magazine_page:not(.active) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    border: 0;
}

div#magazine_page div.magazine_page.active {
    display: block;
}

/*ページ送り*/
ul.magazine_tab {
}

ul.magazine_tab li {
}

ul.magazine_tab li.active {
}

ul.magazine_tab li:hover {
    background: #9e1630;
    color: #FFF;
}

/*アウトロ*/
div.outro {
    width: 820px;
    /* margin: 6em auto 2em; */
}

div.outro img {
    display: block;
    margin: 3em auto 0;
    max-height: 800px;
}

div.outro p.ph_note {
    width: 600px;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0;
    margin: 1em auto 0;
}

div.outro p.ph_note a {
    font-weight: bold;
}

/*関連記事*/
div.yarpp-related {
    margin: 0
}

div.magazine_related_list {
    width: 1080px;
    margin: 200px auto 0;
}

div.magazine_related_list H2 {
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
}

div.magazine_related_list ul.magazine_related_list {
    width: 100%;
    font-size: 0;
    letter-spacing: 0;
    margin: 40px 0;
}

div.magazine_related_list ul.magazine_related_list > li {
    display: inline-block;
    vertical-align: top;
    width: 340px;
    margin-right: 30px;
}

div.magazine_related_list ul.magazine_related_list > li:nth-of-type(3) {
    margin-right: 0;
}

div.magazine_related_list ul.magazine_related_list > li p.new {
    position: absolute;
    left: -5px;
    top: -5px;
    font-size: 14px;
    line-height: 35px;
    font-weight: bold;
    color: #FFF;
    font-family: 'Roboto';
    background: #9e1630;
    z-index: 1;
    padding: 0 .5em;
}

div.magazine_related_list ul.magazine_related_list > li a {
    text-decoration: none;
    color: #333;
}

div.magazine_related_list ul.magazine_related_list > li a p.ph {
    display: flex;
    width: 340px;
    height: 210px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

div.magazine_related_list ul.magazine_related_list > li a p.ph img {
    display: block;
    margin: auto;
    transition: transform 0.2s linear;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

div.magazine_related_list ul.magazine_related_list > li a:hover p.ph img {
    transform: scale(1.1);
}

div.magazine_related_list ul.magazine_related_list > li a ul.category {
    line-height: 1;
    margin: 10px 0 0;
}

div.magazine_related_list ul.magazine_related_list > li a ul.category li {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 25px;
    color: #FFF;
    padding: 0 1em;
    background: #555;
    margin-right: 10px;
    margin-bottom: 10px;
}

div.magazine_related_list ul.magazine_related_list > li a ul.category li.visit {
    background-color: #de9610;
}

/*訪れる*/
div.magazine_related_list ul.magazine_related_list > li a ul.category li.enjoy {
    background-color: #65ace4;
}

/*愉しむ*/
div.magazine_related_list ul.magazine_related_list > li a ul.category li.use {
    background-color: #d06d6d;
}

/*活かす*/
div.magazine_related_list ul.magazine_related_list > li a ul.category li.live {
    background-color: #a0c238;
}

/*暮らす*/
div.magazine_related_list ul.magazine_related_list > li a ul.category li.build {
    background-color: #9460a0;
}

/*建てる*/
div.magazine_related_list ul.magazine_related_list > li a ul.category li.know {
    background-color: #d06d8c;
}

/*知る*/
div.magazine_related_list ul.magazine_related_list > li a ul.category li.nurture {
    background-color: #56a764;
}

/*育む*/
div.magazine_related_list ul.magazine_related_list > li a ul.category li.news {
    background-color: #9e1630;
}

/*お知らせ*/
div.magazine_related_list ul.magazine_related_list > li a p.ttl {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.05em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

div.magazine_related_list ul.magazine_related_list > li a:hover p.ttl {
    color: #9e1630;
}

div.magazine_related_list ul.magazine_related_list > li a p.date {
    font-size: 13px;
    line-height: 30px;
    font-weight: bold;
    letter-spacing: 0;
    font-family: 'Roboto';
}

div.magazine_related_list ul.magazine_related_list > li ul.tag {
    line-height: 20px;
    margin-top: 1em;
}

div.magazine_related_list ul.magazine_related_list > li ul.tag li {
    display: inline-block;
}

div.magazine_related_list ul.magazine_related_list > li ul.tag li a {
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0;
    color: #888;
    margin-right: 1em;
}

div.magazine_related_list ul.magazine_related_list > li ul.tag li a::before {
    content: "#";
}

div.magazine_related_list ul.magazine_related_list > li ul.tag li a:hover {
    color: #9e1630;
}

/*return_all*/
a.magazine_return_all {
}

a.magazine_return_all::before {
    /* font-family: "FontAwesome"; */
    /* content: "\f104"; */
    margin-right: 5px;
    transition: .2s;
}

a.magazine_return_all:hover {
    border-bottom: 3px #9e1630 solid;
}

a.magazine_return_all:hover::before {
    margin-right: 10px;
    margin-left: -5px;
}

/* MAGAZINE -------------------------------------------------- */
/*カテゴリー*/
div#main div.magazine_category {
    width: unset;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    padding: 0 20px;
}

div#main div.magazine_category H1.magazine_category {
    position: relative;
    display: inline-block;
}

div#main div.magazine_category H1.magazine_category p {
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    display: inline-block;
}

div#main div.magazine_category H1.magazine_category p::first-letter {
    color: #9e1630;
}

div#main div.magazine_category H1.magazine_category p::after {
    content: "";
    display: block;
    margin-left: -9999px;
    margin-top: 10px;
    border-bottom: 3px #cccccc solid;
}

div#main div.magazine_category H1.magazine_category a {
    position: absolute;
    right: 0;
    bottom: -25px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    text-decoration: none;
    color: #333333;
}

div#main div.magazine_category H1.magazine_category a::before {
    font-family: "FontAwesome";
    content: "\f104";
    margin-right: 5px;
    transition: .2s;
}

div#main div.magazine_category H1.magazine_category a:hover {
    color: #9e1630;
}

div#main div.magazine_category H1.magazine_category a:hover::before {
    margin-right: 7px;
}

div#main div.magazine_category H2 {
    position: absolute;
    right: 70vw;
    top: 60px;
    color: #FFF;
    font-size: 10px;
    line-height: 15px;
    padding: 0 1em;
}

div#main div.magazine_category div.desc {
    width: calc(100% - 8em);
    float: right;
    margin-bottom: 10px;
}

div#main div.magazine_category div.desc p.jp {
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 5px;
}

div#main div.magazine_category p.en {
    clear: both;
    font-size: 10px;
    line-height: 12px;
    margin-top: 5px;
}

div#main div.magazine_category div.magazine_categories {
    clear: both;
    margin: 20px auto;
}

div#main div.magazine_category div.magazine_categories ul.magazine_categories {
    font-size: 0;
    letter-spacing: 0;
    line-height: 0;
}

div#main div.magazine_category div.magazine_categories ul.magazine_categories li {
    display: inline-block;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 10px;
}

div#main div.magazine_category div.magazine_categories ul.magazine_categories li:nth-of-type(2n) {
    margin-right: 0;
}

div#main div.magazine_category div.magazine_categories ul.magazine_categories li a {
    display: block;
    background: #333;
    color: #FFF;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0.1em !important;
    text-align: center;
    text-decoration: none;
}

div#main div.magazine_category ul.magazine_category {
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
}

div#main div.magazine_category ul.magazine_category > li {
    padding: 5px 0;
    display: inline-block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
    vertical-align: top;
    position: relative;
}

div#main div.magazine_category ul.magazine_category > li:nth-of-type(3n) {
    margin-right: 0;
}

div#main div.magazine_category ul.magazine_category > li p.new {
    position: absolute;
    left: -5px;
    top: -5px;
    font-size: 12px;
    line-height: 30px;
    font-weight: bold;
    color: #FFF;
    font-family: 'Roboto';
    background: #9e1630;
    z-index: 1;
    padding: 0 .5em;
}

div#main div.magazine_category ul.magazine_category > li a {
    text-decoration: none;
    color: #333;
}

div#main div.magazine_category ul.magazine_category > li a p.ph {
    display: flex;
    width: calc(100vw - 40px)/*340px*/;
    height: calc(62vw - 25px)/*210px*/;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

div#main div.magazine_category ul.magazine_category > li a p.ph img {
    display: block;
    margin: auto;
    transition: transform 0.2s linear;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

div#main div.magazine_category ul.magazine_category > li a:hover p.ph img {
    transform: scale(1.1);
}

div#main div.magazine_category ul.magazine_category > li a ul.category {
    line-height: 1;
    margin: 5px 0 0;
}

div#main div.magazine_category ul.magazine_category > li a ul.category li {
    display: inline-block;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 20px;
    color: #FFF;
    padding: 0 1em;
    background: #555;
    margin-right: 5px;
    margin-bottom: 5px;
}

div#main div.magazine_category ul.magazine_category > li a p.ttl {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.05em !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

div#main div.magazine_category ul.magazine_category > li a p.ttl br {
    display: none;
}

div#main div.magazine_category ul.magazine_category > li a:hover p.ttl {
    color: #9e1630;
}

div#main div.magazine_category ul.magazine_category > li a p.date {
    font-size: 11px;
    line-height: 20px;
    font-weight: bold;
    letter-spacing: 0;
    font-family: 'Roboto';
}

div#main div.magazine_category ul.magazine_category > li ul.tag {
    line-height: 20px;
    margin-top: 1em;
}

div#main div.magazine_category ul.magazine_category > li ul.tag li {
    display: inline-block;
}

div#main div.magazine_category ul.magazine_category > li ul.tag li a {
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0;
    color: #888;
    margin-right: 1em;
}

div#main div.magazine_category ul.magazine_category > li ul.tag li a::before {
    content: "#";
}

div#main div.magazine_category ul.magazine_category > li ul.tag li a:hover {
    color: #9e1630;
}

/*個別記事ページ*/
div.magazine {
    /* margin: -2em auto 0; */
}

/*magazine_header*/
div.magazine_header {
    position: relative;
    overflow: hidden;
}

div.magazine_header::after {
    /* content: ""; */
    /* position: absolute; */
    /* bottom: 0; */
    /* left: 0; */
    /* right: 0; */
    /* height: 200px; */
    /* background: #ece4e1; */
    /* z-index: -1; */
}

div.magazine_header img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

div.magazine_spec {
}

div.magazine_spec ul.category {
    line-height: 0;
    float: left;
    margin-right: 20px;
}

div.magazine_spec ul.category li {
    display: inline-block;
    margin-right: 10px;
}

div.magazine_spec ul.category li:last-of-type {
    margin-right: 0;
}

div.magazine_spec ul.category li a {
    font-size: 12px;
    line-height: 20px;
    padding: 0 1em;
    text-decoration: none;
    display: block;
    color: #FFF;
    background: #666;
}

div.magazine_spec div.tag {
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 0;
    float: left;
}

div.magazine_spec div.tag a {
    color: #888;
    margin-right: 1em;
}

div.magazine_spec div.tag a::before {
    content: "#";
}

div.magazine_spec div.tag a:hover {
    color: #555;
}

div.magazine_spec p.date {
}

/*分割しない場合*/
div.magazine_join {
    /* margin-bottom: 10em; */
}

div.magazine_join:not(.page01) div.magazine_header {
    display: none;
}

div.magazine_join:not(.page01) div.magazine_entry {
    display: none;
}

/*magazine_entry*/
div.magazine_entry {
    width: 100%;
    margin: 30px auto 0;
    box-sizing: border-box;
    padding: 0 20px;
}

div.magazine_entry H1 {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.1em !important;
    line-height: 24px;
}

div.magazine_entry ul.language {
    margin-top: 20px;
    font-family: 'Roboto',YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

div.magazine_entry ul.language li {
    color: #555;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.05em;
    margin-bottom: 6px;
}

div.magazine_entry div.intro {
    margin-top: 40px;
    letter-spacing: 0;
}

div.magazine_entry div.intro ul.language {
}

div.magazine_entry div.intro ul.language li {
    margin-bottom: 1em;
}

/*magazine_footer*/
div.magazine_footer {
    /* width: 100%; */
    /* margin: 5em auto 0; */
    /* box-sizing: border-box; */
    /* padding: 0 20px; */
}

div.magazine_footer div.credit {
    /* text-align: right; */
}

div.magazine_footer div.credit ul {
    display: inline-block;
    line-height: 1;
}

div.magazine_footer div.credit ul li {
    font-size: 11px;
    letter-spacing: 0;
    margin-bottom: 10px;
}

div.magazine_footer div.credit ul li span {
    margin-right: 5px;
}

div.magazine_footer div.credit ul li span::after {
    content: "：";
}

div.magazine_footer div.credit ul li a {
    font-weight: bold;
}

div.magazine_footer div.magazine_spec {
}

/*magazine_block*/
div.magazine_block {
    width: 100%;
    margin: 60px auto 0;
    box-sizing: border-box;
    padding: 0 20px;
}

div.magazine_block div.headline {
    width: 100%;
    margin: 0 auto;
}

div.magazine_block div.headline:nth-of-type(n+2) {
    margin-top: 4em;
}

div.magazine_block div.headline H2 {
    /* font-size:16px; */
    /* line-height:20px; */
    /* font-weight:bold; */
    /* position:relative; */
    /* padding-left:1em; */
}

div.magazine_block div.headline H2::before {
}

div.magazine_block div.headline ul.language {
    margin-top: 20px;
    font-family: 'Roboto',YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

div.magazine_block div.headline ul.language li {
    color: #555;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.05em;
    margin-bottom: 6px;
}

div.magazine_block div.headline_sub {
    width: 100%;
    margin: 20px auto 0;
}

div.magazine_block div.headline_sub H3 {
    /* font-size: 15px; */
    /* line-height: 20px; */
    /* font-weight: bold; */
}

div.magazine_block div.headline_sub ul.language {
    margin-top: 10px;
    font-family: 'Roboto',YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

div.magazine_block div.headline_sub ul.language li {
    color: #555;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.05em;
    margin-bottom: 6px;
}

div.magazine_block div.area2 {
    margin: 2em auto 4em;
}

div.magazine_block div.area2 div.ph {
    margin: 2em auto;
}

div.magazine_block div.area2 div.ph img {
    display: block;
    /* margin: 2em auto 0; */
    /* max-height: 60vh; */
}

div.magazine_block div.area2 div.ph p.ph_note {
    width: 90%;
    text-align: center;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0;
    margin: 1em auto 0;
}

div.magazine_block div.area2 div.ph p.ph_note a {
    font-weight: bold;
}

div.magazine_block div.area2 div.txt {
    width: 100%;
    margin: 0 auto;
}

div.magazine_block div.area2 div.txt p.txt_txt {
    word-wrap: break-word;
}

div.magazine_block div.area2 div.txt p.txt_txt:nth-of-type(n+1) {
    margin-top: 2em;
}

div.magazine_block div.area2 div.txt p.txt_note {
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0;
    margin-top: 2em;
}

div.magazine_block div.area2 div.txt p.txt_language {
    color: #555;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.05em;
    margin-top: 2em;
    font-family: 'Roboto',YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

div.magazine_block div.area2 div.txt iframe {
    display: block !important;
    margin: 1em auto !important;
}

div.magazine_block div.area2 div.txt iframe[src*="vimeo.com"], div.magazine_block div.area2 div.txt iframe[src*="youtube.com"] {
    width: calc(100vw - 40px);
    height: calc(56vw - 22px);
}

div.magazine_block div.area2 div.txt iframe[src*="instagram.com"] {
    min-height: 500px;
}

div.magazine_block div.profile {
    width: 100%;
    margin: 5em auto 0;
    border: 1px #CCC solid;
    box-sizing: border-box;
    padding: 20px 15px 15px;
    position: relative;
}

div.magazine_block div.profile p.ttl {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    position: absolute;
    left: 15px;
    top: -10px;
    padding: 0 .5em;
    background: #FFF;
}

div.magazine_block div.profile img {
    display: block;
    margin: 0 auto 1em;
    max-height: 50vh;
}

div.magazine_block div.profile H4 {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 0;
}

div.magazine_block div.profile p.txt {
    font-size: 12px;
    line-height: 18px;
    padding: 0;
}

div.magazine_block div.information {
    width: 100%;
    margin: 5em auto 0;
    border: 2px #CCC solid;
    box-sizing: border-box;
    padding: 40px 20px 20px;
    position: relative;
}

div.magazine_block div.information p.ttl {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0;
    position: absolute;
    left: 15px;
    top: -19px;
    padding: .5em;
    background: #FFF;
    border: 2px #CCC solid;
}

div.magazine_block div.information H4 {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 10px;
}

div.magazine_block div.information img {
    display: block;
    margin: 0 auto 1em;
    max-height: 50vh;
}

div.magazine_block div.information p.txt {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 1em;
}

div.magazine_block div.information table {
    width: 100%;
    /* font-size: 11px; */
    /* line-height: 1; */
    /* margin-top: 0; */
    /* font-family: 'Roboto',YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; */
}

div.magazine_block div.information table:nth-of-type(n+2) {
    margin-top: 0;
}

div.magazine_block div.information table tr {
    /* display: block; */
    /* margin-bottom: 0; */
    /* padding-bottom: 1em; */
    /* border-bottom: none; */
}

div.magazine_block div.information table:nth-of-type(n+2) tr:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

div.magazine_block div.information table th {
    display: block;
    /* width: 100%; */
    /* box-sizing: border-box; */
    /* padding: .5em; */
    /* background: #ece4e1; */
    /* margin-bottom: 5px; */
}

div.magazine_block div.information table td {
    display: block;
    /* width: 100%; */
    /* box-sizing: border-box; */
    /* padding: .5em; */
}

div.magazine_block div.information table td a {
    display: block;
    letter-spacing: 0;
}

div.magazine_block div.information table td a[href*="tel:"] {
    display: inline-block;
}

div.magazine_block div.information table td p.note {
    font-size: 12px;
    letter-spacing: 0;
    margin-top: 5px;
}

div.magazine_block div.information div.map {
    position: relative;
    padding: 0 0 300px;
    height: 0;
    overflow: hidden;
    margin-top: 2em;
}

div.magazine_block div.information div.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*関連リンク*/
div.magazine_block div.block_link {
}

div.magazine_block div.block_link ul {
}

div.magazine_block div.block_link ul li {
    margin-bottom: 20px;
}

div.magazine_block div.block_link ul li a {
    /* display: block; */
    /* background: #9e1630; */
    /* text-align: center; */
    /* color: #FFF; */
    /* font-size: 12px; */
    /* line-height: 1.2; */
    /* text-decoration: none; */
    /* border-radius: 15px; */
    /* box-sizing: border-box; */
    /* padding: 1em 1.5em; */
}

div.magazine_block div.block_link ul li a:hover {
    /* background: #333; */
}

/*magazine_mokuji*/
div.magazine_mokuji {
    width: 100%;
    margin: 40px auto 0;
    box-sizing: border-box;
    padding: 15px;
    background: #ece4e1;
    font-size: 13px;
}

div.magazine_mokuji p {
    text-align: center;
    font-weight: bold;
}

div.magazine_mokuji ul {
    list-style: decimal;
}

div.magazine_mokuji ul li {
    line-height: 16px;
    margin-left: 2em;
    font-weight: bold;
}

div.magazine_mokuji ul li::marker {
    font-size: 15px;
    color: #9e1630;
    font-family: 'Roboto';
}

div.magazine_mokuji ul li a {
    color: #333;
    display: block;
    padding: 8px 0;
}

div.magazine_mokuji ul li a:hover {
    color: #9e1630;
}

/* div#magazine_page div.magazine_page {display:none;} */
div#magazine_page div.magazine_page:not(.active) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    border: 0;
}

div#magazine_page div.magazine_page.active {
    display: block;
}

/*ページ送り*/
ul.magazine_tab {
}

ul.magazine_tab li {
}

ul.magazine_tab li.active {
    background: #9e1630;
    color: #FFF;
    font-weight: bold;
    pointer-events: none;
}

ul.magazine_tab li:hover {
    background: #9e1630;
    color: #FFF;
}

/*アウトロ*/
div.outro {
    width: 100%;
    /* margin: 4em auto 2em; */
}

div.outro img {
    display: block;
    margin: 2em auto 0;
    max-height: 60vh;
}

div.outro p.ph_note {
    width: 90%;
    text-align: center;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0;
    margin: .5em auto 0;
}

div.outro p.ph_note a {
    font-weight: bold;
}

/*関連記事*/
div.yarpp-related {background-color: #fcfcfc;padding-top: 100px;padding-bottom: 60px;}
.yarpp-related .container-new-arrival{
    max-width: 1280px;
    padding: 0 40px;
    margin: 0 auto;
    margin-bottom: 60px;
}
.yarpp-related .magazine_list {
    margin-bottom: 30px;
}
.yarpp-related  .new-arrival-header {
  /* padding-right: 60px; */
  margin-bottom: 20px;
}
.yarpp-related .new-arrival-title {
  position: relative;
  line-height: 1;
  /* padding-bottom: 20px; */
  /* border-bottom: solid 1px #a0122c; */
}
.yarpp-related .new-arrival-title .en {
  font-size: 20px;
  letter-spacing: 0.05em;
}
.yarpp-related .new-arrival-title .jp {
  font-size: 12px;
  margin-left: 10px;
  letter-spacing: 0.1em;
}

div.magazine_related_list {
    width: unset;
    margin: 40px auto 0;
    box-sizing: border-box;
    padding: 0 20px;
}

div.magazine_related_list H2 {
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
}

div.magazine_related_list ul.magazine_related_list {
    width: 100%;
    font-size: 0;
    letter-spacing: 0;
    margin: 20px 0;
}

div.magazine_related_list ul.magazine_related_list > li {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-right: 4%;
}

div.magazine_related_list ul.magazine_related_list > li:nth-of-type(2) {
    margin-right: 0;
}

div.magazine_related_list ul.magazine_related_list > li:nth-of-type(3) {
    margin-right: 0;
    display: none;
}

div.magazine_related_list ul.magazine_related_list > li p.new {
    position: absolute;
    left: -5px;
    top: -5px;
    font-size: 14px;
    line-height: 35px;
    font-weight: bold;
    color: #FFF;
    font-family: 'Roboto';
    background: #9e1630;
    z-index: 1;
    padding: 0 .5em;
}

div.magazine_related_list ul.magazine_related_list > li a {
    text-decoration: none;
    color: #333;
}

div.magazine_related_list ul.magazine_related_list > li a p.ph {
    display: flex;
    width: 100%;
    height: 25vw;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

div.magazine_related_list ul.magazine_related_list > li a p.ph img {
    display: block;
    margin: auto;
    transition: transform 0.2s linear;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

div.magazine_related_list ul.magazine_related_list > li a:hover p.ph img {
    transform: scale(1.1);
}

div.magazine_related_list ul.magazine_related_list > li a ul.category {
    line-height: 1;
    margin: 5px 0 0;
}

div.magazine_related_list ul.magazine_related_list > li a ul.category li {
    display: inline-block;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 20px;
    color: #FFF;
    padding: 0 1em;
    background: #555;
    margin-right: 5px;
    margin-bottom: 5px;
}

div.magazine_related_list ul.magazine_related_list > li a p.ttl {
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    letter-spacing: 0.05em !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

div.magazine_related_list ul.magazine_related_list > li a p.ttl br {
    display: none;
}

div.magazine_related_list ul.magazine_related_list > li a:hover p.ttl {
    color: #9e1630;
}

div.magazine_related_list ul.magazine_related_list > li a p.date {
    font-size: 11px;
    line-height: 20px;
    font-weight: bold;
    letter-spacing: 0;
    font-family: 'Roboto';
}

div.magazine_related_list ul.magazine_related_list > li ul.tag {
    line-height: 20px;
    margin-top: 1em;
}

div.magazine_related_list ul.magazine_related_list > li ul.tag li {
    display: inline-block;
}

div.magazine_related_list ul.magazine_related_list > li ul.tag li a {
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0;
    color: #888;
    margin-right: 1em;
}

div.magazine_related_list ul.magazine_related_list > li ul.tag li a::before {
    content: "#";
}

div.magazine_related_list ul.magazine_related_list > li ul.tag li a:hover {
    color: #9e1630;
}

/*return_all*/
.yarpp-related .magazine_return_all {/* text-align: center; *//* max-width: 1280px; *//* padding: 0 40px; *//* margin: 0 auto; */}
.yarpp-related .magazine_return_all a{
  line-height: 1;
  background-color: #9e1630;
  color: #fff;
  font-size: 14px;
  margin: auto;
  width: 300px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  text-align: left;
  align-items: center;
  justify-content: start;
  font-size: 12px;
  padding: 0 20px;
  font-weight: normal;
  border-radius: 4px;
}

a.magazine_return_all::before {
    /* font-family: "FontAwesome"; */
    /* content: "\f104"; */
    /* margin-right: 5px; */
    /* transition: .2s; */
}

a.magazine_return_all:hover {
    border-bottom: 3px #9e1630 solid;
}

a.magazine_return_all:hover::before {
    margin-right: 10px;
    margin-left: -5px;
}