main {font-family:'Noto Sans JP', sans-serif;font-size:13px;line-height:2em;padding-top:140px;overflow:hidden;}
main section {position:relative;}
main img {display:block;width:100%;}
main a {text-decoration:none;color:#000;}
main .inner {position:relative;margin:0 auto;z-index:3;}

.pc {display:block;}
.sp {display:none !important;}

#mv {height:568px;background:url("images/2x/logo_bg_01.jpg") repeat-x left top;background-size:auto 100%;padding-top:50px;}
#mv h1 {width:756px;margin:0 auto;}
#mv:before,
#mv:after {content:'';display:block;position:absolute;bottom:0;}
#mv:before {width:337px;height:158px;background:url("images/2x/illust_bg_01.png") no-repeat center;background-size:100% auto;left:0;}
#mv:after {width:333px;height:158px;background:url("images/2x/illust_bg_02.png") no-repeat center;background-size:100% auto;right:0;}

#lede {padding:0 0 50px;background:url("images/2x/illust_bg.png") repeat left top;background-size:337px auto;}
#lede h2 {width:425px;position:absolute;left:50%;top:-50px;
transform: translateX(-50%);}
#lede .inner {padding-top:150px;}
#lede .text {text-align:center;}
#lede .text p:nth-child(1) {}
#lede .text p:nth-child(2) {font-size:18px;font-weight:bold;line-height:1.5em;}
#lede .text p:nth-child(2) span {color:#D90012;background:linear-gradient(transparent 70%, #EBBE46 70%);}

#point {background:url("images/2x/illust_bg.png") repeat left top;background-size:337px auto;padding-bottom:150px;}
#point h2 {width:523px;margin:0 auto 18px;}
#point nav {width:660px;margin:0 auto 75px;}
#point nav ul {width:100%;display:flex;justify-content:center;flex-wrap:wrap;}
#point nav ul li {width:calc(16% - 5px);margin:0 2px 10px;}
#point nav ul li a {display:block;line-height:32px;text-align:center;color:#056E28;background:#fff;border:solid 1px #056E28;border-radius:5px;}

#illust_list {width:750px;margin:0 auto;}
#illust_list:before,
#illust_list:after {content:"";display:table;clear:both;}
#illust_list li {width:calc(50% - 10px);background:#D9E9DF;border:solid 2px #056E28;border-radius:10px;position:relative;box-shadow:5px 5px 10px rgba(0,0,0,0.2);margin-bottom:80px;}
#illust_list li:before {content:"";display:block;width:50px;height:45px;background:url("images/2x/crown.png") no-repeat center;background-size:100% auto;position:absolute;left:-25px;top:-30px;}
#illust_list li:nth-child(odd) {float:left;clear:both;}
#illust_list li:nth-child(even) {float:right;}
#illust_list li h3 {color:#056E28;text-align:center;display:table-cell;width:600px;height:60px;vertical-align:middle;font-size:20px;font-weight:bold;}
#illust_list li .image {width:280px;margin:0 auto 25px;position:relative;box-shadow:2px 7px 10px rgba(0,0,0,0.4);}
#illust_list li .image:before,
#illust_list li .image:after {content:"";display:block;width:34px;height:40px;background:url("images/2x/pin.png") no-repeat center;background-size:100% auto;position:absolute;top:10px;opacity:.7;}
#illust_list li .image:before {left:10px;transform:translate(-50%,-50%);}
#illust_list li .image:after {right:10px;transform:translate(50%,-50%);}
#illust_list li .name {font-size:30px;text-align:center;margin-bottom:20px;}
#illust_list li .name span {font-size:18px;}
#illust_list li .comment {width:calc(100% - 20px);margin:0 auto 10px;border-radius:0;overflow:hidden;}
#illust_list li .comment.active {border-radius:0 0 8px 8px;}
#illust_list li .comment .com_btn {font-size:15px;line-height:2em;background:#056E28;color:#fff;position:relative;cursor:pointer;padding:0 12px;}
#illust_list li .comment .com_btn:before,
#illust_list li .comment .com_btn:after {content:"";display:block;width:16px;height:2px;background:#fff;position:absolute;top:50%;right:14px;transform:translateY(-50%);transition:0.3s;}
#illust_list li .comment .com_btn:after {transform:translateY(-50%) rotate(90deg);}
#illust_list li .comment.active .com_btn:after {transform:translateY(-50%) rotate(0);}
#illust_list li .comment .com_box {background:#fff;padding:15px;display:none;}

#items {background:#EBBE46;padding-bottom:200px;}
#items > .inner {padding-top:90px;}
#items > .inner:before,
#items > .inner:after {content:"";display:block;position:absolute;top:0;transform:translateY(-100%);}
#items > .inner:before {width:428px;height:160px;background:url("images/2x/items_bg_01.png") no-repeat left bottom;background-size:100% auto;left:0;}
#items > .inner:after {width:480px;height:160px;background:url("images/2x/items_bg_02.png") no-repeat right bottom;background-size:100% auto;right:0;}
#items h2 {width:533px;position: absolute;
transform: translate(-50%,-50%);left:50%;top:0;z-index:5;}
#items .text {margin-bottom:30px;}
#items .text .lede {width:332px;margin:0 auto 15px;}
#items .text .date {font-size:15px;line-height:1.3em;text-align:center;}
#items .text .date span {display:inline-block;background:#000;color:#fff;padding:0 12px;border-radius:5px;margin-right:5px;}

