﻿html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}body{font-family:"游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;min-width:initial !important}section{min-height:initial !important}ul{list-style:none}img{max-width:100%}.align_center{text-align:center}img{vertical-align:bottom}main .mv{text-align:center;background-image:url(../images/list/main_bg.jpg);background-repeat:no-repeat;background-size:cover;box-shadow:0px 6px 0px -3px rgba(0,0,0,0.1);position:relative;z-index:1}main .copy{color:#8a8a8a;font-size:10px;text-align:center;margin-top:40px;line-height:120%;padding-bottom:40px}@media screen and (max-width: 768px){main .copy{margin-top:0px}}main .btn{display:block;margin:0 auto 40px auto;max-width:350px;width:70%}main .tab{padding:40px 0 0 0;background-image:url(../images/list/bg.png);position:relative}main .tab::after{width:100%;position:absolute;content:"";height:3px;bottom:0;z-index:2}@media screen and (max-width: 768px){main .tab::after{height:0.3vw}}main .tab.current-pair::after{background-color:#ff568e}main .tab.current-2koma::after{background-color:#0950b9}main .tab.current-free::after{background-color:#21e0ac}main .tab ul{display:flex;justify-items:center;justify-content:center}main .tab ul li{position:relative;margin:0 5px}@media screen and (max-width: 768px){main .tab ul li{margin:0 1vw}}main .tab ul li.current{z-index:3}main .list-thumb ul.koma{display:flex;flex-wrap:wrap;max-width:1100px;width:95%;margin:40px auto;justify-content:space-between}@media screen and (max-width: 768px){main .list-thumb ul.koma{margin:20px auto}}main .list-thumb ul.koma li{width:49%;margin-bottom:30px}@media screen and (max-width: 768px){main .list-thumb ul.koma li{width:100%}}main .list-thumb ul.koma li a{text-decoration:none}main .list-thumb ul.koma li a:hover .flex{border-color:#ff2e96}main .list-thumb ul.koma li .flex{border:solid 3px #bbbbbb;padding:5px;display:flex;position:relative}@media screen and (max-width: 768px){main .list-thumb ul.koma li .flex{border:solid 2px #bbbbbb;padding:2px 4px 2px 2px}}main .list-thumb ul.koma li .flex .flex-box{width:50%}main .list-thumb ul.koma li .flex .flex-box:nth-child(2) img{border-left:none}main .list-thumb ul.koma li .flex img{max-width:99%;border:solid 1px #99999b}main .list-thumb ul.koma li .flex::after{content:"";background-image:url(../images/list/icon-arrow.png);width:11vw;height:11vw;background-size:100% 100%;display:block;top:0;position:absolute;max-width:50px;max-height:50px;right:9px;top:120px}@media screen and (max-width: 1100px){main .list-thumb ul.koma li .flex::after{right:1.6vw;top:9vw;width:5vw;height:5vw}}@media screen and (max-width: 768px){main .list-thumb ul.koma li .flex::after{right:2vw;top:22vw;width:8vw;height:8vw}}main .list-thumb ul.koma li .flex p{color:#3d3d3d;font-size:14px;line-height:140%;padding:0 5px;text-align:center;margin-top:10px;margin-bottom:10px;font-weight:bold}@media screen and (max-width: 768px){main .list-thumb ul.koma li .flex p{font-size:4vw}}main .list-thumb ul.koma li p.name{color:#7d7d7d;font-size:14px;text-align:right;margin-top:10px}main .list-thumb ul.free{display:flex;flex-wrap:wrap;max-width:1100px;width:95%;margin:40px auto;justify-content:flex-start}@media screen and (max-width: 768px){main .list-thumb ul.free{margin:20px auto;justify-content:space-between}}main .list-thumb ul.free li{width:32%;margin-bottom:30px}main .list-thumb ul.free li:nth-child(3n+1),main .list-thumb ul.free li:nth-child(3n+2){margin-right:2%}@media screen and (max-width: 768px){main .list-thumb ul.free li{width:47%}}main .list-thumb ul.free li a{text-decoration:none}main .list-thumb ul.free li a:hover .flex-box img{border-color:#ff2e96}main .list-thumb ul.free li .flex{display:flex;position:relative}main .list-thumb ul.free li .flex .flex-box{width:100%}main .list-thumb ul.free li .flex .flex-box p{padding-bottom:5px;border-bottom:dashed 1px #ccc}main .list-thumb ul.free li .flex img{border:solid 3px #bbbbbb}@media screen and (max-width: 768px){main .list-thumb ul.free li .flex img{border:solid 2px #bbbbbb}}main .list-thumb ul.free li .flex::after{content:"";background-image:url(../images/list/icon-arrow.png);width:11vw;height:11vw;background-size:100% 100%;display:block;top:0;position:absolute;max-width:50px;max-height:50px;right:9px;top:177px}@media screen and (max-width: 1100px){main .list-thumb ul.free li .flex::after{right:0.6vw;top:14vw;width:5vw;height:5vw}}@media screen and (max-width: 768px){main .list-thumb ul.free li .flex::after{right:1vw;top:21vw;width:8vw;height:8vw}}main .list-thumb ul.free li .flex p{color:#3d3d3d;font-size:14px;line-height:140%;padding:0 5px;text-align:center;margin-top:10px;margin-bottom:10px;font-weight:bold}@media screen and (max-width: 768px){main .list-thumb ul.free li .flex p{font-size:4vw;text-align:left}}main .list-thumb ul.free li p.name{color:#7d7d7d;font-size:14px;text-align:right;margin-top:0px}#page-free-detail #detail-box{padding:80px 0;text-align:center}@media screen and (max-width: 768px){#page-free-detail #detail-box{padding:12vw 0}}#page-free-detail #detail-box .flex,#page-free-detail #detail-box .flex-box{display:inline-block}#page-free-detail #detail-box .flex-box{max-width:1000px;width:95%}#page-free-detail #detail-box .flex-box img{max-height:720px;border:solid 2px #8a8a8a;max-width:calc(100% - 4px)}#page-free-detail #detail-box .name{text-align:left;color:#7d7d7d;font-size:18px;margin:10px}@media screen and (max-width: 768px){#page-free-detail #detail-box .name{font-size:16px}}#page-free-detail #detail-box .title{font-size:22px;color:#3d3d3d;line-height:140%;font-weight:bold;text-align:center;margin:10px 0}@media screen and (max-width: 768px){#page-free-detail #detail-box .title{font-size:18px;text-align:left}}#page-free-detail .share{text-align:center}#page-free-detail .share p{margin:10px;width:17vw;display:block;margin:0 auto 20px auto;max-width:116px}@media screen and (max-width: 768px){#page-free-detail .share p{margin:0 auto 3vw auto}}#page-free-detail .share a{width:13vw;display:block;margin:0 auto 40px auto;max-width:83px}@media screen and (max-width: 768px){#page-free-detail .share a{margin:0 auto 8vw auto}}#page-free-detail .share a:hover{opacity:0.7}#page-free-detail .pagebtn{display:flex;justify-content:center;margin-bottom:20px}#page-free-detail .pagebtn a{margin:0 1vw}#page-free-detail .pagebtn a:hover{opacity:0.7}#page-2koma-detail{text-align:center}#page-2koma-detail #detail-box{padding:80px 0;text-align:center;display:inline-block;max-width:1200px}@media screen and (max-width: 768px){#page-2koma-detail #detail-box{padding:12vw 0}}#page-2koma-detail #detail-box .flex{display:flex;align-items:end}@media screen and (max-width: 768px){#page-2koma-detail #detail-box .flex{flex-wrap:wrap;justify-content:center;width:95%;margin:0 auto}}#page-2koma-detail #detail-box .flex-box{width:50%}@media screen and (max-width: 768px){#page-2koma-detail #detail-box .flex-box{width:100%;margin-left:-2px;position:relative}}#page-2koma-detail #detail-box .flex-box img{max-height:720px;border:solid 2px #8a8a8a;max-width:calc(100% - 4px)}#page-2koma-detail #detail-box .flex-box:last-child{margin-left:-1px}#page-2koma-detail #detail-box .flex-box:last-child img{border-left:none}#page-2koma-detail #detail-box .name{text-align:left;color:#7d7d7d;font-size:18px;margin:10px}@media screen and (max-width: 768px){#page-2koma-detail #detail-box .name{font-size:16px}}#page-2koma-detail #detail-box .title{font-size:22px;color:#3d3d3d;line-height:140%;font-weight:bold;text-align:center;margin:10px 0}@media screen and (max-width: 768px){#page-2koma-detail #detail-box .title{font-size:18px;text-align:left}}#page-2koma-detail .share{text-align:center}#page-2koma-detail .share p{margin:10px;width:17vw;display:block;margin:0 auto 20px auto;max-width:116px}@media screen and (max-width: 768px){#page-2koma-detail .share p{margin:0 auto 3vw auto}}#page-2koma-detail .share a{width:13vw;display:block;margin:0 auto 40px auto;max-width:83px}@media screen and (max-width: 768px){#page-2koma-detail .share a{margin:0 auto 8vw auto}}#page-2koma-detail .share a:hover{opacity:0.7}#page-2koma-detail .pagebtn{display:flex;justify-content:center;margin-bottom:20px}#page-2koma-detail .pagebtn a{margin:0 1vw}#page-2koma-detail .pagebtn a:hover{opacity:0.7}

