@charset "utf-8";.post-page .txt
{
 //text-align: center;
 font-size: 1.2rem;
 line-height: 180%;
 //white-space: nowrap;
}
.post-page .section.txt
{
 text-align: center;
}
@media (max-width: 1023px)
{
 .tb-hide
 {
 display: none !important;
 } 
}

.post-page .section
{
 margin-top: 40px; 
}

.post-page .section2
{
 margin-top: 50px;
 margin-bottom: 80px;
}

.post-page .section .h2-style
{
 font-size: 2rem;
 text-align: center; 
 font-family: 'Lato','Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; 
 font-weight: 900;
 letter-spacing: 0.05em; 
 line-height: 1;
 margin-bottom: 25px;
}
.post-page .section .h2-style small
{
 font-size: 1.5rem;
 color: #101010;
 margin-top: 1em;
 display: inline-block;
 line-height: 1;
}
.post-page .related-section .h2-style
{
 font-size: 1.5rem;
}
.post-page .related-section .h2-style:after
{
 content: ""; 
 height: 1px;
 width: 42px;
 display: block; 
 margin: auto;
 background: #101010;
 margin-top: 5px;
}
.post-page .btn-list
{
 margin-top: 30px;
}
.post-page .item
{
 margin-bottom: 40px;
 position: relative;
}
.post-page .item-name
{
 font-size: 1.5rem;
 text-align: center; 
 font-family: 'Lato','Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; 
 font-weight: 900;
 letter-spacing: 0.05em; 
 line-height: 1;
}
.post-page .section .item-name:after
{
 content: ""; 
 height: 1px;
 width: 25px;
 display: block; 
 background: #101010;
 margin-top: 5px;
}
.post-page .item-data p
{
 font-family: 'Lato','Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; 
 font-weight: 900;
 font-size: 1.3rem;
 line-height: 1;
}
.post-page .item-data p:not(:last-child)
{
 margin-bottom: 5px;
}
.post-page .item-data p small
{
 font-size: 1.2rem;
}

.post-page .item-color img:not(:last-child)
{
 margin-right: 20px;
}
.container .child
{
 text-align: center;
}
.post-page .page-ttl
{
 font-family: 'Lato','Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; 
 font-weight: 900;
 font-size: 1.7rem;
 line-height: 1;
 margin-bottom: .6em;
 letter-spacing: .05em;
}
.post-page .page-ttl small
{
 display: block;
 color: #101010;
 font-size: 1.2rem;
 margin-bottom: 4px;
 line-height: 1;
}
.post-page .page-ttl:after
{
 content: ""; 
 height: 1px;
 width: 42px;
 display: block; 
 background: #101010;
 margin-top: 9px;
}
@media (max-width: 750px)
{
 .profile-box .profile__info
 {
 font-size: 1.2em;
 line-height: 2;
 margin-top: 30px;
 }
 .post-page .item-name
 {
 margin-bottom: 15px;
 }
 .post-page .section .item-name:after
 {
 margin-left: auto;
 margin-right: auto;
 }
 .post-page .item-data p
 {
 text-align: center;
 }
 .post-page .item-color
 {
 margin-top: 15px;
 text-align: center;
 }
 .post-page .item-color img
 {
 width: 20px;
 height: auto;
 }
 .btn-list li:not(:last-child)
 {
 margin-bottom: 30px;
 }
 .item__thumb
 {
 margin-top: 16px;
 }
 .item__thumb ul
 {
 display: flex;
 display: -webkit-flex;
 justify-content: space-between;
 }
 .item__thumb ul li
 {
 width: calc(50% - 8px);
 }
 .container .child:not(:last-child)
 {
 margin-bottom: 15px; 
 }
 .photo
 {
 margin: 30px 0;
 }
 .photo-list
 {
 padding-bottom: 30px;
 border-bottom: solid 1px #101010;
 }
}
@media (min-width: 751px)
{
 .photo
 {
 margin: 30px 0 0;
 }
 #wrapper .post-page
 {
 max-width: 950px; 
 margin: auto;
 }
 .post-page .section
 {
 margin-top: 50px; 
 }

 .post-page .section1
 {
    margin-top: 50px;
    padding-bottom: 30px;
 }
 .post-page .section2
 {
 margin-top: 80px;
 }
 .post-page .section .h2-style
 {
 font-size: 4rem;
 }
 .post-page .related-section .h2-style
 {
 font-size: 3.4rem;
 }
 .post-page .section .h2-style small
 {
 font-size: 3rem;
 }
 .post-page .page-ttl:after
 {
 height: 2px;
 width: 85px;
 margin-top: 18px;
 }
 .post-page .related-section .h2-style:after
 {
 height: 2px;
 width: 85px;
 margin-top: 18px;
 }
 .post-page .txt
 {
 font-size: 1.2em;
 }
 .post-page .item-name
 {
 font-size: 3.4rem;
 margin-bottom: 1em;
 }
 .post-page .section .item-name:after
 {
 content: ""; 
 height: 2px;
 width: 70px;
 display: block; 
 background: #101010;
 margin: auto;
 margin-top: 18px;
 }
 .post-page .item-data p
 {
 font-weight: 900;
 font-size: 2.4rem;
 line-height: 1;
 }
 .post-page .item-data p small
 {
 font-size: 1.8rem;
 }
 .post-page .item-color
 {
 margin-left: 20px;
 }
 .post-page .btn-list
 {
 margin-top: 60px;
 }
 .post-page .item
 {
 margin-bottom: 40px;
 }
}
@media (min-width: 751px) and (max-width: 1023px)
{
 .post-page .item-name
 {
 font-size: calc(34/1024*100vw);
 } 
 .post-page .item-data p
 {
 font-size: calc(24/1024*100vw);
 }
 .post-page .item-data small
 {
 font-size: calc(18/1024*100vw);
 } 
}
@media (min-width: 751px)
{
 .profile-box
 {
 align-items: center;
 justify-content: space-between;
 }
 .profile-box .profile__photo
 {
 //width: 40%; 
 }
 .profile-box .profile__info
 {
 //width: 55%;
 font-size: 1.2em;
 line-height: 2;
padding-left: 20px;
 }
 .post-page .page-ttl
 {
 font-size: 3.4rem;
 }
 .post-page .page-ttl small
 {
 font-size: 2.4rem;
 margin-bottom: 8px;
 }
 #wrapper .post-page .btn-list .button
 {
 max-width: 240px;
 }
 .container .child {
 padding: 20px 10px 10px 10px;
 line-height: 180%;
 width: 100%;
 }
 .photo-list
 {
 display: flex;
 display: -webkit-flex;
 justify-content: space-between;
 padding-bottom: 80px;
 border-bottom: solid 1px #101010;
 }
 .photo-list li
 {
 width: calc(50% - 10px);
 } 
}