#items_list {width:750px;display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 auto;}
#items_list > li {width:calc(50% - 15px);background:#fff;border-radius:15px;margin-bottom:18px;}
#items_list > li .inner {padding:28px 20px;}
#items_list > li h3 {}
.items_box {display:flex;justify-content:space-between;align-items:center;}
.items_box .image {width:calc(100% - 100px);}
.items_box .image img {width:190px;}
#items_list > li:nth-child(2) .items_box .image img {width:215px;}
.items_box .text {width:100px;text-align:center;padding-top:10px;}
.items_box .text h4 {font-size:12px;font-weight:bold;}
.items_box .text ul li {font-size:10px;line-height:27px;border-radius:100px;border:solid 1px #000;margin-bottom:5px;}

#gc {background:#0B3E82;}
#gc h2 {width:540px;position:absolute;left:50%;top:-100px;transform:translateX(-50%);z-index:5;}
#gc .inner {padding-top:100px;}
#gc .inner:before,
#gc .inner:after {content:"";display:block;position:absolute;top:0;transform:translateY(-100%);}
#gc .inner:before {width:428px;height:160px;background:url("images/2x/com_bg_01.png") no-repeat left bottom;background-size:100% auto;left:0;}
#gc .inner:after {width:480px;height:160px;background:url("images/2x/com_bg_02.png") no-repeat right bottom;background-size:100% auto;right:0;}
#gc .image {width:700px;margin:0 auto;}
#gc .thanks {background:#fff;position:relative;padding:32px 0 80px;}
#gc .thanks:before {content:"";width:68%;height:0;padding:17%;background:url("images/2x/thanks_bg.png") no-repeat center bottom;background-size:100% auto;position:absolute;top:0;left:0;transform:translateY(-70%);}
#gc .thanks .text {width:560px;position:relative;margin:0 auto;z-index:5;}

#items_link {width:150px;position:fixed;right:25px;bottom:25px;z-index:10;}

@media screen and (max-width:768px){
    .pc {display:none !important;}
    .sp {display:block !important;}
    
    main {padding-top:115px;font-size:3.33vw;line-height:2em;}
    
    #mv {height:150.5vw;padding-top:0;}
    #mv h1 {width:auto;}
    #mv::before,
    #mv::after {width:34.66vw;height:16.53vw;}
    
    #lede .inner {padding-top:36.66vw;}
    #lede h2 {width:86.66vw;top:-4vw;}
    #lede .text {padding:0 3vw;}
    #lede .text p:nth-child(2) {font-size:4.66vw;line-height:1.5em;}
    
    #point h2 {width:98.4vw;margin-bottom:4.3vw;}
    #point nav {width:auto;}
    #point nav ul {width:auto;padding:0 6.66vw;}
    #point nav ul li {width:calc(33.33% - 5px);}
    #point nav ul li a {line-height:8.66vw;}
    
    #illust_list {width:auto;padding:0 9.33vw;}
    #illust_list li {float:none !important;width:auto;margin-bottom:9.33vw;border-radius:3vw;}
    #illust_list li h3 {height:18.66vw;font-size:6vw;line-height:1.2em;}
    #illust_list li .image {width:69.33vw;margin-bottom:8vw;}
    #illust_list li .name {font-size:6.66vw;margin-bottom:6vw;}
    #illust_list li .name span {font-size:4vw;}
    #illust_list li .comment {width:auto;margin-bottom:0;border-radius:0 0 2.3vw 2.3vw !important;}
    #illust_list li .comment .com_btn {font-size:6vw;line-height:16vw;padding:0 4vw;}
    #illust_list li .comment .com_btn::before,
    #illust_list li .comment .com_btn::after {width:6.66vw;height:1.33vw;right:5.33vw;}
    #illust_list li .comment .com_box {padding:5.33vw;}
    
    #items {padding-bottom:23vw;}
    #items > .inner {padding-top:33vw;}
    #items > .inner::before {width:44vw;heiht:17.33vw;}
    #items > .inner::after {width:50vw;height:12.66vw;}
    #items h2 {width:100%;transform:translate(-50%,-35%);}
    #items .text .lede {width:88.66vw;margin-bottom:4.66vw;}
    #items .text .date {width:60.93vw;font-size:4vw;line-height:1.5em;margin:0 auto 7.33vw;}
    #items .text .date span {display:block;margin:0 0 2.6vw 0;}
    
    
    .items_box .image {width:calc(100% - 26.66vw);}
    .items_box .image img {width:50.66vw;}
    #items_list > li:nth-child(2) .items_box .image img {width:53.66vw;}
    .items_box .text {width:26.66vw;}
    .items_box .text h4  {font-size:3.2vw;}
    .items_box .text ul li {font-size:2.6vw;}
    .items_box .text ul li {line-height:7.33vw;}
    
    #items_list {display:block;width:auto;padding:0 3vw;}
    #items_list > li {width:auto;margin-bottom:3vw;}
    
    #gc {padding-bottom:13.33vw;}
    #gc .inner {padding-top:30vw;}
    #gc .inner::before {width:42.66vw;height:11.46vw;}
    #gc .inner::after {width:43.73vw;height:15.33vw;}
    #gc h2 {width:100%;top:-5vw;}
    #gc .image {width:calc(100% - 6.66vw);margin-left:6.66vw;}
    
    #gc .thanks {padding:0;position:static;}
    #gc .thanks .text {width:100%;padding:0;position:absolute;left:0;bottom:0;}
    #gc .thanks::before {display:none;}
    
    #items_link {width:100px;}
}