@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;}

.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;}
img {width:100%;}
a {color:#3a5a83; text-decoration:underline;}
a:hover {color:#3a5a83; text-decoration:none;}
a img {transition:opacity 0.3s;}
a img:hover {opacity:0.7;}
.sp {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:5vw; height:3.4vw; top:10%; left:31.2%;}
#mv p.link2 a {position:absolute; display:block; width:3.8vw; height:3.8vw; top:9.6%; left:40%;}
#mv p.link3 a {position:absolute; display:block; width:4.2vw; height:3.4vw; top:10%; left:47.8%;}
#mv p.link4 a {position:absolute; display:block; width:3.4vw; height:3.8vw; top:9.6%; left:56.4%;}
#mv p.link5 a {position:absolute; display:block; width:4.8vw; height:3.4vw; top:10%; left:63.8%;}

#mv .flex-control-nav {display:none;}
#mv .flex-direction-nav {position:absolute; width:100%; height:5vw; max-height:67px; top:45%; left:0;}
#mv .flex-direction-nav .flex-nav-prev a.flex-prev {display:block; width:5vw; max-width:67px; height:5vw; max-height:67px; top:0; 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:5vw; max-width:67px; height:5vw; max-height:67px; top:0; 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:57.3%; max-width:1100px; margin:0 auto; padding:0 0 4% 0;}
#date .box h2 {padding:7% 0 0 0;}
#date .box div {padding:3% 0 0 0;}
#date .box .btn {width:64%; margin:5% auto 0 auto; padding:0;}
#date .box .ac_date {display:none; margin:4% auto 0 auto; padding:0;}
#date .box p {padding:1.3em 0 0 0; font-size:20px; text-align:center;}

@media screen and (max-width:1400px){
  #date .box p {font-size:1.4vw;}
}


/* nav */
#nav {background:url(../img/nav_bg.png) center top;}
#nav .box {width:56.8%; max-width:1088px; margin:0 auto; padding:1.8% 0 5% 0;}
#nav .box ul {}
#nav .box ul li {float:right; width:48.6%; max-width:529px; margin:1.8% 0 0 0;}
#nav .box ul li:nth-child(even) {float:left;}
#nav .box ul li:nth-child(1) {float:none; width:100%; max-width:1088px;}


/* menu */
#menu {background:url(../img/menu_bg01.png) center top;}
#menu .mimg {position:relative; width:73%; max-width:1380px; margin:0 auto; z-index:+1;}
#menu .btn_open {width:56.7%; max-width:1088px; margin:0 auto;}
#menu .btn_open a {display:block; padding:0.8em 0; background:#000; color:#fff; font-size:32px; font-weight:700; line-height:2.6em; text-align:center; text-decoration:none; transition:opacity 0.3s;}
#menu .btn_open a:hover {opacity:0.7;}
#menu .btn_open a .arw {display:inline-block; width:100%; padding:0 19% 0 0; height:2.6em; background:url(../img/menu_arw_open.png) right center no-repeat; background-size:auto 0.7em;}
#menu .btn_close {width:56.7%; max-width:1088px; margin:0 auto;}
#menu .btn_close a {display:block; padding:0.8em 0; background:#000; color:#fff; font-size:32px; font-weight:700; line-height:2.6em; text-align:center; text-decoration:none; transition:opacity 0.3s;}
#menu .btn_close a:hover {opacity:0.7;}
#menu .btn_close a .arw {display:inline-block; width:100%; padding:0 19% 0 0; height:2.6em; 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:56.7%; max-width:1088px; margin:0 auto; padding:0 0 5% 0;}
#menu .ac_box .bg_w {width:100%; padding:2% 0 6% 0; background:url(../img/menu_bg02.png) center top;}

#menu .menu01 {padding:3.6% 0 0 0;}
#menu .menu01 .mimg a {position:absolute; width:39.2%; bottom:9.6%; right:30.4%;}
#menu .menu01 .mimg2 {width:72%; max-width:1380px; margin:0 auto; padding:2% 0;}
#menu .menu01 .btn_open {margin:1.2% auto 0 auto;}
#menu .menu01 .btn_open .logo {display:inline-block; height:2.6em; padding:0 0 0 11%; background:url(../img/logo_sukiya.png) left center no-repeat; background-size:auto 80%;}
#menu .menu01 .btn_close {margin:0 auto 0 auto;}
#menu .menu01 .btn_close .logo {display:inline-block; height:2.6em; padding:0 0 0 11%; background:url(../img/logo_sukiya.png) left center no-repeat; background-size:auto 80%;}
#menu .menu01 .ac_box {margin:1.2% auto 0 auto;}
#menu .menu01 .ac_box .box .item {margin:0 auto;}
#menu .menu01 .ac_box .box .item + p {margin:0; font-size:18px; text-align:center;}
#menu .menu01 .ac_box .box .policy {margin:8% 0 0 0;}

#menu .menu02 {padding:7.2% 0 0 0;}
#menu .menu02 .mimg a {position:absolute; width:39.2%; bottom:7.8%; right:30.4%;}
#menu .menu02 .btn_open {margin:1% auto 0 auto;}
#menu .menu02 .btn_open .logo {display:inline-block; height:2.6em; padding:0 0 0 11%; background:url(../img/logo_nakau.png) left center no-repeat; background-size:auto 100%;}
#menu .menu02 .btn_close {margin:1% auto 0 auto;}
#menu .menu02 .btn_close .logo {display:inline-block; height:2.6em; padding:0 0 0 11%; background:url(../img/logo_nakau.png) left center no-repeat; background-size:auto 100%;}
#menu .menu02 .ac_box {margin:1% auto 0 auto;}
#menu .menu02 .ac_box ul {margin:1em 0 0 0; font-size:18px;}
#menu .menu02 .ac_box .box .item {margin:0 auto;}
#menu .menu02 .ac_box .box .item + p {margin:1.5em 0 0 0; font-size:18px; text-align:center;}
#menu .menu02 .ac_box .box .policy {margin:8% 0 0 0;}
#menu .menu02 .ac_box .box .policy + .img {margin:8% 0 0 0;}

#menu .menu03 {padding:7.2% 0 0 0;}
#menu .menu03 .mimg a {position:absolute; width:39.2%; bottom:8%; right:30.4%;}
#menu .menu03 .mimg2 {width:72%; max-width:1380px; margin:0 auto;}
#menu .menu03 .btn_open {margin:1.5% auto 0 auto;}
#menu .menu03 .btn_open .logo {display:inline-block; height:2.6em; padding:0 0 0 10%; background:url(../img/logo_hamazushi.png) left center no-repeat; background-size:auto 100%;}
#menu .menu03 .btn_close {margin:1% auto 0 auto;}
#menu .menu03 .btn_close .logo {display:inline-block; height:2.6em; padding:0 0 0 10%; background:url(../img/logo_hamazushi.png) left center no-repeat; background-size:auto 100%;}
#menu .menu03 .ac_box {margin:1.5% auto 0 auto;}
#menu .menu03 .ac_box .box .item {margin:0 auto;}
#menu .menu03 .ac_box .box .item + p {margin:1.5em 0 0 0; font-size:18px; text-align:center;}
#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:39.2%; bottom:8%; right:30.4%;}
#menu .menu04 .btn_open {margin:1.8% auto 0 auto;}
#menu .menu04 .btn_open .logo {display:inline-block; height:2.6em; padding:0 0 0 12%; background:url(../img/logo_cocos.png) left center no-repeat; background-size:auto 76%;}
#menu .menu04 .btn_close {margin:1.8% auto 0 auto;}
#menu .menu04 .btn_close .logo {display:inline-block; height:2.6em; padding:0 0 0 12%; background:url(../img/logo_cocos.png) left center no-repeat; background-size:auto 76%;}
#menu .menu04 .ac_box {margin:1.8% auto 0 auto;}
#menu .menu04 .ac_box .box {padding:0 0 3% 0;}
#menu .menu04 .ac_box ul {margin:1em 0 3% 0; font-size:18px;}
#menu .menu04 .ac_box .bg_w {padding:5% 0 6% 0;}

#menu .menu05 {padding:7.2% 0;}
#menu .menu05 .mimg {position:relative; width:76%; max-width:1440px; margin:0 auto; z-index:+1;}
#menu .menu05 .mimg a {position:absolute; width:37.5%; bottom:9.4%; right:31.25%;}
#menu .menu05.active {padding:7.2% 0 0 0;}
#menu .menu05 .btn_open {margin:1.8% auto 0 auto;}
#menu .menu05 .btn_open .logo {display:inline-block; height:2.6em; padding:0 0 0 12%; background:url(../img/logo_bigboy.png) left center no-repeat; background-size:auto 76%;}
#menu .menu05 .btn_close {margin:1.8% auto 0 auto;}
#menu .menu05 .btn_close .logo {display:inline-block; height:2.6em; padding:0 0 0 12%; background:url(../img/logo_bigboy.png) left center no-repeat; background-size:auto 76%;}
#menu .menu05 .ac_box {margin:1.8% auto 0 auto;}
#menu .menu05 .ac_box .box2 {width:57.2%; max-width:1088px; margin:1.8% auto 0 auto;}
#menu .menu05 .ac_box .box2 ul {padding:1em 0 5% 0; font-size:18px;}
#menu .menu05 .ac_box .box .item {width:74.6%; max-width:812px; margin:0 auto;}
#menu .menu05 .ac_box .bg_w .img {margin:5% 0 0 0;}
#menu .menu05 .ac_box .bg_w .img2 {margin:8% 0 0 0;}
#menu .menu05 .ac_box .bg_w .btn {width:75.4%; max-width:880px; margin:0 auto;}
#menu .menu05 .ac_box .bg_w .area {margin:5% 0 0 0;}
#menu .menu05 .ac_box .bg_w .area .ac_bbarea {display:none;}
#menu .menu05 .ac_box .bg_w .area p {font-weight:700; text-align:center;}
#menu .menu05 .ac_box .bg_w .area .article {padding:1.5em 0 0.3em 0;}

@media screen and (max-width:1400px){
  #menu .btn_open a,
  #menu .btn_close a {font-size:2vw;}
  #menu .menu01 .btn_open .logo,
  #menu .menu01 .btn_close .logo {padding:0 0 0 3.6em; background-size:auto 80%;}
  #menu .menu02 .btn_open .logo,
  #menu .menu02 .btn_close .logo {padding:0 0 0 3.6em; background-size:auto 86%;}
  #menu .menu03 .btn_open .logo,
  #menu .menu03 .btn_close .logo {padding:0 0 0 3em; background-size:auto 86%;}
  #menu .menu04 .btn_open .logo,
  #menu .menu04 .btn_close .logo {padding:0 0 0 3.8em; background-size:auto 68%;}
  #menu .menu05 .btn_open .logo,
  #menu .menu05 .btn_close .logo {padding:0 0 0 3.8em; background-size:auto 68%;}
  
  #menu .item + p {font-size:1.4vw !important;}
  
  #menu .ac_box ul li {font-size:1.4vw;}
}


/* fl_nav */
#fl_nav {position:fixed; width:12%; right:-10.6%; top:4%; z-index:99; transition:0.3s;}
#fl_nav img {width:100%; height:auto;}
#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;}

@media screen and (max-width:1400px){
  #fl_nav {width:18%; right:-15.9%;}
}


/* file */
#file {padding:0 0 4.4% 0; background:url(../img/file_bg.png) center top;}
#file h2 {width:85.4%; max-width:1640px; margin:0 auto; padding:4.6% 0 0 0;}
#file ul {width:85.4%; max-width:1640px; margin:0 auto;}
#file ul li {margin:6.4% auto 0 auto;}


/* broadcast */
#broadcast {background:url(../img/bc_bg.png) center top no-repeat; background-size:100% auto;}
#broadcast .box {width:56.8%; max-width:1088px; margin:0 auto; padding:5.8% 0 0 0;}


/* wrapping */
#wrapping {position:relative; margin:-3.7% 0 0 0; background:url(../img/wrap_bg01.png) center top no-repeat; background-size:100% auto; z-index:+1;}
#wrapping .box {width:56.8%; max-width:1088px; margin:0 auto; padding:21% 0 0 0;}
#wrapping .box p {width:80%; margin:1.2em auto 0 auto; font-size:24px; font-weight:700; line-height:1.5; text-align:center;}
#wrapping .box .img {width:80%; margin:1.8em auto 0 auto;}
#wrapping .box table {width:100%; margin:3% 0 0 0; font-size:24px; 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.3em 0;}
#wrapping .box table thead th {width:20%;}
#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:0.5em 1em 0.5em 0; text-align:center;}
#wrapping .box table tbody th img {width:50%;}
#wrapping .box ul {margin:1.2em 0 0 0; font-size:18px;}

@media screen and (max-width:1400px){
  #wrapping .box p {font-size:1.3vw;}
  #wrapping .box table {font-size:1.3vw;}
  #wrapping .box ul {font-size:1.2vw;}
}


/* campaign */
#campaign {position:relative; margin:-1.4% 0 0 0; background:url(../img/wrap_bg01.png) center top no-repeat; background-size:100% auto; z-index:+1;}
#campaign .box {width:56.8%; max-width:1088px; margin:0 auto; padding:22% 0 0 0;}
#campaign .box .lead {margin:1.2em 0 0 0; font-size:23px; font-weight:700; line-height:1.6; letter-spacing:-0.05em; word-break:break-all;}

#campaign ul {width:56.8%; max-width:1088px; margin:6% auto 0 auto; border-top:1px solid #404040;}
#campaign ul li {margin:3% 0 0 0; padding:3.5% 0 7% 0; border-bottom:1px solid #404040;}
#campaign ul li dl {display:table; width:90%; margin:0 auto;}
#campaign ul li dl dt {display:table-cell; width:20%; text-align:center; vertical-align:middle;}
#campaign ul li dl dt img {width:58%;}
#campaign ul li:nth-child(2) dl dt img,
#campaign ul li:nth-child(3) dl dt img {width:48%;}
#campaign ul li dl dd {display:table-cell; font-size:32px; font-weight:700; vertical-align:middle;}
#campaign ul li picture,
#campaign ul li p {display:block; width:57.2%; max-width:1088px; margin:0 auto; text-align:center;}
#campaign ul li .name {margin:1em auto 0 auto; font-size:34px; font-weight:700; text-align:center;}
#campaign ul li .btn {margin:2em auto 0 auto; text-align:center;}
#campaign ul li .btn a {display:block; width:82%; margin:0.5em auto 0 auto; background:#1da1f2; border-radius:0.7em; color:#fff; font-size:26px; font-weight:700; text-align:center; text-decoration:none; transition:0.3s;}
#campaign ul li .btn a:hover {opacity:0.7;}
#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 {text-align:right;}
#campaign.camp_0308 ul li dl dd {text-align: center;}
#campaign.camp_0308 ul li p.img {width:100%; padding:2% 0 5% 0;}

@media screen and (max-width:1400px){
  #campaign .box .lead {font-size:1.3vw;}
  #campaign ul li dl {width:100%;}
  #campaign ul li dl dt {width:15%;}
  #campaign ul li dl dt img {width:78%;}
  #campaign ul li:nth-child(2) dl dt img,
  #campaign ul li:nth-child(3) dl dt img {width:62%;}
  #campaign ul li dl dd {font-size:1.9vw;}
  #campaign ul li .name {font-size:2.4vw;}
  #campaign ul li .btn {margin:1em auto 0 auto;}
  #campaign ul li .btn a {width:90%; font-size:1.4vw;}
}


/* outline */
#outline {margin:8% 0 0 0; background:url(../img/cp_bg02.png) center top; background-size:100% auto;}
#outline .box {width:56.8%; max-width:1088px; margin:0 auto; padding:3% 0 0 0;}
#outline .box .box_in {overflow-y:scroll; height:600px; padding:0 3%; background:#fff; border:0.5vw solid #000; border-top:0;}
#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:120%; 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 {position:relative; margin:-9% 0 0 0; background:url(../img/goods_bg.png) center 7.8% no-repeat, url(../img/cp_bg02.png) center top; background-size:100% auto; z-index:-1;}
#goods .h2_box {margin:0; padding:19.4% 0 0 0;}
#goods h2 {width:56.8%; max-width:1088px; margin:0 auto;}
#goods .box {width:86.5%; max-width:1660px; margin:0 auto; padding:3% 0 0 0;}
#goods .box ul {position:relative; z-index:2;}
#goods .box_in {width:65.5%; max-width:1088px; margin:-27% auto 0 auto; padding:0 0 2em 0; background:#fff;}
#goods .box_in h3 {width:80%; margin:0 auto; padding:1em 0; font-size:30px; font-weight:700; text-align:center;}
#goods .box_in .ac_ttl {position:relative; width:80%; 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:30px; 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:84%; 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:1.2vw; vertical-align:middle;}
#goods .box_in .ac_area table th {width:18%;}
#goods .box_in .ac_area table th img {width:66%;}
#goods .box_in .ac_area table td {width:27%;}
#goods .box_in .ac_area table td + td {width:55%;}
#goods .notice {width:65%; max-width:1248px; margin:0.6em auto 0 auto;}
@media screen and (max-width:1400px){
  #goods .box_in h3 {font-size:2vw;}
  #goods .box_in .ac_ttl {font-size:1.8vw;}
  #goods .box_in .ac_area table th,
  #goods .box_in .ac_area table td {font-size:1.6vw;}
  #goods .box_in .ac_area table th img {width:76%;}
}


/* netstore */
#netstore {position:relative; background:url(../img/bc_bg.png) center top no-repeat; background-size:100% auto; z-index:+1;}
#netstore .box {width:63.6%; max-width:1220px; margin:0 auto; padding:17% 0 0 22%; box-sizing:border-box;}
#netstore .box .date {margin:1em 0 0 0; font-size:32px; font-weight:700; text-align:center;}
#netstore .box .lead {margin:0.6em 0 0 0; font-size:24px; font-weight:700;}
#netstore .img {position:relative; margin:-30% 0 0 0; background:url(../img/cp_bg01.png) center bottom no-repeat; background-size:100% auto; z-index:2;}
#netstore .img picture {}
#netstore .btn {background:url(../img/cp_bg02.png) center top; background-size:100% auto;}
#netstore .btn .box {width:63.6%; max-width:1220px; margin:0 auto; padding:3% 0 1% 0;}
#netstore .btn .box a {display:block; width:44%; margin:0 auto; padding:1em 0; background:#000; color:#fff; font-size:32px; font-weight:700; text-align:center; text-decoration:none; transition:0.3s;}
#netstore .btn .box a:hover {opacity:0.7;}

@media screen and (max-width:1400px){
  #netstore .box .date {font-size:1.8vw;}
  #netstore .box .lead {font-size:1.3vw;}
  #netstore .btn .box a {width:44%; font-size:2vw;}
}


/* tectec */
#tectec {background:url(../img/tectec_bg.png) center top no-repeat, url(../img/cp_bg02.png) center top; background-size:100% auto, 100% auto;}
#tectec .box {width:56.8%; max-width:1088px; margin:0 auto; padding:12% 0 5% 0;}
#tectec .box p {margin:3.4% 0 0 0; font-size:22px; line-height:1.7; text-align:center;}
#tectec .box .article {margin:4% 0 0 0; font-size:24px; font-weight:700; text-align:center;}
#tectec .box .btn {width:50%; max-width:538px; margin:7% 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:30px; font-weight:700; line-height:113px; text-align:center; text-decoration:none; transition:0.3s;}
#tectec .box .btn a:hover {opacity:0.7;}

@media screen and (max-width:1400px){
  #tectec .box p {font-size:1.8vw;}
  #tectec .box .article {font-size:2vw;}
  #tectec .box .btn a {font-size:2.2vw; background-size:contain; line-height:6vw;}
}


/* cm */
#cm {background:url(../img/goods_bg.png) center top no-repeat, url(../img/cp_bg02.png) center top; background-size:100% auto;}
#cm .box {width:56.8%; max-width:1088px; margin:0 auto; padding:12% 0 0 0;}
#cm .box .movie {margin:5% auto 0 auto;}
#cm .box2 {width:71%; max-width:1364px; margin:4% auto 0 auto; padding:0 0 5% 0;}
#cm .box2 ul {margin:3% 0 0 0;}
#cm .box2 ul li {float:left; width:19%; margin-right:1.25%;}
#cm .box2 ul li:last-child {margin:0;}


/* pagetop */
#pagetop {position:fixed; width:7%; max-width:70px; right:20px; bottom:20px; z-index:90;}


/* footer */
footer {padding:0 0 2% 0;}
footer ul.sns {margin:0 auto; padding:1% 0; background:#000; text-align:center;}
footer ul.sns li {display:inline-block; width:4%; max-width:70px; margin:0 0.5%;}
footer ul.sns li.sns_btn {position:relative;}
footer ul.sns li .sns_box {display:none; position:absolute; width:400px; padding:0 0 1em 0; top:-9em; left:-165px; 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 {width:1364px; margin:0 auto;}
footer .box .img {width:40%; max-width:540px; margin:8% auto 0 auto;}
footer .box ul.btn {margin:3% 0 0 0; text-align:center;}
footer .box ul.btn li {display:inline-block; width:540px; margin:0 2%;}
footer .box ul.btn li a {display:block; width:100%; max-width:540px; background:url(../img/footer_btn.png) center top no-repeat; background-size:contain; color:#fff; font-size:22px; font-weight:700; line-height:66px; text-align:center; text-decoration:none; transition:0.3s;}
footer .box .btn a:hover {opacity:0.7;}
footer .box .img2 {width:40%; max-width:540px; margin:4% auto 0 auto;}
footer .box ul.group {margin:13% auto 0 auto; padding:0 0 8% 0; text-align:center;}
footer .box ul.group li {display:inline-block; width:16%; max-width:90px; margin:0 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 3% 0; font-size:18px; line-height:1.6; text-align:center;}
footer .copy {padding:2% 0 1% 0; border-top:1px solid #ddd; text-align:center;}
footer .copy .box {width:32%; max-width:600px; margin:0 auto;}

@media screen and (max-width:1400px){
  footer .box {width:71%;}
  footer .box ul.btn li {width:40%;}
  footer .box ul.btn li a {font-size:1.4vw; line-height:3.4vw;}
  footer .box + p {font-size:1.4vw;}
}


/* movie */
.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:80%; max-width:800px;}
.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:80%; max-width:800px; 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;}