@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);

* {margin:0; padding:0; outline:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}

.cf:before, .cf:after {content:""; display:block;	overflow:hidden;}
.cf:after {clear:both;}
.cf {zoom:1;}
/*
a[href="#"] {pointer-events:none;}
a[href="#"]:hover img.hover {filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
*/


body {font-family:'Noto Sans Japanese',sans-serif; -webkit-text-size-adjust:100%;}
img {width:100%;}
a {color:#3a5a83; text-decoration:underline;}
a:hover {color:#3a5a83;}
a:hover img {opacity:1;}
.pc {display:none !important;}
.atn {color:#5f1985;}



/* mv */
#mv {font-size:0;}
#mv li {position:relative;}
#mv p {}
#mv p.link1 a {position:absolute; display:block; width:15vw; height:11vw; top:8%; left:9%;}
#mv p.link2 a {position:absolute; display:block; width:12vw; height:12vw; top:7%; left:27.2%;}
#mv p.link3 a {position:absolute; display:block; width:13.2vw; height:10.8vw; top:8%; left:43%;}
#mv p.link4 a {position:absolute; display:block; width:11vw; height:12vw; top:7%; left:61%;}
#mv p.link5 a {position:absolute; display:block; width:14vw; height:10vw; top:8%; left:76%;}
#mv .flex-control-nav {display:none;}
#mv .flex-direction-nav {position:absolute; width:100%; height:9vw; top:48%; left:0;}
#mv .flex-direction-nav .flex-nav-prev a.flex-prev {display:block; width:9vw; height:9vw; top:46%; left:5%; background:url(../img/carousel/icon_prev.png) center center no-repeat; background-size:contain; z-index:90;}
#mv .flex-direction-nav .flex-nav-next a.flex-next {display:block; width:9vw; height:9vw; top:46%; right:5%; background:url(../img/carousel/icon_next.png) center center no-repeat; background-size:contain; z-index:90;}


/* date */
#date {background:#ffda3f;}
#date .box {width:93.4%; margin:0 auto; padding:0 0 7% 0;}
#date .box h2 {padding:7% 0 0 0;}
#date .box div {padding:3% 0 0 0;}
#date .box .ac_date {display:none; margin:6% 0 0 0;}
#date .box p {padding:1em 0 0 0; font-size:2.5vw; text-align:center;}


/* nav */
#nav {background:url(../img/nav_bg.png) center top;}
#nav .box {width:82%; margin:0 auto; padding:4% 0 9% 0;}
#nav .box ul {}
#nav .box ul li {float:right; width:49%; margin:5% 0 0 0;}
#nav .box ul li:nth-child(even) {float:left;}
#nav .box ul li:nth-child(1) {float:none; width:100%;}


/* menu */
#menu {background:url(../img/menu_bg01.png) center top;}
#menu .mimg {position:relative; width:82%; margin:0 auto; z-index:+1;}
#menu .btn_open {width:82%; margin:5% auto 0 auto;}
#menu .btn_open a {display:block; padding:0.5em 0 0.5em 1em; background:#000; color:#fff; font-size:4vw !important; font-weight:700; line-height:2.6; text-decoration:none; white-space:nowrap;}
#menu .btn_open a .arw {display:inline-block; width:100%; padding:0 1.2em 0 0; background:url(../img/menu_arw_open.png) right center no-repeat; background-size:auto 0.7em;}
#menu .btn_close {width:82%; margin:5% auto 0 auto; text-align:center;}
#menu .btn_close a {display:block; padding:0.5em 2em 0.5em 1em; background:#000; color:#fff; font-size:4vw !important; font-weight:700; line-height:2.6; text-decoration:none; white-space:nowrap;}
#menu .btn_close a .arw {display:inline-block; width:100%; padding:0 1.2em 0 0; background:url(../img/menu_arw_close.png) right center no-repeat; background-size:auto 0.7em;}
#menu .btn_open + .ac_box {display:none;}
#menu .ac_box .box {width:82%; margin:0 auto; padding:0 0 10% 0;}
#menu .ac_box .box2 {width:82%; margin:0 auto; padding:0 0 10% 0;}
#menu .ac_box .bg_w {width:100%; padding:8% 0 12%; background:url(../img/menu_bg02.png) center top;}

#menu .menu01 {padding:12% 0 0 0;}
#menu .menu01 .mimg a {position:absolute; width:88.4%; bottom:10.8%; left:5.8%;}
#menu .menu01 .mimg2 {width:82%; margin:0 auto; padding:6% 0 2% 0;}
#menu .menu01 .btn_open .logo {display:inline-block; height:3.4; padding:0 0 0 20%; background:url(../img/logo_sukiya.png) left center no-repeat; background-size:auto 100%;}
#menu .menu01 .btn_close .logo {display:inline-block; height:3.4; padding:0 0 0 20%; background:url(../img/logo_sukiya.png) left center no-repeat; background-size:auto 100%;}
#menu .menu01 .ac_box {margin:5% auto 0 auto !important;}
#menu .menu01 .ac_box .box .item {margin:0 auto;}
#menu .menu01 .ac_box .box .item + p {margin:1.5em 0 0 0; font-size:2.4vw !important; text-align:center;}
#menu .menu01 .ac_box .box .policy {margin:10% 0 0 0;}

#menu .menu02 {padding:12% 0 0 0;}
#menu .menu02 .mimg a {position:absolute; width:88.4%; bottom:9.6%; right:5.8%;}
#menu .menu02 .btn_open .logo {display:inline-block; height:2.6em; padding:0 0 0 20%; background:url(../img/logo_nakau.png) left center no-repeat; background-size:auto 100%;}
#menu .menu02 .btn_close .logo {display:inline-block; height:3.4 !important; padding:0 0 0 18%; background:url(../img/logo_nakau.png) left center no-repeat; background-size:auto 100%;}
#menu .menu02 .ac_box {margin:5% auto 0 auto !important;}
#menu .menu02 .ac_box ul {margin:1em 0 0 0; font-size:2.4vw !important;}
#menu .menu02 .ac_box .box .item {margin:0 auto;}
#menu .menu02 .ac_box .box .item + p {margin:1.5em 0 0 0; font-size:2.4vw !important;}
#menu .menu02 .ac_box .box .policy {margin:8% 0 0 0;}
#menu .menu02 .ac_box .box .policy + .img {width:122%; margin:12% 0 0 -11%;}

#menu .menu03 {padding:7.2% 0 0 0;}
#menu .menu03 .mimg a {position:absolute; width:88.4%; bottom:9.4%; right:5.8%;}
#menu .menu03 .btn_open .logo {display:inline-block; height:2.6em; padding:0 0 0 20%; background:url(../img/logo_hamazushi.png) left center no-repeat; background-size:auto 100%;}
#menu .menu03 .btn_close .logo {display:inline-block; height:3.4 !important; padding:0 0 0 18%; background:url(../img/logo_hamazushi.png) left center no-repeat; background-size:auto 90%;}
#menu .menu03 .ac_box {margin:5% auto 0 auto !important;}
#menu .menu03 .ac_box .box .item {margin:0 auto;}
#menu .menu03 .ac_box .box .item + p {margin:1.5em 0 0 0; font-size:2.4vw !important;}
#menu .menu03 .ac_box .box .policy {margin:8% 0 0 0;}

#menu .menu04 {padding:7.2% 0 0 0;}
#menu .menu04 .mimg a {position:absolute; width:88.4%; bottom:8.5%; right:5.8%;}
#menu .menu04 .btn_open .logo {display:inline-block; height:2.6em; padding:0 0 0 21%; background:url(../img/logo_cocos.png) left center no-repeat; background-size:auto 76%;}
#menu .menu04 .btn_close .logo {display:inline-block; height:2.6em; padding:0 0 0 21%; background:url(../img/logo_cocos.png) left center no-repeat; background-size:auto 76%;}
#menu .menu04 .ac_box {margin:5% auto 0 auto !important;}
#menu .menu04 .ac_box .box {padding:0 0 3% 0;}
#menu .menu04 .ac_box ul {margin:1em 0 8% 0; font-size:2.4vw !important;}
#menu .menu04 .ac_box .bg_w {padding:5% 0 6% 0;}
#menu .menu04 .ac_box .bg_w .box {width:100%; margin:5% 0 0 0;}

#menu .menu05 {padding:7.2% 0;}
#menu .menu05 .mimg a {position:absolute; width:88.4%; bottom:11.1%; right:5.8%;}
#menu .menu05.active {padding:7.2% 0 0 0;}
#menu .menu05 .btn_open .logo {display:inline-block; height:2.6em; padding:0 0 0 21%; background:url(../img/logo_bigboy.png) left center no-repeat; background-size:auto 76%;}
#menu .menu05 .btn_close .logo {display:inline-block; height:2.6em; padding:0 0 0 21%; background:url(../img/logo_bigboy.png) left center no-repeat; background-size:auto 76%;}
#menu .menu05 .ac_box {margin:5% auto 0 auto !important;}
#menu .menu05 .ac_box picture + picture {display:block; padding:10% 0 0 0;}
#menu .menu05 .ac_box ul {margin:1em 0 0 0; padding:0 0 2em 0; font-size:2.4vw !important;}
#menu .menu05 .ac_box .box .item {width:82%; margin:0 auto;}
#menu .menu05 .ac_box .bg_w .box {width:100%;}
#menu .menu05 .ac_box .bg_w .img {margin:10% 0 0 0;}
#menu .menu05 .ac_box .bg_w .img2 {margin:10% 0 0 0;}
#menu .menu05 .ac_box .bg_w .area {font-size:3vw !important;}
#menu .menu05 .ac_box .bg_w .area p {font-weight:700; text-align:center;}
#menu .menu05 .ac_box .bg_w .area .btn {width:82.6%; margin:0 auto;}
#menu .menu05 .ac_box .bg_w .area .ac_bbarea {display:none; padding:4% 0 0 0;}
#menu .menu05 .ac_box .bg_w .area .article {margin:1.5em 0 0 0;}


/* fl_nav */
#fl_nav {position:fixed; width:64%; right:-56.8%; top:15px; z-index:99; transition:0.3s;}
#fl_nav.active {right:0%;}
#fl_nav .ttl {float:left; width:11.5%;}
#fl_nav ul {float:right; width:88.5%;}
#fl_nav a img {opacity:1;}
.fl_nav_bg {display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.8); z-index:98;}


/* file */
#file {padding:0 0 4.4% 0; background:url(../img/file_bg-sp.png) left top; background-size:8.2% auto;}
#file h2 {}
#file ul {}
#file ul li {float:left;}
#file .slider2 + .slider2 {margin:5% 0 0 0; background:none;}
#file {font-size:0;}
#file .flex-control-nav {display:none;}
#file .flex-direction-nav {}
#file .flex-direction-nav .flex-nav-prev a.flex-prev {display:block; width:9vw; height:9vw; top:42%; left:5%; background:url(../img/carousel/icon_prev.png) center center no-repeat; background-size:contain; z-index:90;}
#file .flex-direction-nav .flex-nav-next a.flex-next {display:block; width:9vw; height:9vw; top:42%; right:5%; background:url(../img/carousel/icon_next.png) center center no-repeat; background-size:contain; z-index:90;}
/* close */
#file .close {position:relative;}
#file .close .close_text {position:absolute; display:flex; width:94%; height:94%; top:3%; left:3%; background:rgba(0,0,0,0.8); justify-content:center; align-items:center; z-index:5;}
#file .close .close_text img {width:76%;}



/* broadcast */
#broadcast {}
#broadcast .box {}


/* wrapping */
#wrapping {}
#wrapping .box {}
#wrapping .box p {margin:1.2em auto 0 auto; font-size:3vw; font-weight:700; line-height:1.7; text-align:center;}
#wrapping .box .img {width:80%; margin:1.2em auto 0 auto;}
#wrapping .box table {width:100%; margin:6% 0 0 0; font-size:2.8vw; line-height:1.5;}
#wrapping .box table thead {background:#000; color:#fff; font-weight:700;}
#wrapping .box table thead th,
#wrapping .box table thead td {padding:0.5em 0;}
#wrapping .box table thead th {width:18%;}
#wrapping .box table tbody th,
#wrapping .box table tbody td {padding:0.5em 0; border-bottom:1px solid #000; vertical-align:middle;}
#wrapping .box table tbody th {padding:1.2em 0.5em 1.2em 0; text-align:center;}
#wrapping .box table tbody th img {width:50%;}
#wrapping .box ul {width:83%; margin:1.5em auto 0 auto !important; margin:1.2em 0 0 0; font-size:2.4vw;}
#wrapping .box ul li {margin:0 0 0 1em; text-indent:-1em;}


/* campaign */
#campaign {position:relative; margin:-4% 0 0 0;z-index:-1;}
#campaign .box {}
#campaign .box .lead {width:83%; margin:1.2em auto 0 auto; font-size:3vw; font-weight:700; line-height:1.6; letter-spacing:-0.05em; word-break:break-all;}
#campaign ul {margin:15% 0 0 0;}
#campaign ul li {padding:8% 0 10% 0 !important; border-top:1px solid #404040;}
#campaign ul li dl {display:table; margin:0 auto;}
#campaign ul li dl dt {padding:0 0 0.5em 0; text-align:center;}
#campaign ul li dl dt img {width:24%;}
#campaign ul li:nth-child(2) dl dt img,
#campaign ul li:nth-child(3) dl dt img {width:20%;}
#campaign ul li dl dd {font-size:3.9vw; font-weight:700; text-align:center;}
#campaign ul li picture,
#campaign ul li p {display:block; width:83%; margin:0 auto; text-align:center;}
#campaign ul li .name {margin:0.8em auto 0 auto; font-size:5.2vw; font-weight:700; text-align:center;}
#campaign ul li .btn {margin:1.2em auto 0 auto; text-align:center;}
#campaign ul li .btn a {display:block; width:70%; margin:0.5em auto 0 auto; background:#1da1f2; border-radius:0.7em; color:#fff; font-size:2.8vw; font-weight:700; text-align:center; text-decoration:none; transition:0.3s;}
#campaign ul li .btn a span {display:inline-block; padding:1.4em 0 1.4em 3.6em; background:url(../img/icon_tw.png) left center no-repeat; background-size:auto 3.4em;}

/* edit:0308 */
#campaign.camp_0308 ul li dl dt img {width:19%;}
#campaign.camp_0308 ul li:nth-child(1) dl dt img {width:16%;}
#campaign.camp_0308 ul li:nth-child(2) dl dt img {width:15%;}
#campaign.camp_0308 ul li:nth-child(3) dl dt img {width:14%;}
#campaign.camp_0308 ul li:nth-child(5) dl dt img {width:22%;}
#campaign.camp_0308 ul li .img {width:100%; padding:5% 0 3% 0;}
#campaign.camp_0308 ul li:nth-child(5) .img {padding:3% 0;}


/* outline */
#outline {margin:8% 0 0 0; background:url(../img/cp_bg02-sp.png) center top; background-size:100% auto;}
#outline .box {width:87%; margin:0 auto; padding:8% 0 12% 0;}
#outline .box .box_in {overflow-y:scroll; height:80vw; padding:0 3%; background:#fff; border:1.2vw solid #000; border-top:0; font-size:2.4vw; line-height:1.8; -webkit-overflow-scrolling:touch;}
#outline .box .box_in p {margin:0.6em 0 0 0;}
#outline .box .box_in p.article {margin:2em 0 0 -0.5em; font-size:2.8vw; font-weight:700;}
#outline .box .box_in p:last-child {padding:0 0 3em 0;}
#outline .box .box_in ul.dot {margin:0.6em 0 0 0;}
#outline .box .box_in ul.dot li {margin:0 0 0.2em 1em; text-indent:-1em;}


/* goods */
#goods {}
#goods h2 {}
#goods .box {background:url(../img/cp_bg02-sp.png) center top; background-size:100% auto;}
#goods .box ul {position:relative; z-index:2;}
#goods .box_in {position:relative; margin:5% 0 0 0; padding:0 0 8% 0; background:#fff;}
#goods .box_in h3 {width:83%; margin:0 auto; padding:1.5em 0; font-size:4vw; font-weight:700; text-align:center;}
#goods .box_in .ac_ttl {position:relative; width:70%; margin:0 auto; padding:0.3em 0 0.3em 1.3em; background:url(../img/goods_open.png) left center no-repeat; background-size:auto 0.8em; font-size:4vw; font-weight:700; cursor:pointer; z-index:3;}
#goods .box_in .ac_ttl.active {background:url(../img/goods_close.png) left center no-repeat; background-size:auto 0.8em;}
#goods .box_in .ac_area {display:none; padding:0 0 2em 0;}
#goods .box_in .ac_area table {width:76%; margin:0 auto; border-top:1px solid #000;}
#goods .box_in .ac_area table th,
#goods .box_in .ac_area table td {padding:0.5em 1em; border-bottom:1px solid #000; font-size:3vw; vertical-align:middle;}
#goods .box_in .ac_area table th {width:18%;}
#goods .box_in .ac_area table th img {width:100%;}
#goods .box_in .ac_area table td {width:27%;}
#goods .box_in .ac_area table td + td {width:55%;}
#goods .notice {width:74%; margin:0.6em auto 0 auto;}
#goods .box_in .chara {position:absolute; width:36%; right:0; bottom:0; z-index:+2;}


/* netstore */
#netstore {position:relative; z-index:+1;}
#netstore .box {}
#netstore .box .lead {width:83%; margin:2em auto 0 auto; font-size:3vw; font-weight:700;}
#netstore .box .date {width:83%; margin:0.8em auto 0 auto; font-size:4vw; font-weight:700; text-align:center;}
#netstore .img {margin:5% 0 0 0;}
#netstore .img picture {display:block;}
#netstore .btn {background:url(../img/cp_bg02-sp.png) center top; background-size:100% auto; padding:0 0 14% 0;}
#netstore .btn .box {width:83%; margin:0 auto; padding:6% 0 0 0;}
#netstore .btn .box a {display:block; padding:1.3em 0; background:#000; color:#fff; font-size:4.2vw; font-weight:700; text-align:center; text-decoration:none;}


/* tectec */
#tectec {background:url(../img/cp_bg02-sp.png) center top; background-size:100% auto;}
#tectec .box {margin:0 auto; padding:0 0 8% 0;}
#tectec .box p {margin:5% 0 0 0; font-size:3vw; line-height:1.7; text-align:center;}
#tectec .box .article {margin:10% 0 0 0; font-size:3.4vw; font-weight:700; text-align:center;}
#tectec .box .btn {width:70%; margin:12% auto 0 auto;}
#tectec .box .btn a {display:block; margin:0 auto; background:url(../img/tec_btn.png) center top no-repeat; background-size:contain; color:#000; font-size:3.8vw; font-weight:700; line-height:3.4; text-align:center; text-decoration:none;}


/* cm */
#cm {}
#cm .box {margin:0 auto;}
#cm .box .movie {width:90%; margin:5% auto 0 auto;}
#cm .box2 {margin:8% auto 0 auto; padding:0 0 13% 0; background:url(../img/cp_bg01-sp.png) center bottom no-repeat; background-size:100% auto;}
#cm .box2 ul {width:90%; margin:0 auto;}
#cm .box2 ul li {float:right; width:48%; padding:4% 0 0 0;}
#cm .box2 ul li:nth-child(even) {float:left;}
#cm .box2 ul li:first-child {width:100%; margin:0;text-align:center;}
#cm .box2 ul li:first-child img {width:48%; }


/* pagetop */
#pagetop {position:fixed; width:12%; right:4%; bottom:2%; z-index:90;}


/* footer */
footer {}
footer ul.sns {margin:0 auto; padding:3% 0; background:#000; text-align:center;}
footer ul.sns li {display:inline-block; width:12%; margin:0 1%;}
footer ul.sns li.sns_btn {position:relative;}
footer ul.sns li .sns_box {display:none; position:absolute; width:80vw; padding:0 0 1em 0; top:-9em; left:-56vw; background:#fff; border:3px solid #000;}
footer ul.sns li .sns_box ul {width:94%; margin:0 auto; text-align:center;}
footer ul.sns li .sns_box ul li {display:inline-block; width:30%; max-width:none; margin:1em 1.2% 0 1.2%;}
footer ul.sns li .sns_box ul li a {display:block; line-height:3; background:#ddd; border-radius:2px; text-indent:-99999px; transition:0.3s;}
footer ul.sns li .sns_box ul li a:hover {opacity:0.7;}
footer ul.sns li .sns_box ul li.fb a {background:#1877f2 url(../img/icon_fb.png) center 0.6em no-repeat; background-size:1.6em auto;}
footer ul.sns li .sns_box ul li.tw a {background:#1da1f2 url(../img/icon_tw.png) center 0.22em no-repeat; background-size:2.5em auto;}
footer ul.sns li .sns_box ul li.line a {background:#00b900 url(../img/icon_line.png) center 0.22em no-repeat; background-size:2.5em auto;}
footer ul.sns li .sns_box ul li.hatena a {background:#2089cb url(../img/icon_hatena.png) center center no-repeat; background-size:2.2em auto;}
footer ul.sns li .sns_box ul li.pocket a {background:#e03e53 url(../img/icon_pocket.png) center center no-repeat; background-size:2.2em auto;}
footer ul.sns li .sns_box ul li.mail a {background:#ccc url(../img/icon_mail.png) center center no-repeat; background-size:1.4em auto;}
footer .box {}
footer .box .img {width:83%; margin:5% auto 0 auto;}
footer .box ul.btn {width:83%; margin:5% auto 0 auto;}
footer .box ul.btn li {margin:0 0 2% 0;}
footer .box ul.btn li a {display:block; background:url(../img/footer_btn.png) center top no-repeat; background-size:contain; color:#fff; font-size:3.4vw; font-weight:700; line-height:2.8; text-align:center; text-decoration:none;}
footer .box .img2 {width:83%; margin:5% auto 0 auto;}
footer .box ul.group {margin:7% auto 0 auto; padding:4% 0 5% 0; border-top:1px solid #ddd; text-align:center;}
footer .box ul.group li {display:inline-block; width:16%; max-width:90px; margin:0 1.2%; vertical-align:middle;}
footer .box ul.group li:nth-child(2) {width:13%; max-width:70px;}
footer .box ul.group li:nth-child(3) {width:14%; max-width:75px;}
footer .box ul.group li:nth-child(4) {width:12%; max-width:65px;}
footer .box + p {padding:0 0 5% 0; font-size:2.4vw; line-height:1.6; text-align:center;}
footer .copy {padding:4% 0 6% 0; border-top:1px solid #ddd; text-align:center;}
footer .copy .box {}


/* movie */
.movie-content-wrap {width:100%;}
.mfp-container {width:90% !important; left:5%; padding:0;}
.movie-content-wrap {position:relative; width:100%; padding-top:56.25%;}
.movie-content-wrap iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.mfp-close {top:-55px; border:1px solid #fff !important; border-radius:22px;}
.mfp-content {width:90%;}
.mfp-fade01.mfp-bg {opacity:0; transition:all 0.2s ease-out;}
.mfp-fade01.mfp-bg.mfp-ready {opacity:0.89;}

.modal-video {border:0; cursor:default;}
.modal-video-body {width:90%; border:0;}
.modal-video-close-btn {width:44px; height:44px; top:-55px; right:0; border:1px solid #fff !important; border-radius:22px; text-align:center; color:#FFF; font-style:normal; line-height:44px; cursor:pointer;}
.modal-video-close-btn:before,
.modal-video-close-btn:after {margin:0 0 0 13.5px; width:15px !important;}