@charset "UTF-8";


/* Common */

* {
-webkit-text-size-adjust: 100%;
}
html {
margin: 0;
padding: 0;
font-size: 62.5%;
}
body {
font-family: 'Helvetica', 'Noto Sans JP', sans-serif;
font-size: 1.2rem;
line-height: 1.0em;
letter-spacing: 0em;
color: #000;
background: #fff;
margin: 0;
padding: 0;
position: relative;
word-wrap: break-word;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
h1,h2,h3,h4,h5,h6,p,a,ul,li,ol,dl,dt,dd,table,tr,th,td,span,strong {
line-height: 1.0em;
font-weight: 300;
margin: 0;
padding: 0;
}
li {
list-style-type: none;
list-style-position: outside;
}
table {
border-collapse: collapse;
}
img {
vertical-align: bottom;
max-width: 100%;
height: auto;
}
a {
text-decoration: none;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
-ms-transition: .4s;
transition: .4s;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
-ms-transition: .4s;
transition: .4s;
}
a:hover img {
opacity: 1.0;
_filter: alpha(opacity=100);
}
:focus {
outline: none !important;
}


/* Parts */

.forPc {
display: none;
}
.forSp {
display: block;
}
.inner {
width: 100%;
padding: 0 20px;
box-sizing: border-box;
position: relative;
}
.wrapper {
width: 100%;
padding: 90px 0 40px 0;
box-sizing: border-box;
}


/* Form */

input, 
textarea, 
select,
button {
font-family: 'Noto Sans JP', sans-serif;
font-size: 1.4rem;
letter-spacing: 0em;
outline: none;
margin: 0;
padding: 0;
border: none;
box-sizing: border-box;
}
input[type=text],
input[type=email],
input[type=tel],
input[type=password] {
line-height: 1.6em;
background: #fff;
padding: 10px 15px;
border-radius: 0;
width: 100%;
}
.item_input {
border-radius: 0;
border: 1px solid #000;
position: relative;
box-sizing: border-box;
}
.item_search {
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: space-between;
-webkit-justify-content: space-between;
}
.item_search input[type=text] {
flex: 1;
-webkit-flex: 1;
line-height: 35px;
padding: 0 15px;
margin-right: 4px;
border-radius: 20px 0 0 4px;
}
.item_search button {
background: #898989;
width: 35px;
height: 35px;
text-align: center;
border-radius: 0 4px 10px 0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
}
.item_search button img {
width: 18px;
}


/* Header */

.s_header {
position: fixed;
top: 0;
left: 0;
z-index: 10;
width: 100%;
background: #fff;
transition: .4s;
}
.s_header .inner {
height: 90px;
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
transition: .4s;
}
.s_header .logo {
width: 130px;
}
.s_header .logo img {
vertical-align: middle;
}
.s_header .i_menu_sp {
display: block;
width: 20px;
height: 16px;
background: url(https://cdn.clipkit.co/tenants/874/resources/assets/000/000/009/original/i_menuopen.png) center center /contain no-repeat;
}
.s_header .i_menu_sp.active {
background: url(https://cdn.clipkit.co/tenants/874/resources/assets/000/000/010/original/i_menuclose.png) center center /contain no-repeat;
}
.modal_menu {
opacity: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(247,248,248,0.95);
box-sizing: border-box;
position: fixed;
top: 90px;
right: 0;
bottom: 0;
left: 200%;
z-index: 20;
overflow-y: scroll;
transition: .4s;
padding: 45px 40px;
}
.modal_menu.letsgo {
opacity: 1;
left: 0;
}
.modal_menu .g_search {
margin-bottom: 22px;
}
.modal_menu .g_menu {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 8px 0 50px 0;
}
.modal_menu p {
font-weight: 700;
font-size: 1.4rem;
margin-bottom: 18px;
}
.modal_menu ul {
text-align: center;
}
.modal_menu ul li + li {
margin-top: 26px;
}
.modal_menu ul li a {
font-size: 2.0rem;
color: #898989;
font-weight: 700;
}
.s_header .i_search {
display: block;
width: 16px;
margin: 0 15px 0 auto;
}
.s_header .g_search {
opacity: 0;
transition: .4s;
position: absolute;
top: 90px;
left: 200%;
background: rgba(247,248,248,0.95);
width: 100%;
box-sizing: border-box;
padding: 20px 40px;
}
.s_header .g_search.letsgo {
opacity: 1;
left: 0;
}
.s_header .g_nav {
display: none;
}


/* Footer */

.s_footer {
color: #fff;
background: #000;
}
.s_footer .inner {
padding: 33px 0 30px 0;
}
.s_footer .g_nav ul.list_sns {
margin-bottom: 40px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
}
.s_footer .g_nav ul.list_sns li {
width: 18px;
margin: 0 9px;
}
.s_footer .g_nav ul.list_sns li a[target="_blank"]:after {
display: none;
text-decoration: none;
}
.s_footer .g_nav ul.list_nav {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.s_footer .g_nav ul.list_nav li {
width: 50%;
text-align: center;
margin-bottom: 25px;
}
.s_footer .g_nav ul.list_nav li a {
font-size: 1.1rem;
line-height: 1.3em;
font-weight: 400;
color: #fff;
}
.s_footer .copy {
text-align: center;
font-size: 0.8rem;
line-height: 1.3em;
margin-top: 15px;
}
.item_pagetop {
position: absolute;
top: 25px;
right: 30px;
font-size: 1.2rem;
color: #fff;
width: 36px;
text-align: center;
}
.item_pagetop:before {
content: '';
display: block;
margin: 0 auto 5px auto;
width: 36px;
height: 18px;
background: url(https://cdn.clipkit.co/tenants/874/resources/assets/000/000/011/original/i_pagetop.png) center center /contain no-repeat;
}


/* MainContents */

.s_main {
padding: 0 0 60px 0;
}
.g_slide_list_article {
margin-bottom: 60px !important;
}
.g_slide_list_article .slick-dots {
bottom: -25px;
}
.g_slide_list_article .slick-dots li {
width: 14px;
height: 2px;
margin: 0 2px;
}
.g_slide_list_article .slick-dots li button {
width: 14px;
height: 2px;
padding: 0;
}
.g_slide_list_article .slick-dots li button:before {
opacity: 1;
content: '';
display: block;
background: #898989;
width: 14px;
height: 2px;
}
.g_slide_list_article .slick-dots li.slick-active button:before {
opacity: 1;
background: #3E3A39;
}
.g_slide_list_article .item .tmb {
display: block;
width: 100%;
padding-top: 66.6%;
margin: 0;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.g_slide_list_article .item .info {
padding: 20px 50px 0 50px;
}
.g_slide_list_article .item .info .ttl {
font-size: 2.0rem;
line-height: 1.5em;
font-weight: 300;
color: #000;
display: -webkit-box;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
overflow: hidden;
border: none;
}
.g_slide_list_article .item .info .data {
margin-top: 12px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: flex-end;
-webkit-align-items: flex-end;
}
.g_slide_list_article .item .info .data .cat {
color: #898989;
font-size: 1.4rem;
font-style: italic;
font-weight: 700;
margin-right: 8px;
}
.g_slide_list_article .item .info .data .date {
color: #898989;
font-weight: 400;
font-style: italic;
font-size: 1.1rem;
}

.ttl_item_01 {
font-size: 1.4rem;
font-style: italic;
font-weight: 700;
margin: 0 20px 30px 20px;
padding-top: 10px;
border-top: 1px solid #000;
}

.g_list_article .item {
position: relative;
}
.g_list_article .item .tmb {
display: block;
width: 100%;
padding-top: 66.6%;
margin: 0;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.g_list_article .item .info {
padding: 12px 30px 30px 30px;
}
.g_list_article .item .info .ttl {
font-size: 1.5rem;
line-height: 1.6em;
font-weight: 700;
color: #000;
display: -webkit-box;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
overflow: hidden;
border: none;
}
.g_list_article .item .info .data {
margin-top: 5px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: flex-end;
-webkit-align-items: flex-end;
}
.g_list_article .item .info .data .cat {
color: #898989;
font-size: 1.4rem;
font-style: italic;
font-weight: 700;
margin-right: 8px;
}
.g_list_article .item .info .data .date {
color: #898989;
font-weight: 400;
font-style: italic;
font-size: 1.1rem;
}
.g_list_article .item .i_new {
position: absolute;
top: 20px;
right: 20px;
background: #fff;
color: #000;
display: block;
font-size: 1.8rem;
font-style: italic;
font-weight: 700;
width: 65px;
line-height: 65px;
border-radius: 50%;
text-align: center;
}
.btn_more {
text-align: center;
font-weight: 700;
margin: 10px auto 0 auto;
width: 154px;
line-height: 32px;
background: url(https://cdn.clipkit.co/tenants/874/resources/assets/000/000/003/original/btn_bg_01.png) center center /contain no-repeat;
display: block;
-webkit-appearance: none;
appearance: none;
}



/* SubContents */

.s_sub {
max-width: none;
}
.a_sub_inner {
max-width: none;
}
.s_sub h3 {
font-size: 1.4rem;
font-style: italic;
font-weight: 700;
margin: 0 20px 30px 20px;
padding-top: 10px;
border-top: 1px solid #000;
}

.g_sub_popular {
padding: 30px 0 60px 0;
}
.g_sub_popular .item a {
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.g_sub_popular .item + .item {
margin-top: 48px;
}
.g_sub_popular .item .tmb {
width: 52%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.g_sub_popular .item .tmb figure {
display: block;
width: 100%;
padding-top: 66.6%;
margin: 0;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.g_sub_popular .item .info {
flex: 1;
-webkit-flex: 1;
padding: 0 15px 0 12px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
flex-direction: column;
-webkit-flex-direction: column;
}
.g_sub_popular .item .info .ttl {
font-size: 1.6rem;
line-height: 1.4em;
font-weight: 300;
color: #000;
display: -webkit-box;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
-webkit-line-clamp: 4;
overflow: hidden;
}
.g_sub_popular .item .info .data {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: flex-end;
-webkit-align-items: flex-end;
}
.g_sub_popular .item .info .data .cat {
color: #898989;
font-size: 1.4rem;
font-style: italic;
font-weight: 700;
margin-right: 8px;
}
.g_sub_popular .item .info .data .date {
color: #898989;
font-weight: 400;
font-style: italic;
font-size: 1.1rem;
}
.g_sub_popular .item a:before {
content: '';
display: block;
position: absolute;
top: -27px;
left: 19px;
width: 55px;
height: 35px;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
}
.g_sub_popular .item:nth-of-type(1) a:before {
background-image: url(https://cdn.clipkit.co/tenants/874/resources/assets/000/000/012/original/i_rank_01.png);
}
.g_sub_popular .item:nth-of-type(2) a:before {
background-image: url(https://cdn.clipkit.co/tenants/874/resources/assets/000/000/013/original/i_rank_02.png);
}
.g_sub_popular .item:nth-of-type(3) a:before {
background-image: url(https://cdn.clipkit.co/tenants/874/resources/assets/000/000/014/original/i_rank_03.png);
}
.g_sub_popular .item:nth-of-type(4) a:before {
background-image: url(https://cdn.clipkit.co/tenants/874/resources/assets/000/000/016/original/i_rank_04.png);
}
.g_sub_popular .item:nth-of-type(5) a:before {
background-image: url(https://cdn.clipkit.co/tenants/874/resources/assets/000/000/015/original/i_rank_05.png);
}

.g_sub_recommend {
margin-bottom: 115px !important;
position: relative;
}
.g_sub_recommend .slick-dots {
bottom: -40px;
}
.g_sub_recommend .slick-dots li {
width: 14px;
height: 2px;
margin: 0 2px;
}
.g_sub_recommend .slick-dots li button {
width: 14px;
height: 2px;
padding: 0;
}
.g_sub_recommend .slick-dots li button:before {
opacity: 1;
content: '';
display: block;
background: #898989;
width: 14px;
height: 2px;
}
.g_sub_recommend .slick-dots li.slick-active button:before {
opacity: 1;
background: #3E3A39;
}
.g_sub_recommend .item {
padding: 0 7px;
}
.g_sub_recommend .item .tmb figure {
display: block;
width: 100%;
padding-top: 66.6%;
margin: 0;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.g_sub_recommend .item .info {
padding: 20px 0 0 0;
}
.g_sub_recommend .item .info .ttl {
font-size: 2.0rem;
line-height: 1.5em;
font-weight: 300;
color: #000;
display: -webkit-box;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
overflow: hidden;
}
.g_sub_recommend .item .info .data {
margin-top: 12px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: flex-end;
-webkit-align-items: flex-end;
}
.g_sub_recommend .item .info .data .cat {
color: #898989;
font-size: 1.4rem;
font-style: italic;
font-weight: 700;
margin-right: 8px;
}
.g_sub_recommend .item .info .data .date {
color: #898989;
font-weight: 400;
font-style: italic;
font-size: 1.1rem;
}
.g_sub_recommend .slick-prev,
.g_sub_recommend .slick-next {
width: 32px;
height: 32px;
top: auto;
bottom: -54px;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
}
.g_sub_recommend .slick-prev {
left: 60px;
}
.g_sub_recommend .slick-next {
right: 60px;
}
.g_sub_recommend .slick-prev:before,
.g_sub_recommend .slick-next:before {
display: block;
opacity: 1;
width: 32px;
height: 32px;
}
.g_sub_recommend .slick-prev:before {
content: '';
background: url(https://cdn.clipkit.co/tenants/874/resources/assets/000/000/023/original/i_slide_l.png) center center /contain no-repeat;
}
.g_sub_recommend .slick-next:before {
content: '';
background: url(https://cdn.clipkit.co/tenants/874/resources/assets/000/000/024/original/i_slide_r.png) center center /contain no-repeat;
}

.g_sub_tag {
padding: 0 22px;
}
.g_sub_tag ul.g_list_tag {
justify-content: center;
-webkit-justify-content: center;
}
ul.g_list_tag {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
ul.g_list_tag li {
margin: 0 8px 25px;
}
ul.g_list_tag li a {
font-size: 1.1rem;
display: inline-block;
padding-bottom: 4px;
color: #3E3A39;
border-bottom: 1px solid #C9CACA;
}


/* Bottom */

.g_breadcrumb {
padding: 5px 30px;
box-sizing: border-box;
width: 100%;
overflow-x: scroll;
}
.g_breadcrumb ul {
color: #3E3A39;
font-size: 1.0rem;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
}
.g_breadcrumb ul span,
.g_breadcrumb ul strong {
font-weight: 300;
}
.g_breadcrumb ul a {
color: #B5B5B6;
}
.g_breadcrumb ul li {
white-space: nowrap;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
}
.g_breadcrumb ul li:after {
content: '';
display: block;
width: 4px;
height: 4px;
border-top: 1px solid #B5B5B6;
border-right: 1px solid #B5B5B6;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin: 0 8px 0 5px;
box-sizing: content-box;
}
.g_breadcrumb ul li:last-child:after {
display: none;
}

.g_cover_cat {
padding: 35px 25px 45px 25px;
box-sizing: border-box;
width: 100%;
}
.g_cover_cat h1 {
font-size: 1.9rem;
text-align: center;
font-style: italic;
font-weight: 700;
margin-bottom: 20px;
}
.g_cover_cat p {
line-height: 2em;
color: #333;
}


/* Post */

.g_article_header {
margin-top: 10px;
}
.g_article_header .tmb {
display: block;
width: 100%;
padding-top: 66.6%;
margin: 0;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.g_article_header .data {
background: #898989;
padding: 3px 53px;
color: #fff;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: space-between;
-webkit-justify-content: space-between;
}
.g_article_header .data .cat {
font-style: italic;
font-weight: 700;
}
.g_article_header .data .date {
font-size: 1.1rem;
font-style: italic;
font-weight: 400;
}
.g_article_header .info {
padding: 25px 10% 60px 10%;
}
.g_article_header .info h1 {
font-size: 2.0rem;
line-height: 1.5em;
font-weight: 300;
padding: 0 8px;
}
.g_article_header .info .g_share {
margin-top: 20px;
}
.g_article_header .info .g_share ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
}
.g_article_header .info .g_share ul li {
margin: 0 5px;
}
.g_article_header .info .g_share ul li a {
display: block;
width: 31px;
height: 31px;
border-radius: 50%;
border: 1px solid #000;
text-align: center;
box-sizing: border-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
}
.g_article_header .info .g_share ul li a[target="_blank"]:after {
display: none;
text-decoration: none;
}
.g_article_header .info .g_share ul li a img {
width: 12px;
}
.g_article_header .info p.txt_description {
padding: 0 8px;
margin-top: 35px;
color: #333;
font-size: 1.4rem;
line-height: 1.9em;
}
.g_article_header .info .g_toc {
margin-top: 30px;
padding: 10px 0 30px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
.g_article_header .info .g_toc p {
font-style: italic;
font-weight: 700;
margin-bottom: 20px;
}
.g_article_header .info .g_toc ul {
padding: 0 13px;
}
.g_article_header .info .g_toc ul li.lv,
.g_article_header .info .g_toc ul li.lv2 {
margin-bottom: 1.5em;
padding-left: 8px;
border-left: 4px solid #000;
}
.g_article_header .info .g_toc ul li.lv a,
.g_article_header .info .g_toc ul li.lv2 a {
font-size: 1.2rem;
line-height: 1.4em;
font-weight: 700;
color: #191919;
}
.g_article_header .info .g_toc ul li.lv3 {
position: relative;
padding-left: 17px;
}
.g_article_header .info .g_toc ul li.lv3:before {
content: '';
display: block;
position: absolute;
top: 5px;
left: 0;
width: 5px;
height: 5px;
border-top: 2px solid #191919;
border-right: 2px solid #191919;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
box-sizing: content-box;
}
.g_article_header .info .g_toc ul li.lv3 a {
font-size: 1.2rem;
font-weight: 300;
line-height: 1.6em;
color: #696969;
}
.g_article_header .info .g_toc ul li.lv3 + li.lv,
.g_article_header .info .g_toc ul li.lv3 + li.lv2 {
margin-top: 2em;
}
.g_article_header .info .g_toc ul li.lv3 + li.lv3 {
margin-top: 0.4em;
}

.g_article_body {
padding-bottom: 60px;
}
.g_article_body .article-item:not(.item_html) {
padding-bottom: 0;
min-height: auto;
}
.g_article_body .item_heading {
padding: 0 13%;
}
.g_article_body .item_heading h2 {
font-size: 1.8rem;
line-height: 1.5em;
font-weight: 500;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 12px 0;
margin-bottom: 2em;
}
.g_article_body .article-item + .item_heading h2 {
margin-top: 3em;
}
.g_article_body .item_heading h3 {
font-size: 1.5rem;
line-height: 1.6em;
font-weight: 500;
margin-bottom: 1.5em;
padding-left: 12px;
border-left: 5px solid #C9CACA;
}
.g_article_body .item_image {
margin-bottom: 2em;
}
.g_article_body .item_image img {
display: block;
margin: 0 auto;
}
.g_article_body .item_image h4 {
padding: 0 13%;
color: #727171;
font-size: 1.2rem;
line-height: 1.6em;
}
.g_article_body .item_image div + h4,
.g_article_body .item_image a + h4{
margin-top: 10px;
}
.g_article_body .item_rich_text {
padding: 0 13%;
line-height: 2em;
margin-bottom: 2.5em;
font-size: 1.4rem;
}
.g_article_body .item_rich_text ul li {
color: #898989;
font-size: 1.0rem;
line-height: 1.8em;
position: relative;
padding-left: 13px;
}
.g_article_body .item_rich_text ul li:before {
content: '';
width: 4px;
height: 4px;
border: 1px solid #898989;
display: block;
position: absolute;
top: 6px;
left: 0;
}
.g_article_body .item_quote {
padding: 35px 53px !important;
background: #EFEFEF;
margin: 3.5em 0;
position: relative;
}
.g_article_body .item_quote blockquote {
margin: 0;
padding: 0;
background: none;
color: #898989;
font-size: 1.2rem;
line-height: 2em;
border-radius: 0;
}
.g_article_body .item_quote blockquote:before {
display: none;
}
.g_article_body .item_quote blockquote .item-body-hbr {
font-family: 'Helvetica', 'Noto Sans JP', sans-serif;
}
.g_article_body .item_quote blockquote footer {
margin-top: 1em;
padding: 0;
font-size: 1.2rem;
line-height: 2em;
text-align: right;
}
.g_article_body .item_quote blockquote footer cite {
font-style: normal;
border-bottom: 1px solid #898989;
}
.g_article_body .item_quote blockquote footer cite a {
color: #898989;
font-size: 1.2rem;
line-height: 2em;
}
.g_article_body .item_quote:before,
.g_article_body .item_quote:after {
content: '';
width: 26px;
height: 20px;
display: block;
position: absolute;
background-position: center center;
background-size: contain;
background-repeat;
}
.g_article_body .item_quote:before {
top: -10px;
right: 33px;
background-image: url(https://cdn.clipkit.co/tenants/874/resources/assets/000/000/029/original/i_via_t.png);
}
.g_article_body .item_quote:after {
bottom: -10px;
left: 33px;
background-image: url(https://cdn.clipkit.co/tenants/874/resources/assets/000/000/028/original/i_via_b.png);
}
.g_article_tag {
padding: 0 45px;
margin: 4em 0 1.5em;
}

.g_article_body .paginate {
display: none;
}
.g_pager {
padding: 0 13%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: space-between;
-webkit-justify-content: space-between;
}
.g_pager span {
font-size: 1.1rem;
color: #C9CACA;
}
.g_pager .item {
width: 33%;
}
.g_pager .item a {
display: block;
position: relative;
text-align: center;
border: 1px solid #000;
font-size: 1.1rem;
color: #231815;
padding: 13px 0;
overflow: hidden;
}
.g_pager .item a:after {
content: '';
width: 8px;
height: 8px;
display: block;
position: absolute;
bottom: -4px;
background: #000;
}
.g_pager .item.prev a:after {
left: -4px;
transform: rotate(315deg);
}
.g_pager .item.next a:after {
right: -4px;
transform: rotate(45deg);
}

.g_paginate a {
margin: 0 auto;
width: 189px;
height: 40px;
background: url(https://cdn.clipkit.co/tenants/874/resources/assets/000/000/003/original/btn_bg_01.png) center center /contain no-repeat;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
}
.g_paginate a p {
font-size: 1.4rem;
font-style: italic;
font-weight: 700;
color: #898989;
}
.g_paginate a span {
font-style: italic;
font-weight: 700;
font-size: 1.0rem;
color: #C9CACA;
}

.g_article_footer {
padding-bottom: 70px;
}
.ttl_common_01 {
font-size: 1.1rem;
font-style: italic;
font-weight: 700;
text-align: center;
margin-bottom: 1.5em;
}
.ttl_common_01:before {
content: '';
width: 23px;
height: 1px;
background: #000;
display: block;
margin: 0 auto 10px auto;
}
.ttl_common_02 {
font-size: 1.4rem;
font-style: italic;
font-weight: 700;
margin: 0 20px 30px 20px;
padding-top: 10px;
border-top: 1px solid #000;
}

.g_gallery {
position: relative;
margin-bottom: 80px !important;
}
.g_gallery .img_tmb {
margin: 0;
}
.g_gallery img {
display: block;
  height: 20vw;
  max-height: 200px;
  min-height: 150px;
}
.g_gallery .slick-dots {
bottom: -40px;
}
.g_gallery .slick-dots li {
width: 14px;
height: 2px;
margin: 0 2px;
}
.g_gallery .slick-dots li button {
width: 14px;
height: 2px;
padding: 0;
}
.g_gallery .slick-dots li button:before {
opacity: 1;
content: '';
display: block;
background: #898989;
width: 14px;
height: 2px;
}
.g_gallery .slick-dots li.slick-active button:before {
opacity: 1;
background: #3E3A39;
}
.g_gallery .slick-prev,
.g_gallery .slick-next {
width: 32px;
height: 32px;
top: auto;
bottom: -54px;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
}
.g_gallery .slick-prev {
left: 60px;
}
.g_gallery .slick-next {
right: 60px;
}
.g_gallery .slick-prev:before,
.g_gallery .slick-next:before {
display: block;
opacity: 1;
width: 32px;
height: 32px;
}
.g_gallery .slick-prev:before {
content: '';
background: url(https://cdn.clipkit.co/tenants/874/resources/assets/000/000/023/original/i_slide_l.png) center center /contain no-repeat;
}
.g_gallery .slick-next:before {
content: '';
background: url(https://cdn.clipkit.co/tenants/874/resources/assets/000/000/024/original/i_slide_r.png) center center /contain no-repeat;
}

.g_profile_01 {
padding: 0 13%;
margin-bottom: 60px;
}
.g_profile_01 .head figure {
display: block;
width: 154px;
height: 103px;
margin: 0 auto 7px auto;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.g_profile_01 .head .txts p.name {
font-size: 1.3rem;
line-height: 1.3em;
font-style: italic;
font-weight: 700;
text-align: center;
color: #000;
margin: 0;
}
.g_profile_01 .head .txts p {
font-size: .9rem;
line-height: 1.8em;
color: #9FA0A0;
margin-top: 4px;
}
.g_profile_01 .head .txts a {
font-size: .9rem;
line-height: 1.3em;
font-style: italic;
font-weight: 700;
color: #9FA0A0;
position: relative;
padding-left: 13px;
margin-top: 6px;
display: inline-block;
}
.g_profile_01 .head .txts a:before {
content: '';
width: 10px;
height: 10px;
background: url(https://cdn.clipkit.co/tenants/874/resources/assets/000/000/008/original/i_link_ig.png) center center /contain no-repeat;
display: block;
position: absolute;
top: 0;
left: 0;
}
.g_profile_01 .head .txts a[target="_blank"]:after {
display: none;
text-decoration: none;
}
.g_profile_01 .info {
margin-top: 15px;
}
.g_profile_01 .info table {
width: 100%;
}
.g_profile_01 .info th {
font-size: .9rem;
line-height: 1.5em;
font-weight: 500;
color: #fff;
background: #898989;
text-align: center;
width: 30%;
border: 2px solid #fff;
padding: 3px;
box-sizing: border-box;
border: 1px solid #fff;
}
.g_profile_01 .info td {
font-size: .9rem;
line-height: 1.5em;
color: #898989;
background: #EFEFEF;
border: 1px solid #fff;
padding: 3px 0 3px 10px;
}

.g_mailmagazine {
padding: 15px 25px 25px 25px;
margin-bottom: 40px;
background: #C9CACA;
}
.g_mailmagazine form h3 {
font-size: 1.0rem;
line-height: 1.5em;
font-weight: 500;
text-align: center;
margin-bottom: 10px;
}
.g_mailmagazine form .item_form {
width: 70%;
margin: 0 auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
}
.g_mailmagazine form .item_form input[type=email] {
flex: 1;
-webkit-flex: 1;
font-size: 1.0rem;
line-height: 22px;
padding: 0 15px;
margin-right: 4px;
border: none;
border-radius: 10px 0 0 4px;
}
.g_mailmagazine form .item_form button {
font-weight: 700;
font-size: 1.0rem;
background: #898989;
color: #fff;
width: 35px;
line-height: 22px;
text-align: center;
border-radius: 0 4px 10px 0;
}

.g_profile_02 {
padding: 0 13%;
}
.g_profile_02 h3 {
font-weight: 700;
font-size: 1.0rem;
font-style: italic;
color: #898989;
padding: 0 2px;
}
.g_profile_02 p.name {
font-weight: 700;
font-size: 1.3rem;
font-style: italic;
color: #000;
padding: 8px 2px 5px 2px;
}
.g_profile_02 .info {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: flex-start;
-webkit-align-items: flex-start;
}
.g_profile_02 .info figure {
display: block;
width: 70px;
height: 70px;
margin: 0;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.g_profile_02 .info .data {
flex: 1;
-webkit-flex: 1;
padding-left: 7px;
}
.g_profile_02 .info .data p {
font-size: 1.2rem;
line-height: 1.6em;
color: #898989;
}
.g_profile_02 .info .data a {
font-size: .9rem;
line-height: 1.3em;
font-style: italic;
font-weight: 700;
color: #9FA0A0;
position: relative;
padding-left: 13px;
margin-top: 7px;
display: inline-block;
}
.g_profile_02 .info .data a[target="_blank"]:after {
display: none;
text-decoration: none;
}
.g_profile_02 .info .data a:before {
content: '';
width: 10px;
height: 10px;
background: url(https://cdn.clipkit.co/tenants/874/resources/assets/000/000/008/original/i_link_ig.png) center center /contain no-repeat;
display: block;
position: absolute;
top: 0;
left: 0;
}

.g_box_link {
width: 100%;
margin: 0 auto;
padding: 16px;
box-sizing: border-box;
border: 1px solid #898989;
position: relative;
}
.g_box_link:before {
content: '';
width: 28px;
height: 28px;
display: block;
background: url(https://cdn.clipkit.co/tenants/874/resources/assets/000/000/007/original/i_link_box.png) center center /contain no-repeat;
position: absolute;
top: -3px;
left: -3px;
}
.g_box_link .head {
margin-bottom: 5px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: flex-start;
-webkit-align-items: flex-start;
}
.g_box_link .head figure {
display: block;
width: 80px;
height: 60px;
margin: 0;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.g_box_link .head p {
flex: 1;
-webkit-flex: 1;
padding-left: 10px;
color: #898989;
font-size: 1.3rem;
line-height: 1.7em;
font-weight: 700;
display: -webkit-box;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
overflow: hidden;
}
.g_box_link p {
font-size: 1.2rem;
line-height: 1.5em;
color: #898989;
}

.g_list_related .item a {
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.g_list_related .item + .item {
margin-top: 48px;
}
.g_list_related .item .tmb {
width: 52%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.g_list_related .item .tmb figure {
display: block;
width: 100%;
padding-top: 66.6%;
margin: 0;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.g_list_related .item .info {
flex: 1;
-webkit-flex: 1;
padding: 0 15px 0 12px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
flex-direction: column;
-webkit-flex-direction: column;
}
.g_list_related .item .info .ttl {
font-size: 1.6rem;
line-height: 1.4em;
font-weight: 300;
color: #000;
display: -webkit-box;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
-webkit-line-clamp: 4;
overflow: hidden;
}
.g_list_related .item .info .data {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: flex-end;
-webkit-align-items: flex-end;
}
.g_list_related .item .info .data .cat {
color: #898989;
font-size: 1.4rem;
font-style: italic;
font-weight: 700;
margin-right: 8px;
}
.g_list_related .item .info .data .date {
color: #898989;
font-weight: 400;
font-style: italic;
font-size: 1.1rem;
}




.item_link {
padding: 0 13%;
margin-bottom: 2.5em;
}

.g_box_link a[target="_blank"]:after {
display: none;
}
.g_box_link + .t_comment {
line-height: 2em;
margin-top: 1em;
}

.item-link--button a[target="_blank"]:after {
display: none;
}
.item-link--button a {
display: block;
width: 100%;
max-width: 400px;
padding: 14px 10px;
box-sizing: border-box;
color: #fff;
background: #000;
line-height: 1.6em;
font-size: 1.4rem;
font-weight: 700;
text-align: center;
margin: 0 auto;
}

.g_article_body .item_image.image_profile .media {
padding: 0 13%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: flex-start;
-webkit-align-items: flex-start;
}
.g_article_body .item_image.image_profile .media .pull-sm-left {
margin: 0;
float: none;
}
.g_article_body .item_image.image_profile span.inline-image {
width: 70px;
height: auto;
}
.g_article_body .item_image.image_profile span.inline-image img.item-image {
max-width: 70px;
max-height: none;
}
.g_article_body .item_image.image_profile .media .media-body {
max-width: none;
display: block;
flex: 1;
-webkit-flex: 1;
padding-left: 7px;
}
.g_article_body .item_image.image_profile h4 {
padding: 0;
font-size: 1.3rem;
line-height: 1.3em;
font-style: italic;
font-weight: 700;
color: #000;
margin: 0 0 7px 0;
}
.g_article_body .item_image.image_profile .item-comment {
border-left: none;
padding: 0;
margin: 0;
font-size: 1.2rem;
line-height: 1.6em;
color: #898989;
}


.s_search .paginate {
display: none;
}
.s_search .g_pager {
margin-top: 2em;
}






.g_article_body .article-item .item-comment {
padding: 0 0 0 8px;
margin: 7px 0 0 0;
line-height: 1.6em;
}
.g_article_body .article-item .cite cite {
font-style: normal;
}


.g_article_body .article-item span.inline-image img.item-image {
max-width: 100%;
max-height: none;
}
.g_article_body .item_image .cite {
margin: 7px 13% 0 13%;
}
.g_article_body .item_image .item-comment {
margin: 7px 13% 0 13%;
}


.g_article_body .item_movie {
width: 100%;
max-width: 1024px;
box-sizing: border-box;
padding: 0 13%;
margin-bottom: 2em;
}
.g_article_body .item_movie .pull-sm-left {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
overflow: hidden;
}
.g_article_body .item_movie .pull-sm-left iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.g_article_body .item_movie .cite {
padding: 0;
margin-top: 7px;
}


.g_article_body .item_table {
padding: 0 13%;
margin-bottom: 2em;
}
.g_article_body .item_table table {
margin-bottom: 0;
border: 2px solid #fff;
}
.g_article_body .item_table table td {
font-size: 1.0rem;
font-weight: 700;
padding: 2px 8px;
line-height: 1.6;
border: 2px solid #fff;
color: #898989;
background: #EFEFEF;
}
.g_article_body .item_table table tr:first-child td,
.g_article_body .item_table table td:first-child {
font-size: 0.9rem;
font-weight: 500;
color: #fff;
background: #898989;
}




.g_article_body .item_rich_text.rich_text_bg {
padding: 22px 30px;
margin-right: 32px;
margin-left: 32px;
background: #EFEFEF;
color: #000;
}


.g_article_body .item_rich_text.rich_text_box {
padding: 22px 30px;
margin-right: 32px;
margin-left: 32px;
color: #191919;
border: 1px solid #000;
}


.item_talk {
margin-bottom: 2.5em;
padding: 0 13%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: flex-start;
-webkit-align-items: flex-start;
justify-content: space-between;
-webkit-justify-content: space-between;
}
.item_talk figure {
width: 60px;
height: 60px;
border-radius: 50%;
display: block;
margin: 0;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.item_talk .g_txt {
flex: 1;
-webkit-flex: 1;
margin-left: 20px;
}
.item_talk .g_txt .t_name {
font-size: 1.4rem;
font-weight: 700;
color: #191919;
line-height: 1.5em;
margin-bottom: 5px;
}
.item_talk .g_txt .t_talk {
font-size: 1.4rem;
font-weight: 300;
color: #000;
line-height: 2em;
border: 1px solid #898989;
border-radius: 5px 20px 5px 20px;
padding: 11px 15px;
position: relative;
}
.item_talk .g_txt .t_talk:before {
content: "";
position: absolute;
top: 14px;
left: -15px;
margin-left: 0;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 15px 12px 0;
border-color: transparent #898989 transparent transparent;
z-index: 1;
}
.item_talk .g_txt .t_talk:after {
content: "";
position: absolute;
top: 15px;
left: -12px;
margin-left: 0;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 15px 12px 0;
border-color: transparent #fff transparent transparent;
z-index: 1;
}
.item_talk .g_txt .t_talk i {
display: block;
width: 20px;
position: absolute;
top: -18px;
right: 15px;
}


.item_talk.item_talk_right {
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.item_talk.item_talk_right .g_txt {
margin: 0 20px 0 0;
}
.item_talk.item_talk_right .g_txt .t_name {
text-align: right;
}
.item_talk.item_talk_right .g_txt .t_talk {
border-radius: 20px 5px 20px 5px;
}
.item_talk.item_talk_right .g_txt .t_talk:before {
left: auto;
right: -15px;
border-width: 0 0 12px 15px;
border-color: transparent transparent transparent #898989;
}
.item_talk.item_talk_right .g_txt .t_talk:after {
left: auto;
right: -12px;
border-width: 0 0 12px 15px;
border-color: transparent transparent transparent #fff;
}
.item_talk.item_talk_right .g_txt .t_talk i {
right: auto;
left: 15px
}



.item_2gallery {
margin-bottom: 2.5em;
padding: 0 32px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: flex-start;
-webkit-align-items: flex-start;
justify-content: space-between;
-webkit-justify-content: space-between;
}
.item_2gallery .item {
width: calc((100% - 10px) / 2);
}
.item_2gallery figure {
width: 100%;
display: block;
margin: 0;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.item_2gallery.type1 figure {
padding-top: 150%;
}
.item_2gallery.type2 figure {
padding-top: 66.6%;
}
.item_2gallery.type3 figure {
padding-top: 100%;
}














































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

body {
font-size: 1.4rem;
}


/* Parts */

.forPc {
display: block;
}
.forSp {
display: none;
}
.inner {
max-width: 1280px;
padding: 0 40px;
margin: 0 auto;
}
.wrapper {
max-width: 1280px;
padding: 190px 40px 100px 40px;
margin: 0 auto;
}
.s_col_2 {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: flex-start;
-webkit-align-items: flex-start;
justify-content: space-between;
-webkit-justify-content: space-between;
flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
}


/* Form */

input, 
textarea, 
select,
button {
font-size: 1.4rem;
}
input[type=text],
input[type=email],
input[type=tel],
input[type=password] {
padding: 10px 15px;
}
.item_search input[type=text] {
line-height: normal;
padding: 13px 15px;
background: rgba(247,248,248,1);
}
.item_search button {
width: 40px;
height: 40px;
}


/* Header */

.s_header .inner {
height: 90px;
}
.s_header .logo {
width: 260px;
transition: .4s;
}
.s_header .i_menu_sp {
display: none;
}
.modal_menu {
display: none;
}
.s_header .i_search {
display: none;
}
.s_header .g_search {
opacity: 1;
position: relative;
top: auto;
left: auto;
background: none;
width: 400px;
padding: 0;
margin-left: auto;
}
.s_header.roll .inner {
height: 60px;
}
.s_header.roll .logo {
width: 200px;
}
.s_header .g_nav {
display: block;
background: rgba(247,248,248,1);
}
.s_header .g_nav ul {
display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: center;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
}
.s_header .g_nav ul li a {
font-size: 1.8rem;
color: #898989;
font-weight: 700;
display: block;
padding: 21px 40px;
}
.s_header .g_nav ul li a:hover {
color: #000;
}


/* Footer */

.s_footer .inner {
padding: 80px 40px 50px 40px;
}
.s_footer .g_nav {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: flex-start;
-webkit-align-items: flex-start;
justify-content: space-between;
-webkit-justify-content: space-between;
flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
}
.s_footer .g_nav ul.list_sns {
margin-bottom: 0;
justify-content: flex-end;
-webkit-justify-content: flex-end;
}
.s_footer .g_nav ul.list_sns li {
margin: 0 0 0 20px;
}
.s_footer .g_nav ul.list_nav li {
width: auto;
text-align: left;
margin: 0 30px 0 0;
}
.s_footer .g_nav ul.list_nav li a {
font-size: 1.4rem;
}
.s_footer .copy {
font-size: 1.4rem;
margin-top: 60px;
}
.item_pagetop {
top: 22px;
right: 40px;
font-size: 1.4rem;
}


/* MainContents */

.s_main {
flex: 1;
-webkit-flex: 1;
width: 100%;
max-width: 880px;
padding: 0 0 0 60px;
box-sizing: border-box;
}
.g_slide_list_article {
margin-bottom: 80px !important;
}
.g_slide_list_article .item .info {
padding: 20px 0 0 0;
}
.g_slide_list_article .item .info .ttl {
font-size: 2.7rem;
}
.g_slide_list_article .item .info .data .date {
font-size: 1.2rem;
}

.ttl_item_01 {
font-size: 2.0rem;
margin: 0 0 30px 0;
padding-top: 15px;
}

.g_list_article {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: flex-start;
-webkit-align-items: flex-start;
justify-content: space-between;
-webkit-justify-content: space-between;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.g_list_article .item {
width: calc((100% - 30px) / 2);
}
.g_list_article .item .info {
padding: 12px 0 40px 0;
}
.g_list_article .item .info .ttl {
font-size: 1.7rem;
}
.g_list_article .item .info .data .date {
font-size: 1.2rem;
}
.btn_more {
margin: 20px auto 0 auto;
width: 308px;
line-height: 64px;
font-size: 1.6rem;
}



/* SubContents */

.s_sub {
width: 100%;
max-width: 320px;
}
.a_sub_inner {
width: 100%;
max-width: 320px;
}
.s_sub h3 {
font-size: 2.0rem;
margin: 0 0 30px 0;
padding-top: 15px;
}
.g_sub_popular {
padding: 15px 0 60px 0;
}
.g_sub_popular .item + .item {
margin-top: 40px;
}
.g_sub_popular .item .tmb {
width: 100px;
}
.g_sub_popular .item .info {
padding: 0 0 0 12px;
}
.g_sub_popular .item .info .ttl {
font-size: 1.6rem;
-webkit-line-clamp: 2;
}
.g_sub_popular .item .info .data .date {
font-size: 1.2rem;
}
.g_sub_popular .item a:before {
top: -25px;
left: 10px;
}









.g_sub_recommend {
margin-bottom: 60px !important;
}
.g_sub_recommend .item a {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.g_sub_recommend .item {
padding: 0;
}
.g_sub_recommend .item + .item {
margin-top: 24px;
}
.g_sub_recommend .item .tmb {
width: 100px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.g_sub_recommend .item .info {
flex: 1;
-webkit-flex: 1;
padding: 0 0 0 12px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
flex-direction: column;
-webkit-flex-direction: column;
}
.g_sub_recommend .item .info .ttl {
font-size: 1.6rem;
line-height: 1.4em;
-webkit-line-clamp: 2;
}
.g_sub_recommend .item .info .data {
margin: 0;
}
.g_sub_recommend .item .info .data .date {
font-size: 1.2rem;
}
.g_sub_tag {
padding: 0;
margin: 0 -8px;
}
ul.g_list_tag li {
margin: 0 8px 25px;
}
ul.g_list_tag li a {
font-size: 1.2rem;
}


/* Bottom */

.g_breadcrumb {
padding: 5px 0;
margin-bottom: 40px;
overflow-x: auto;
}
.g_breadcrumb ul {
font-size: 1.2rem;
}
.g_breadcrumb ul li:after {
margin: 0 10px 0 7px;
}

.g_cover_cat {
padding: 0 0 60px 0;
}
.g_cover_cat h1 {
font-size: 3.7rem;
margin-bottom: 30px;
}
.g_cover_cat p {
font-size: 1.6rem;
}










/* Post */

.g_article_header {
margin-top: 0;
}
.g_article_header .data {
padding: 13px 30px;
}
.g_article_header .data .date {
font-size: 1.2rem;
}






.g_article_header .info {
padding: 25px 0 80px 0;
}
.g_article_header .info h1 {
font-size: 3.6rem;
padding: 0;
}
.g_article_header .info .g_share ul li {
margin: 0 10px;
}
.g_article_header .info .g_share ul li a {
width: 40px;
height: 40px;
}
.g_article_header .info .g_share ul li a img {
width: 18px;
}
.g_article_header .info p.txt_description {
padding: 0;
margin-top: 30px;
font-size: 1.6rem;
}
.g_article_header .info .g_toc {
margin-top: 40px;
padding: 20px 0 40px;
}
.g_article_header .info .g_toc p {
font-size: 2.0rem;
margin-bottom: 1.5em;
}
.g_article_header .info .g_toc ul {
padding: 0 15px;
}
.g_article_header .info .g_toc ul li.lv,
.g_article_header .info .g_toc ul li.lv2 {
padding-left: 12px;
}
.g_article_header .info .g_toc ul li.lv a,
.g_article_header .info .g_toc ul li.lv2 a {
font-size: 1.6rem;
}
.g_article_header .info .g_toc ul li.lv3:before {
top: 7px;
}
.g_article_header .info .g_toc ul li.lv3 a {
font-size: 1.4rem;
}
.g_article_header .info .g_toc ul li.lv3 + li.lv,
.g_article_header .info .g_toc ul li.lv3 + li.lv2 {
margin-top: 2.5em;
}

.g_article_body {
padding-bottom: 80px;
}
.g_article_body .item_heading {
padding: 0;
}
.g_article_body .item_heading h2 {
font-size: 2.7rem;
padding: 17px 0;
}
.g_article_body .item_heading h3 {
font-size: 2.2rem;
padding-left: 16px;
}
.g_article_body .item_image h4 {
padding: 0;
font-size: 1.3rem;
text-align: center;
}
.g_article_body .item_image div + h4,
.g_article_body .item_image a + h4{
margin-top: 15px;
}
.g_article_body .item_rich_text {
padding: 0;
font-size: 1.6rem;
}
.g_article_body .item_rich_text ul li {
font-size: 1.6rem;
padding-left: 18px;
}
.g_article_body .item_rich_text ul li:before {
width: 8px;
height: 8px;
top: 8px;
}
.g_article_body .item_quote {
padding: 35px 50px;
}
.g_article_body .item_quote blockquote {
font-size: 1.6rem;
}
.g_article_body .item_quote blockquote footer {
font-size: 1.3rem;
}
.g_article_body .item_quote blockquote footer cite a {
font-size: 1.3rem;
}
.g_article_body .item_quote:before {
top: -10px;
right: 30px;
}
.g_article_body .item_quote:after {
bottom: -10px;
left: 30px;
}
.g_article_tag {
padding: 0;
margin-right: -8px;
margin-left: -8px;
}





.g_pager {
padding: 0;
}
.g_pager span {
font-size: 1.3rem;
}
.g_pager .item {
width: 30%;
}
.g_pager .item a {
font-size: 1.4rem;
padding: 17px 0;
}
.g_pager .item a:after {
width: 12px;
height: 12px;
bottom: -6px;
}
.g_pager .item.prev a:after {
left: -6px;
}
.g_pager .item.next a:after {
right: -6px;
}





.g_paginate a {
width: 249px;
height: 52px;
}
.g_paginate a:hover {
background: url(https://cdn.clipkit.co/tenants/874/resources/assets/000/000/003/original/btn_bg_01.png) center center /contain no-repeat #C9CACA;
}
.g_paginate a p {
font-size: 1.6rem;
transition: .4s;
}
.g_paginate a span {
font-size: 1.2rem;
transition: .4s;
}
.g_paginate a:hover p,
.g_paginate a:hover span {
color: #fff;
}


.g_article_footer {
padding-bottom: 80px;
}
.ttl_common_01 {
font-size: 2.3rem;
margin-bottom: 1.5em;
}
.ttl_common_01:before {
width: 46px;
height: 2px;
margin: 0 auto 15px auto;
}
.ttl_common_02 {
font-size: 2.0rem;
margin: 0 0 30px 0;
padding-top: 15px;
}

.g_gallery {
margin-bottom: 120px !important;
}
.g_gallery .img_tmb {
margin: 0 10px;
}
.g_gallery .slick-prev {
left: 30px;
}
.g_gallery .slick-next {
right: 30px;
}

.g_profile_01 {
padding: 0;
margin-bottom: 80px;
}
.g_profile_01 .head {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: flex-start;
-webkit-align-items: flex-start;
}
.g_profile_01 .head figure {
width: 100px;
height: 100px;
margin: 0;
}
.g_profile_01 .head .txts {
padding-left: 15px;
flex: 1;
-webkit-flex: 1;
}
.g_profile_01 .head .txts p.name {
font-size: 1.6rem;
text-align: left;
}
.g_profile_01 .head .txts p {
font-size: 1.4rem;
}
.g_profile_01 .head .txts a {
font-size: 1.3rem;
padding-left: 20px;
}
.g_profile_01 .head .txts a:before {
width: 15px;
height: 15px;
}
.g_profile_01 .info {
margin-top: 25px;
}
.g_profile_01 .info th {
font-size: 1.4rem;
padding: 10px;
}
.g_profile_01 .info td {
font-size: 1.4rem;
padding: 10px 0 10px 20px;
}

.g_mailmagazine {
padding: 35px 30px 45px 30px;
margin-bottom: 80px;
}
.g_mailmagazine form h3 {
font-size: 1.6rem;
margin-bottom: 15px;
}
.g_mailmagazine form .item_form input[type=email] {
font-size: 1.4rem;
line-height: 36px;
padding: 0 15px;
}
.g_mailmagazine form .item_form button {
font-size: 1.4rem;
width: 60px;
line-height: 36px;
}

.g_profile_02 {
padding: 0;
}
.g_profile_02 h3 {
font-size: 2.3rem;
padding: 0;
}
.g_profile_02 p.name {
font-size: 1.9rem;
padding: 20px 0 15px 0;
}
.g_profile_02 .info figure {
width: 100px;
height: 100px;
}
.g_profile_02 .info .data {
padding-left: 20px;
}
.g_profile_02 .info .data p {
font-size: 1.4rem;
}
.g_profile_02 .info .data a {
font-size: 1.3rem;
padding-left: 20px;
}
.g_profile_02 .info .data a:before {
width: 15px;
height: 15px;
}

.g_box_link {
width: 100%;
padding: 40px;
}
.g_box_link:before {
width: 56px;
height: 56px;
top: -6px;
left: -6px;
}
.g_box_link .head {
margin-bottom: 20px;
}
.g_box_link .head figure {
width: 180px;
height: 120px;
}
.g_box_link .head p {
padding-left: 20px;
font-size: 1.9rem;
}
.g_box_link p {
font-size: 1.4rem;
}

.g_list_related {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: flex-start;
-webkit-align-items: flex-start;
justify-content: space-between;
-webkit-justify-content: space-between;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.g_list_related .item {
width: calc((100% - 30px) / 2);
}
.g_list_related .item a {
display: block;
}
.g_list_related .item + .item {
margin-top: 0;
}
.g_list_related .item .tmb {
width: 100%;
}
.g_list_related .item .info {
padding: 12px 0 40px 0;
display: block;
}
.g_list_related .item .info .ttl {
font-size: 1.7rem;
line-height: 1.6em;
font-weight: 700;
}
.g_list_related .item .info .data {
margin-top: 5px;
}
.g_list_related .item .info .data .date {
font-size: 1.2rem;
}



/* 1 col */

.s_col_1 {
box-sizing: border-box;
margin: 0 auto;
max-width: 900px;
padding: 0 40px;
}
.s_col_1 .s_main {
padding: 0;
}
.s_col_1 .s_sub {
margin-top: 40px;
max-width: none;
}
.s_col_1 .a_sub_inner {
max-width: none;
}
.s_col_1 .g_sub_popular {
padding: 15px 0 80px 0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: flex-start;
-webkit-align-items: flex-start;
justify-content: space-between;
-webkit-justify-content: space-between;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.s_col_1 .g_sub_popular .item {
width: calc((100% - 30px) / 2);
}
.s_col_1 .g_sub_popular .item:nth-of-type(1) {
width: 100%;
}
.s_col_1 .g_sub_popular .item:nth-of-type(1) .tmb {
width: 200px;
}
.s_col_1 .g_sub_popular .item:nth-of-type(1) .info .ttl {
font-size: 1.9rem;
}
.s_col_1 .g_sub_recommend {
width: 100%;
margin: 0 auto 50px auto !important;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: flex-start;
-webkit-align-items: flex-start;
justify-content: space-between;
-webkit-justify-content: space-between;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.s_col_1 .g_sub_recommend .item {
width: calc((100% - 30px) / 2);
margin-bottom: 30px;
}
.s_col_1 .g_sub_recommend .item + .item {
margin-top: 0;
}
.s_col_1 .g_sub_tag {
margin: 0 -8px;
}



.item_link {
padding: 0;
}

.g_box_link + .t_comment {
font-size: 1.6rem;
}

.item-link--button a {
padding: 18px 10px;
font-size: 1.6rem;
}

.g_article_body .item_image.image_profile .media {
padding: 0;
}
.g_article_body .item_image.image_profile span.inline-image {
width: 100px;
}
.g_article_body .item_image.image_profile span.inline-image img.item-image {
max-width: 100px;
}
.g_article_body .item_image.image_profile .media .media-body {
padding-left: 15px;
}
.g_article_body .item_image.image_profile h4 {
font-size: 1.6rem;
margin: 0 0 4px 0;
text-align: left;
}
.g_article_body .item_image.image_profile .item-comment {
font-size: 1.4rem;
}




.g_article_body .article-item .item-comment {
padding: 0 0 0 10px;
margin: 10px 0 0 0;
}


.g_article_body .media>.pull-sm-left {
margin-right: 20px;
}
.g_article_body .article-item span.inline-image img.item-image {
max-width: 320px;
}
.g_article_body .item_image .media .media-body {
max-width: none;
}
.g_article_body .item_image .media .media-body h4 {
text-align: left;
}
.g_article_body .item_image .item-comment {
margin: 10px 0 0 0;
}
.g_article_body .item_image .cite {
padding: 0;
margin: 10px 0 0 0;
}


.g_article_body .item_movie {
padding: 0;
margin-bottom: 3em;
}
.g_article_body .item_movie .cite {
margin-top: 10px;
}


.g_article_body .item_table {
padding: 0;
margin-bottom: 3em;
}
.g_article_body .item_table table td {
font-size: 1.4rem;
padding: 10px 20px;
}
.g_article_body .item_table table tr:first-child td,
.g_article_body .item_table table td:first-child {
font-size: 1.4rem;
}





.g_article_body .item_rich_text.rich_text_bg {
padding: 35px 40px;
margin-right: 0;
margin-left: 0;
}


.g_article_body .item_rich_text.rich_text_box {
padding: 35px 40px;
margin-right: 0;
margin-left: 0;
}


.item_talk {
padding: 0;
}
.item_talk figure {
width: 90px;
height: 90px;
}
.item_talk .g_txt {
margin-left: 25px;
}
.item_talk .g_txt .t_name {
font-size: 1.4rem;
margin-bottom: 7px;
}
.item_talk .g_txt .t_talk {
font-size: 1.6rem;
padding: 20px 30px;
}
.item_talk .g_txt .t_talk i {
width: 30px;
top: -23px;
right: 25px;
}
.item_talk.item_talk_right .g_txt {
margin: 0 25px 0 0;
}
.item_talk.item_talk_right .g_txt .t_talk i {
left: 25px;
}

.item_2gallery {
padding: 0;
}
.item_2gallery .item {
width: calc((100% - 20px) / 2);
}




}


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

.item_talk {
  padding: 0 6%;
}

}