.films-of-chraftsmanship-top .c_nav4 li .img { float: none; padding: 20px 20px 0; }
.films-of-chraftsmanship-top .c_nav4 li .img img { width: 100%; height: auto; }
.films-of-chraftsmanship-top .c_nav4 li p span { display: block; }
.films-of-chraftsmanship-top .c_nav4 li p span.date { margin-top: 4px; font-size: 2.4rem; }

.films-of-chraftsmanship-post a { word-break: break-all; }
.films-of-chraftsmanship-post .c_head3 { margin-top: 100px; }
.films-of-chraftsmanship-post .u_head1 { margin-bottom: 16px; font-size: 2.3rem; }
.films-of-chraftsmanship-post .u_head2 { margin-bottom: 30px; font-size: 1.5rem; font-weight: bold; }
.films-of-chraftsmanship-post .u_head3 { margin-top: 50px; font-size: 1.5rem; font-weight: bold; }
.films-of-chraftsmanship-post .u_head4 { margin-top: 20px; }
.films-of-chraftsmanship-post .u_date { margin-bottom: 30px; font-size: 2.4rem; }
.films-of-chraftsmanship-post .u_img1 { margin-bottom: 24px; }
.films-of-chraftsmanship-post .u_img1 img { max-width: 100%; }
.films-of-chraftsmanship-post .u_img2 { margin-top: 100px; margin-bottom: 24px; }
.films-of-chraftsmanship-post .u_box1 { overflow: hidden; border: 1px solid #d7d7d7; padding: 30px 30px 26px; }
.films-of-chraftsmanship-post .u_box1 .img { float: left; padding-right: 20px; }
.films-of-chraftsmanship-post .u_box1 .text h3 { margin-bottom: 14px; font-size: 32px; font-size: 1.14286rem; }
.films-of-chraftsmanship-post .u_box1 .text h4 { clear: both; padding-top: 1em; }
.films-of-chraftsmanship-post .u_box1 .text p { margin: 0; }
.films-of-chraftsmanship-post .u_box2 { margin-top: 100px; border: 1px solid #d7d7d7; padding: 30px; }
.films-of-chraftsmanship-post .u_box3 { line-height: 1.8; }
.films-of-chraftsmanship-post .u_listimg3_boxin { margin: 0 -18px -36px; font-size: 0; text-align: left; vertical-align: top; }
.films-of-chraftsmanship-post .u_listimg3_boxin li { display: inline-block; margin: 0 18px 36px; width: 250px; font-size: 1.4rem; }
.films-of-chraftsmanship-post .u_listimg3_boxin li .img img { width: 100%; }
.films-of-chraftsmanship-post .u_listimg3_boxin li .text { margin: 10px 0 0; }
.films-of-chraftsmanship-post .u_listimg3 { margin: 0 -20px -40px; font-size: 0; text-align: left; vertical-align: top; }
.films-of-chraftsmanship-post .u_listimg3 li { display: inline-block; margin: 0 20px 30px; max-width: 280px; font-size: 2.4rem; }
.films-of-chraftsmanship-post .u_listimg3 li .img img { max-width: 280px; }
.films-of-chraftsmanship-post .u_listimg3 li .text { margin: 10px 0 0; }
.films-of-chraftsmanship-post .u_listimg4 { margin: 0 -10px -20px; font-size: 0; text-align: left; vertical-align: top; }
.films-of-chraftsmanship-post .u_listimg4 li { display: inline-block; margin: 0 10px 20px; max-width: 184px; font-size: 1.4rem; }
.films-of-chraftsmanship-post .u_listimg4 li .img img { max-width: 184px; }
.films-of-chraftsmanship-post .u_listimg4 li .text { margin: 10px 0 0; }
.films-of-chraftsmanship-post .u_listicon li { display: table; }
.films-of-chraftsmanship-post .u_listicon li + li { margin-top: 20px; }
.films-of-chraftsmanship-post .u_listicon li .img, .films-of-chraftsmanship-post .u_listicon li .text { display: table-cell; vertical-align: middle; }
.films-of-chraftsmanship-post .u_listicon li .img { padding-right: 20px; }
.films-of-chraftsmanship-post .u_pager { margin-bottom: 100px; }
.films-of-chraftsmanship-post .u_pager ul { display: table; width: 100%; font-size: 2.6rem; }
.films-of-chraftsmanship-post .u_pager ul .next, .films-of-chraftsmanship-post .u_pager ul .prev { display: table-cell; width: 50%; vertical-align: middle; }
.films-of-chraftsmanship-post .u_pager ul .next a, .films-of-chraftsmanship-post .u_pager ul .prev a { position: relative; }
.films-of-chraftsmanship-post .u_pager ul .next a:before, .films-of-chraftsmanship-post .u_pager ul .prev a:before { font-family: 'icomoon' !important; font-weight: normal !important; font-style: normal !important; text-indent: 0px; display: inline-block; vertical-align: middle; letter-spacing: 0px; line-height: initial; font-size: 32px; font-size: 1.14286rem; position: absolute; color: #e60012; top: 50%; margin-top: -16px; -moz-transition: all 200ms; -o-transition: all 200ms; -webkit-transition: all 200ms; transition: all 200ms; }
.films-of-chraftsmanship-post .u_pager ul .next { text-align: left; }
.films-of-chraftsmanship-post .u_pager ul .next a { padding: 10px 10px 10px 50px; }
.films-of-chraftsmanship-post .u_pager ul .next a:before { content: '\e917'; left: 0px; }
.films-of-chraftsmanship-post .u_pager ul .prev { text-align: right; }
.films-of-chraftsmanship-post .u_pager ul .prev a { padding: 10px 40px 10px 50px; }
.films-of-chraftsmanship-post .u_pager ul .prev a:before { content: '\e915'; right: 0px; }

.films-of-chraftsmanship-top .c_head1 { color: #e60012; font-size: 1.9rem; }

 .u_list { -ms-flex-wrap: wrap; flex-wrap: wrap; width: 600px; margin: 0 auto;}
 .u_list.c_sp { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
 .u_list li { width: 600px; line-height: 0;}
/*.u_list li p.ttl {position: relative; text-indent: 1.5em; margin:20px 0 10px;}
.u_list li p.ttl:before {
    font-family: 'icomoon' !important;
    font-weight: normal !important;
    font-style: normal !important;
    text-indent: 0px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0px;
    line-height: initial;
    font-size: 26px;
    font-size: 0.92857rem;
    content: '\e910';
    color: #e60012;
    position: absolute;
    left: 0;
    top: 14px;
}*/

.c_banner3 { margin-left: 20px; margin-right: 20px; margin-bottom: 100px !important; border: 1px solid #e60012; }
.c_banner3 a { display: block; padding: 50px 40px; }
.c_banner3 .headbutton, .c_banner3 .headbutton2 { padding-right: 46px; display: inline-block; position: relative; margin-bottom: 20px; line-height: 1; }
.c_banner3 .headbutton:after{ font-family: 'icomoon' !important; font-weight: normal !important; font-style: normal !important; text-indent: 0px; display: inline-block; vertical-align: middle; letter-spacing: 0px; line-height: initial; font-size: 32px; font-size: 1.14286rem; color: #e60012; content: '\e915'; position: absolute; bottom: 20px; right: 0px; }
.c_banner3 .headbutton2:after { font-family: 'icomoon' !important; font-weight: normal !important; font-style: normal !important; text-indent: 0px; display: inline-block; vertical-align: middle; letter-spacing: 0px; line-height: initial; font-size: 32px; font-size: 1.14286rem; color: #e60012; content: '\e915'; position: absolute; bottom: 35px; right: 0px; }
.c_banner3 .headbutton img + img{ margin-top: 12px; }
.c_banner3 .headbutton2 img + img { margin-top: 12px; display:block; }
.c_banner3 .img img { max-width: 100%; }
.c_banner3 .text p { margin: 0 0 30px; font-size: 2.4rem; line-height: 1.6; }

.c_banner4 { margin-left: 20px; margin-right: 20px; margin-bottom: 100px !important; border: 1px solid #e60012; }
.c_banner4 a { display: block; padding: 50px 40px; }
.c_banner4 .headbutton, .c_banner4 .headbutton2 { padding-right: 46px; display: inline-block; position: relative; margin-bottom: 20px; line-height: 1; }
.c_banner4 .headbutton:after{ font-family: 'icomoon' !important; font-weight: normal !important; font-style: normal !important; text-indent: 0px; display: inline-block; vertical-align: middle; letter-spacing: 0px; line-height: initial; font-size: 32px; font-size: 1.14286rem; color: #e60012; content: '\e915'; position: absolute; bottom: 20px; right: 0px; }
.c_banner4 .headbutton2:after { font-family: 'icomoon' !important; font-weight: normal !important; font-style: normal !important; text-indent: 0px; display: inline-block; vertical-align: middle; letter-spacing: 0px; line-height: initial; font-size: 32px; font-size: 1.14286rem; color: #e60012; content: '\e915'; position: absolute; bottom: 35px; right: 0px; }
.c_banner4 .headbutton img + img{ margin-top: 12px; }
.c_banner4 .headbutton2 img + img { margin-top: 12px; display:block; }
.c_banner4 .img img { max-width: 100%; }
.c_banner4 .text p { margin: 0 0 30px; font-size: 2.4rem; line-height: 1.6; }