@charset "utf-8";
/* CSS Document */

.pouch-case .page-navi{margin-top:3em;}
.pouch-case .page-navi .column:after{content:"\0020";clear:both;display:block;}
.pouch-case .page-navi .column .button{float:left;width:23.5%;margin-left:1%;}
@media screen and (max-width: 667px){
.pouch-case .page-navi .column .button{float:none;width:100%;margin-left:0;}
}
.pouch-case .page-navi .column .button:nth-child(1){margin-left:0;}
.pouch-case .page-navi .button-block{background-color:#c00;font-size:1em;color:#fff;}
.pouch-case .page-navi .column .button-block{height:3em;}

/*! CSS Used from: /user_data/master/css/design.css ; media=all */
@media all{
a:hover{opacity:0.8;}
*{box-sizing:border-box;}
a{text-decoration:none;color:#333;}
h3,h4,p,a{list-style-type:none;padding:0;margin:0;box-sizing:border-box;}
.category-title--border{margin:60px 0 10px 0;}
.category-title--border.color--red{border-bottom:1px solid #f00;}
.section-block{margin-top:40px;}
@media screen and (max-width: 667px){
.section-block{margin-top:20px;}
}

@media screen and (max-width: 667px){
.column-list{margin-top:5px;}
}
.l-column.line--02 .column-list{width:49%;}
.l-column.line--04 .column-list{width:23.5%;}
@media screen and (max-width: 667px){
.l-column.line--02 .column-list{width:49%;}

.l-column.line--04 .column-list{width:49%;margin-left:2%;}
}
@media screen and (max-width: 667px){
.l-column .column-list:nth-child(odd){margin-left:0!important;}
.l-column .column-list:nth-child(even){margin-left:2%!important;}
}
@media screen and (max-width: 667px){
.sp-img{width:100%;}
}
.movie-thumbnail{position:relative;width:100%;overflow:hidden;}
.movie-thumbnail .js-modal-btn{display:block;border:none;width:100%;height:100%;padding:0;cursor:pointer;}
.movie-thumbnail .js-modal-btn:before{content:"";position:absolute;top:50%;left:50%;background-image:url(../../images/print-method/icon_play.png);background-position:left top;background-repeat:no-repeat;display:block;width:50px;height:31px;margin-top:-15px;margin-left:-25px;z-index:1!important;}
.movie-thumbnail .picture{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:auto;}
.movie-headline{position:relative;margin-bottom:5px;font-size:15px;line-height:17px;}
.movie-headline + .sentence{height:3.5em;margin:0 0 5px;padding:0;letter-spacing:-0.07em;line-height:1.4; font-size:0.8rem}
@media screen and (max-width: 667px){
.movie-headline + .sentence{height:auto;padding-bottom:0.5em;letter-spacing:0;}
}
.movie-common-box .movie-thumbnail{height:232px;}
@media screen and (max-width: 320px){
.movie-common-box .movie-thumbnail{height:170px;}
}
@media screen and (min-width: 321px) and (max-width: 375px){
.movie-common-box .movie-thumbnail{height:202px;}
}
@media screen and (min-width: 376px) and (max-width: 667px){
.movie-common-box .movie-thumbnail{height:220px;}
}
.movie-common-box{margin-top:25px;}
@media screen and (max-width: 667px){
.movie-common-box{margin-top:1em;}
}
.movie-common-box .column{ display:flex; flex-wrap:wrap;justify-content: space-between;}
.movie-common-box .column .column-list{width:48%;}
@media screen and (max-width: 667px){
.movie-common-box .column .column-list{width:100%;}
}

@media screen and (max-width: 667px){
.movie-common-box .column .column-list:nth-child(even){margin-left:0;}
.movie-common-box .column .column-list:nth-child(n+2){margin-top:2em;}
}
.pouch-case p{margin:0;padding:0;}
.pouch-case .figure .photo{display:block;width:100%;}
.pouch-case .sentence{display:block;margin-top:1em;}
@media screen and (max-width: 667px){
.pouch-case .sentence{margin-top:0.5em;}
}
.pouch-case .relation,.pouch-case .use,.pouch-case .select,.pouch-case .material{margin-top:1.5em;}

.l-column{display:flex; flex-wrap:wrap;justify-content: space-between }
@media screen and (max-width: 667px){
.pouch-case .relation .l-column.line--02 .column-list{width:100%;}
}
.pouch-case .select .color-line-box:hover,.pouch-case .material .color-line-box:hover{background-color:#f0ffff;}
.pouch-case .select .l-column.line--04 .column-list,.pouch-case .material .l-column.line--04 .column-list{width:23%;display:flex}
@media screen and (max-width: 667px){
.pouch-case .select .l-column.line--04 .column-list,.pouch-case .material .l-column.line--04 .column-list{width:48%;margin-left:0;}
}
.pouch-case .use .column-list{text-align:center;}
.pouch-case .use .column-list .sentence:nth-child(3){margin-top:0.5em;text-align:left;font-size:0.9em;}
.pouch-case .color-line-box{border-top-width:7px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-color:#ccc;border-bottom-color:#ccc;border-left-color:#ccc;border-radius:0 0 0.5em 0.5em;box-shadow:2px 2px 2px #eee;padding:1em;}
.pouch-case .column-list .headline{background-color:#747474;border-radius:0.2em;text-align:center;padding:0.5em 0;font-weight:bold;line-height:1;color:#fff;}
.middle-category-page p{margin:0;padding:0;}
.color-line-box{border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;}
.color-line-box.color--pastel-green{border-top-color:#a3c4bc;}
.color-line-box.color--pastel-red{border-top-color:#ef959c;}
.color-line-box.color--pastel-yellow{border-top-color:#eee3ab;}
.color-line-box.color--pastel-blue{border-top-color:#80a1c1;}
.color-line-box.color--spray-green{border-top-color:#a6ebc9;}
.color-line-box.color--green{border-top-color:#7cb518;}
.color-line-box.color--yellow{border-top-color:#f3de2c;}
.color-line-box.color--blue-green{border-top-color:#44bfb7;}
.middle-category-page .color-line-box{border-top-width:7px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-color:#ccc;border-bottom-color:#ccc;border-left-color:#ccc;padding:1em;}
.middle-category-page .relation{margin-top:2em;}
.middle-category-page .relation .column-list .sp-img{width:100%;}
}
/*! CSS Used from: /user_data/master/css/customize.css ; media=all */
@media all{
.section-block{margin-top:4em;}
}