.txt p:not(:last-child)
{
 margin-bottom: 2.5em;
}
@media (max-width: 750px)
{
 .layer .item-name
 {
 position: absolute;
 top: calc(166/750*100vw);
 width: calc(50% - 8px);
 text-align: center;
 } 
 .layer .item-txt
 {
 margin-top: 20px;
 text-align: center;
 }
 #wrapper .button
 {
 margin-top: 30px;
 }
 .two-col
 {
 padding-top: 44px;
 }
 .two-col .item-txt
 {
 margin-top: 20px;
 text-align: center;
 }
 .two-col .item-info .item-name
 {
 position: absolute;
 left: 0;
 top: 0;
 text-align: center;
 width: 100%;
 }
 .position--right .item-name
 {
 left: inherit;
 right: 0;
 }
 .photo-list
 {
 display: flex;
 display: -webkit-flex;
 flex-direction: column-reverse;
 margin: 30px 0;
 }
 .photo-list li:not(:first-child)
 {
 margin-bottom: 20px;
 }
}
@media (min-width: 751px)
{
 .item-txt
 {
 font-size: 1.6rem;
 }
 .item-info 
 {
 width: calc(50% - 10px);
 }
 .layer
 {
 display: flex;
 display: -webkit-flex;
 flex-direction: column;
 position: absolute;
 justify-content: center;
 width: calc(50% - 15px);
 text-align: center;
 left: 0;
 top: 0;
 bottom: 0;
 margin: auto;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding: 0 50px;
 }
 #wrapper .layer .button
 {
 margin-top: 40px;
 margin-bottom: 0;
 max-width: 240px;
 }
 .position--right
 {
 left: inherit;
 right: 0;
 } 
 .two-col .item-pic
 {
 width: 50%;
 padding-right: 15px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box; 
 } 
 .two-col .item-info 
 {
 width: calc(50% - 15px);
 padding: 0 50px;
 display: flex;
 display: -webkit-flex;
 flex-direction: column;
 justify-content: center;
 }
 #wrapper .two-col .button
 {
 margin: 40px auto 0;
 width: 240px;
 }
 .flex--reverse .item-pic
 {
 padding-right: 0;
 padding-left: 15px;
 }
} 
p{
line-height: 2;
}
.pc_img_small{
width: 80%;
margin-left: auto;
margin-right: auto;
display: block;
}
