@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
ul {
list-style:none;
}
img {
border: none;
vertical-align:bottom;
width:100%;
-webkit-backface-visibility: hidden;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
address, em, code, cite, dfn, var, optgroup {
font-style: normal;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
text-decoration:none;
outline:none;
}
a.al:hover {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";
}
a:hover p{
text-decoration: none;
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";
}
table {
border-collapse:collapse;
border-spacing:0;
}
input, select {
vertical-align:middle;
}
input[type="button"],input[type="text"],input[type="submit"],input[type="reset"],textarea {
-webkit-appearance:none;
border-radius:0;
font-family: "メイリオ","Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
.clearfix:after {
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* common */
.clear {
font-size: 1px;
height: 1px;
clear: both;
}
.floatL {
float:left;
display:inline;
}
.floatR {
float:right;
display:inline;
}
.alignCenter {text-align:center;}
.alignLeft {text-align:left;}
.alignRight {text-align:right;}
.valignTop {vertical-align:top;}
.valignMiddle {vertical-align:middle;}
.valignBottom {vertical-align:bottom;}
.mt00 { margin-top: 0 !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mt90 { margin-top: 90px !important; }
.mt95 { margin-top: 95px !important; }
.mt100 { margin-top: 100px !important; }
.mr00 { margin-right: 0 !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr55 { margin-right: 55px !important; }
.mr60 { margin-right: 60px !important; }
.mr65 { margin-right: 65px !important; }
.mr70 { margin-right: 70px !important; }
.mr75 { margin-right: 75px !important; }
.mr80 { margin-right: 80px !important; }
.mr85 { margin-right: 85px !important; }
.mr90 { margin-right: 90px !important; }
.mr95 { margin-right: 95px !important; }
.mr100 { margin-right: 100px !important; }
.mb00 { margin-bottom: 0 !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }
.ml00 { margin-left: 0 !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }
.ml65 { margin-left: 65px !important; }
.ml70 { margin-left: 60px !important; }
.ml75 { margin-left: 75px !important; }
.ml80 { margin-left: 80px !important; }
.ml85 { margin-left: 85px !important; }
.ml90 { margin-left: 90px !important; }
.ml95 { margin-left: 95px !important; }
.ml100 { margin-left: 100px !important; }
.pt00 { padding-top: 0 !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt55 { padding-top: 55px !important; }
.pt60 { padding-top: 60px !important; }
.pt65 { padding-top: 65px !important; }
.pt70 { padding-top: 70px !important; }
.pt75 { padding-top: 75px !important; }
.pt80 { padding-top: 80px !important; }
.pt85 { padding-top: 85px !important; }
.pt90 { padding-top: 90px !important; }
.pt95 { padding-top: 95px !important; }
.pt100 { padding-top: 100px !important; }
.pr00 { padding-right: 0 !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr55 { padding-right: 55px !important; }
.pr60 { padding-right: 60px !important; }
.pr65 { padding-right: 65px !important; }
.pr70 { padding-right: 70px !important; }
.pr75 { padding-right: 75px !important; }
.pr80 { padding-right: 80px !important; }
.pr85 { padding-right: 85px !important; }
.pr90 { padding-right: 90px !important; }
.pr95 { padding-right: 95px !important; }
.pr100 { padding-right: 100px !important; }
.pb00 { padding-bottom: 0 !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb55 { padding-bottom: 55px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb65 { padding-bottom: 65px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb75 { padding-bottom: 75px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb85 { padding-bottom: 85px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb95 { padding-bottom: 95px !important; }
.pb100 { padding-bottom: 100px !important; }
.pl00 { padding-left: 0 !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl55 { padding-left: 55px !important; }
.pl60 { padding-left: 60px !important; }
.pl65 { padding-left: 65px !important; }
.pl70 { padding-left: 70px !important; }
.pl75 { padding-left: 75px !important; }
.pl80 { padding-left: 80px !important; }
.pl85 { padding-left: 85px !important; }
.pl90 { padding-left: 90px !important; }
.pl95 { padding-left: 95px !important; }
.pl100 { padding-left: 100px !important; }
.pcon { display:block; }
.spon { display:none; }
@media only screen and (min-width:1px) and (max-width:680px){
.pcon { display:none; }
.spon { display:block; }
}
/* html
-------------------------------------------------*/
html {
overflow-y:scroll;
}
/* body */
body {
font-family: "メイリオ","Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
font-size:12px;
line-height:1.5;
color:#000;
-webkit-text-size-adjust:100%;
}
.fo10 { font-size:10px; }
.fo11 { font-size:11px; }
.fo12 { font-size:12px; }
.fo13 { font-size:13px; }
.fo14 { font-size:14px; }
.fo15 { font-size:15px; }
.fo16 { font-size:16px; }
.fo18 { font-size:18px; }
.fo20 { font-size:20px; }
.fo21 { font-size:21px; }
.fo22 { font-size:22px; }
.fo26 { font-size:26px; }
.corPink { color:#ed1d88; }
.corRed { color:#e6153e; }
.fobold { font-weight: bold;}
.textposi { text-align: center;}
/* #wrapper */
#wrapper {
width:100%;
margin:0 auto;
overflow:hidden;
clear:both;
}
/* #leftArea */
#leftArea {
width:50%;
position:fixed;
height:100%;
background-color: #000;
}
/*---------header pc---------*/
#header {
width:12.5%;
float:left;
position:relative;
height:100%;
background:#0096a3;
background-size:100% 33%;
}
/*---------navi pc---------*/
.navi { clear:both; width:100%;}
/*基本の背景色*/
.navi li { background:#0096a3;}
/*偶数値の時*/
.navi li:nth-child(even) { background:#36c2cf;}
/*リンクさせない時の背景色*/
.navi li.nolink,
.navi li.nolink a,
.navi li.nolink a:hover { background:#91a5a7 !important;}
/*hover時の背景色と文字色*/
.navi li a { color:#fff; display:block; font-weight:bold; line-height:1.3; text-align:center; text-decoration:none; position:relative; padding:33.5% 1%;}
.navi li a:hover { background:#f285b8; color:#fff;}
/*2行の時*/
.navi li.twoL a {padding:24.5% 1%;}
.navi li .upDate,
.navi li .comSoon {
width:100%;
font-size:12px;
position:absolute;
top:0;
left:0;
font-weight:normal;
color:#fff;
display:block;
z-index:100;
text-align:left;
padding:2.5% 4%;
box-sizing:border-box;
}
.navi li .upDate {
background:url(../../images/pc/bg_up.png) no-repeat center top;
background-size:100% 100%;
}
.navi li .comSoon {
background:url(../../images/pc/bg_soon.png) no-repeat center top;
background-size:100% 100%;
}
/* .main */
.main {
width:87.5%;
float:right;
position: relative;
background:url(../../images/pc/bg01.jpg) center center repeat-y #faea01;
background-size:contain;
}
/* .mainimg */
.mainimg {
/*background:url(../../images/pc/bg01.png) center bottom repeat-x;*/
background-size:contain;
position: relative;
}
.mainimg p {
text-align:center;
background:url(../../images/pc/mainimg.png) center center no-repeat;
background-size:contain;
width: 100%;
height: 100%;
}
/* #contents */
#contents {
width:50.01%;
float:right;
background:url(../../images/pc/bg02.jpg) repeat center 25px;
padding-left:0.01%;
}
/* section */
section {
width:100%;
overflow:hidden;
}
section .inner {
width:95%;
margin:0 auto;
}
/* .waku */
.waku {
border-top:#ed1d88 3px solid;
border-bottom:#ed1d88 3px solid;
background-size:11.5% auto;
margin-bottom:35px;
background-color: rgba(255,255,255,0.6);
}
.waku .wakuIn {
background-size:11.5% auto;
padding:3% 4%;
}
.exhibArea .waku {
border-color:#9f4cdb;
background-size:11.5% auto;
}
.exhibArea .waku .wakuIn {
background-size:11.5% auto;
}
.goodsArea .waku {
border-color:#00d81a;
background-size:11.5% auto;
}
.goodsArea .waku .wakuIn {
background-size:11.5% auto;
}
/* map */
.mapArea .waku {
border-color:#ff3b5d;
background-size:11.5% auto;
}
.mapArea .waku .wakuIn {
background-size:11.5% auto;
}
.mapArea .copy {
margin: 2% 0;
}
.mapArea .map_box {
display: none;
}
/*---------goodsArea pc---------*/
.goodsArea .cont01 {
width:45%;
float:left;
margin: 2% 0 0 0;
padding: 2%;
background-color: #eaf5ff;
}
.goodsArea .cont02 {
width:45%;
float:right;
margin: 2% 0 0 0;
padding: 2%;
background-color: #eaf5ff;
}
.goodsArea .cont03 {
width:100%;
float:right;
margin: 2% 0 0 0;
}
.goodsArea .cont03 .item_thumb{
width:80%;
margin: 0 auto;
}
.goodsArea .ttl{
margin: 6% 0 2% 0;
font-weight: bold;
line-height: 1.2;
}
.goodsArea .ttl03{
margin: 2% 0 2% 0;
font-weight: bold;
line-height: 1.2;
}
.goodsArea .price{
margin: 0;
font-weight: bold;
}
/*==============================================================================
【ワークショップ枠】
================================================================================*/
.workshopArea { background-size:100% auto; color: #222222; padding-bottom:20px;}
.workshopArea .waku { border-color:#ff5b0c; background-image:none;}
.workshopArea .cont { padding:0 4% 15px;}
.workshopArea .ttl01 { color:#ed1d88; padding:25px 75px 10px 75px; text-align:center;}
.workshopArea .ttl02 { border-bottom:#222 1px solid; padding-bottom:4px;}
.workshopArea .copy { text-align: left;}
.workshopArea hr { border:0; border-bottom: 1px dashed #0096a3;}
.workshopArea a:hover span { text-decoration: none; opacity:0.8; filter: alpha(opacity=80); -ms-filter:"alpha(opacity=80)";}
/*-----------------------------------------------------------------
【ワークショップ概要】
…アコーディオン展開する前の情報
-----------------------------------------------------------------*/
ul.workshopBox {}
/*展開後まで含めたワークショップ1個あたりのブロック*/
ul.workshopBox li { background: #fff; font-size: 0; margin: 0 0 4% 0; padding: 2%; -webkit-box-sizing:border-box; box-sizing:border-box; }
ul.workshopBox li:last-child { background: #fff; font-size: 0; margin: 0; padding: 2%; -webkit-box-sizing:border-box; box-sizing:border-box; }
/*概要写真*/
ul.workshopBox li div.worksL { display: inline-block; text-align: left; vertical-align: top; width: 40%;}
/*概要（中身）*/
ul.workshopBox li div.worksR { display: inline-block; margin: 0 0 0 2%; padding: 0; vertical-align: top; width: 56%;}
ul.workshopBox li div.worksR h4 {border-bottom: double 4px #000; margin: 0 0 20px 0; padding: 0 0 10px 0; line-height: 1.2;}
ul.workshopBox li div.worksR h4 span { display: block; line-height: 1.3 !important; /*margin: 10px 0 0 0;*/ padding: 0;}
ul.workshopBox li div.worksR p { margin: 0 0 20px 0;}
ul.workshopBox li div.worksR span.cooper { display: block;}
/*ボタン*/
ul.workshopBox .now_Btn {background: #a9a9a9; border-bottom: solid 3px #696969; border-radius: 3px; color: #fff; display: block; margin: 2% auto 0 auto; padding: 2% 1%; position: relative; text-align: center; width: 60%; -webkit-box-sizing: border-box; box-sizing: border-box;}
/*-----------------------------------------------------------------
【ワークショップ詳細】
…アコーディオンを展開させるためのトリガー（詳細はこちらボタン）
…展開されたあとの中身
-----------------------------------------------------------------*/
.workshopBox dl { margin: 0 auto; padding: 0;}
/* アコーディオンを展開させるためのトリガー（詳細はこちらボタン）
-----------------------------------------------------*/
.workshopBox dl dt { cursor: pointer; margin: 0; padding: 0;}
/*基本のボタン*/
.workshopBox dl dt .worksBtn { background:#fe7ab8; border-bottom:solid 3px #c5206d; border-radius:3px; color:#fff; display: block; margin:2% auto 0 auto; padding:2% 1%; position:relative; text-align:center; width:60%; -webkit-box-sizing:border-box; box-sizing:border-box; }
/*アコーディオンを開く前：末尾に下向きの矢印を付ける*/
.workshopBox dl dt .worksBtn:after { border-right:2px solid #fff; border-top:2px solid #fff; content:" "; display:block; height:6px; line-height:0; position:absolute; top:40%; right:4%; transform:rotate(135deg) !important; -webkit-transform:rotate(135deg) !important; vertical-align:middle; width:6px; visibility:inherit !important;}
/*アコーディオンが開かれたとき：末尾に上向きの矢印を付ける*/
.workshopBox dl dt.cur .worksBtn:after { border-right:2px solid #fff; border-top:2px solid #fff; content:" "; display:block; height:6px; line-height:0; position:absolute; top:45%; right:4%; transform:rotate(-45deg) !important; -webkit-transform:rotate(-45deg) !important; vertical-align:middle; width:6px; visibility:inherit !important;}
.workshopBox dl dt .worksBtn:hover {opacity:0.8; filter: alpha(opacity=80); -ms-filter:"alpha(opacity=80)";}
/* 展開されたあとの中身
-----------------------------------------------------*/
.workshopBox dl dd { display: none; margin: 3% 0 0 0; padding: 0;}
.workshopBox dl dd .workshopDetail { height: 100%;}
.workshopBox dl dd .workshopDetail ul { font-size: 0; margin: 0; padding: 0 0 2% 0;}
.workshopBox dl dd .workshopDetail ul li { font-size: 0; margin: 0; padding: 0;}
.workshopBox dl dd .workshopDetail ul li .sec_ttl {background-size:5% auto; padding:0.5% 0 0.2% 2%; line-height: 1em; border-left: solid 8px #333;}
/*タイトル*/
.workshopBox dl dd .workshopDetail ul li h5 { line-height: 16px; margin: 2% 0 2% 0; padding: 0; font-size: 20px;}
.workshopBox dl dd .workshopDetail ul li p { line-height: 1.5em; margin: 0 0 3% 0; padding: 0;}
.workshopBox dl dd .workshopDetail ul li span.cooper { display: block; margin: 0 0 3% 0; padding: 0;}
.workshopBox dl dd .workshopDetail ul li ol { margin: 0; padding: 0;}
.workshopBox dl dd .workshopDetail ul li ol li { line-height: 1.8; margin: 0 0 1% 0; padding: 0;}
.workshopBox dl dd .workshopDetail ul li ol li strong { background: #e9f2fb; border: solid 1px #000; display: inline-block; margin: 0 1% 0 0; padding: 4px; text-align: center; width: 20%; -webkit-box-sizing:border-box; box-sizing:border-box; }
.workshopBox dl dd .workshopDetail ul li ol li span { display: inline-block; line-height: 1.3em; padding: 5px 0 0 0; vertical-align: top; width:76%; -webkit-box-sizing:border-box; box-sizing:border-box; }
.workshopBox dl dd .workshopDetail ul li ol li span.corRed { display: inline !important; padding: 0 !important; width: 100% !important;}
/*応募のボタン*/
.workshopBox dl dd .workshopDetail .worksOrderBtn { background:#1f4ac3; border-bottom:solid 3px #021a5e; border-radius:3px; color:#fff; display:block; margin:2% auto 0 auto; padding:2% 1%; text-align:center; width:60%; -webkit-box-sizing:border-box; box-sizing:border-box; }
.workshopBox dl dd .workshopDetail .worksOrderBtn_end { background:#a9a9a9; border-bottom:solid 3px #696969; border-radius:3px; color:#fff; display:block; margin:2% auto 0 auto; padding:2% 1%; text-align:center; width:60%; -webkit-box-sizing:border-box; box-sizing:border-box; }
/*==============================================================================
【ワークショップ枠】ここまで
================================================================================*/
/* goods_att PC*/
.goodsArea02 {
background-size:100% auto;
padding-bottom:20px;
color: #222222;
}
.goodsArea02 .waku {
border-color:#00d81a;
background-image:none;
margin-top:20px;
}
.goodsArea02 .cont {
padding:0 4% 15px;
}
.goodsArea02 .ttl01 {
text-align:center;
color:#ed1d88;
padding:25px 75px 10px 75px;
}
.goodsArea02 .ttl02 {
border-bottom:#222 1px solid;
padding-bottom:4px;
}
.goodsArea02 .txtList {
padding:0 20px 10px 20px;
}
.goodsArea02 .txtList li {
text-indent:-1em;
padding-left:1em;
line-height:1.7;
}
.goodsArea02 .cont .txt {
padding-bottom:25px;
color:#fff;
background-color: #29ac32;
padding: 0.5% 1% 0.5% 2.5%;
font-weight: bold;
}
.goodsArea02 .att_area {
background-color: #eaf5ff;
padding: 2% 3%;
margin-bottom: 3%;
font-weight: bold;
}
.goodsArea02 .nrp {
white-space: nowrap;
}
.goodsArea02 dd {
background-color: #c7f17b;
padding: 1% 1.5%;
font-weight: bold;
}
.goodsArea02 dl {
background-color: #fff9e1;
padding: 1% 3%;
}
.mapArea .waku {
border-color:#ff3b5d;
background-size:11.5% auto;
}
.mapArea .waku .wakuIn {
background-size:11.5% auto;
}
/* .headTitle */
.headTitle01 {
width:90%;
margin:0 auto;
padding:1.3% 0;
}
/* .headSubTitle */
.headSubTitle01 {
width:63%;
margin:0 auto;
padding:1.3% 0;
}
/* .set01 */
.set01 {
position:relative;
padding-bottom:1.5%;
}
.set01 .ttl01 {
border-bottom:#000 1px solid;
padding-bottom:15px;
margin-bottom:15px;
position:relative;
}
.set01 .ttl01 .titImg {
width:30%;
position:absolute;
bottom:15px;
right:0;
}
.set01 .ttl01 span {
display:inline-block;
vertical-align:middle;
}
.set01 .ttl01 .num {
width:10.3125%;
margin-right:-4px;
}
.set01 .ttl01 .ja {
width:87%;
padding:0 0 0 2.6785%;
line-height:1.2;
margin-left:-4px;
}
/*---------stage left pc---------*/
.stageArea .set01 .cont01 {
margin: 5% 0 0 0;
width:65%;
float:left;
position:relative;
}
/*---------stage right pc---------*/
.stageArea .set01 .cont02 {
margin: 5% 0 0 0;
width:30%;
float:right;
padding: 0 0% 0 0;
}
.set01 .title01 {
font-weight:bold;
color:#ed1d88;
padding:0%;
margin-bottom:8px;
text-align: center;
}
.set01 .sec_title01 {
background-size:5% auto;
padding:0.5% 0 0.2% 2%;
line-height: 1em;
border-left: solid 8px #333;
}
.set01 .txt01 {
line-height:1.6;
padding:1% 0 0 0;
}
/*---------stage guestimg pc---------*/
/*---------#stg01---------*/
#stg01 .set01 .guest_img{
width: 100%;
text-align: center;
margin: 0 auto;
}
#stg01 .set01 dl {
width:22%;
float:left;
padding-right:4%;
}
/*---------#stg02---------*/
#stg02 .set01 .guest_img{
width: 65%;
text-align: center;
margin: 0 auto;
}
#stg02 .set01 dl {
width:45%;
float:left;
padding-right:10%;
}
#stg02 a { color:#0033cc; }
#stg02 a:hover { text-decoration: underline;}
#stg02 a:visited { color: #660099;}
#stg01 dl:last-child,#stg02 dl:last-child{
padding-right:0;
}
.set01 dl dt img {
border: solid 1px #fe85c9;
}
#stg01 .set01 dl:last-child dt img{
border: none;
}
.set01 dl dd {
font-weight:bold;
text-align:center;
padding:6px 0;
line-height:1.2;
white-space:nowrap;
}
/*---------stage bnr pc---------*/
.set01 ul.bnr {
width: 100%;
}
.set01 .bnr li {
float:left;
margin: 0 0 7% 0;
}
.set01 .bnr li:last-child{
margin: 0;
}
/*---------stage copy pc---------*/
.set01 .notes {
position:absolute;
bottom:0;
left:0;
}
/*---------stage btn pc---------*/
.set01 .btn_wrap{width: 90%;}
.set01 .posbtn{
margin: 1% 0 0 0;
color: #fff;
width: 100%;
background-color: #1f4ac3;
background-image: url(/megahobby/event/expo2018_spring/images/pc/btn_arrow.png);
background-repeat: no-repeat;
background-size:9px;
background-position: right 15px center;
padding: 2% 1%;
border-bottom: solid 3px #021a5e;
text-align: center;
border-radius: 3px;
}
.set01 .posbtn_end{
margin: 1% 0 0 0;
color: #fff;
width: 100%;
background-color: #a9a9a9;
background-image: url(/megahobby/event/expo2018_spring/images/pc/btn_arrow.png);
background-repeat: no-repeat;
background-size:9px;
background-position: right 15px center;
padding: 2% 1%;
border-bottom: solid 3px #696969;
text-align: center;
border-radius: 3px;
}
.set01 .reqtit{
padding: 0 4% 2% !important;
}
.set01 .reqbtn{
padding: 0 25% !important;
}
.set01 .schebtn{
padding: 0 9% !important;
}
.set01 .mc_txt{
padding: 0 15% !important;
}
.set01 .mc_thum {
width: 96%;
}
.set01 .mc_catch {
width: 78%;
}
/* check */
.set01 .check {
color: #FFFFFF;
background-size: 4% auto;
background-color: #fb32c2;
padding: 0.5% 0 0 1%;
margin-right: 2.5%;
}
.set01 .check:before {
content: url(../../images/pc/ico03_tit.png);
}
/*---------time_schedule pc---------*/
.set01 .waku02 {
margin-bottom: 2%;
}
.set01 .waku02 ul {
width: 100%;
display: table;
}
.set01 .waku02 li {
width: 23%;
float: left;
border: solid 1px #f66e00;
background-color: #fffff1;
padding-top: 1%;
margin-right: 1.5%;
display: table-cell;
}
.set01 .waku02 li:nth-child(2n+0) {
width: 23%;
float: left;
border: solid 1px #fb32c2;
background-color: #fff3f9;
padding-top: 1%;
margin-right: 1.5%;
display: table-cell;
}
.set01 .waku02 li:last-child{
margin-right: 0;
}
.set01 .waku02 ul a {
text-decoration: none;
display: block;
}
.set01 .waku02 ul .stage_time {
color: #0241e3;
font-weight: bold;
}
.set01 .waku02 ul .stage_ttl {
color: #222222;
font-weight: bold;
height: 40px;
display: block;
}
.set01 .waku02 ul .stage_txt {
border-bottom: 1px solid #222222;
margin: 0 4%;
}
.set01 .waku02 ul .check_area01 {
color:#FFFFFF;
text-align: center;
background-color: #fc9541;
}
.set01 .waku02 ul .check_area02 {
color:#FFFFFF;
text-align: center;
background-color: #ff6bb5;
}
/*---------exhib pc---------*/
/* .set02 */
.set02 {
width: 100%;
display: table;
}
.set02 .img01 {
width:50%;
padding:0 4% 0 0;
box-sizing:border-box;
display: table-cell;
vertical-align:middle;
}
.set02 .cont {
display: table-cell;
vertical-align:middle;
float: right;
}
.set02 .cont .txt {
line-height:1.4;
}
.set02 .title01 {
font-weight:bold;
color:#ed1d88;
padding:0;
}
/*---------exhib_btn pc---------*/
.set02 .btn_wrap{width: 100%;}
.set02 .posbtn{
margin: 2% 0 0 0;
color: #fff;
width: 100%;
background-color: #fe7ab8;
background-image: url(/megahobby/event/expo2018_spring/images/pc/btn_arrow.png);
background-repeat: no-repeat;
background-size:9px;
background-position: right 15px center;
padding: 3% 1%;
border-bottom: solid 3px #c5206d;
text-align: center;
border-radius: 3px;
box-sizing: border-box;
}
/*---------aboutArea pc---------*/
.aboutArea {
background-size:100% auto;
padding-bottom:78px;
}
.aboutArea .waku {
border-color:#222;
background-image:none;
margin-top:20px;
}
.aboutArea .cont {
padding:0 4% 15px;
}
.aboutArea .ttl01 {
text-align:center;
color:#ed1d88;
padding:30px 0 15px;
}
.aboutArea .ttl02 {
border-bottom:#222 1px solid;
padding-bottom:4px;
}
.aboutArea .txtList {
padding:5px 0 20px;
}
.aboutArea .txtList li {
text-indent:-1em;
padding-left:1em;
line-height:1.7;
}
.aboutArea .cont .txt {
margin-top:-15px;
padding-bottom:25px;
}
.aboutArea .cont .txt span {
display:inline-block;
color:#fff;
background:#d90202;
padding:0.5% 1%;
}
/* #footer */
#footer {
width:100%;
clear:both;
position: absolute;
bottom: 0;
left: 0;
}
#footer .fimg {
background-size:cover;
padding:3.5% 4%;
}
#footer dl {
background:#000;
width:92%;
margin:0 auto;
clear:both;
padding:2% 4%;
}
#footer dl dt {
width:4.5%;
margin:0 -2px;
display:inline-block;
vertical-align:middle;
}
#footer dl dd {
width:95.5%;
padding:0 0 0 1%;
box-sizing:border-box;
margin:0 -2px;
display:inline-block;
vertical-align:middle;
color:#fff;
line-height:1.4;
}
@media only screen and (min-width:681px) and (max-width:1400px){
body {
font-size:0.86vw;
}
.fo10 { font-size:0.72vw; }
.fo11 { font-size:0.8vw; }
.fo12 { font-size:0.86vw; }
.fo13 { font-size:0.9vw; }
.fo14 { font-size:1vw; }
.fo15 { font-size:1.1vw; }
.fo16 { font-size:1.2vw; }
.fo18 { font-size:1.36vw; }
.fo20 { font-size:1.44vw; }
.fo21 { font-size:1.52vw; }
.fo22 { font-size:1.6vw; }
.fo26 { font-size:1.92vw; }
.navi li {
font-size:1.2vw;
}
.navi li .upDate,
.navi li .comSoon {
font-size:0.8vw;
letter-spacing:-0.02em;
}
.posbtn{
background-size:6px;
}
}
/*=====================================================================
【タブレット（iOS用）】
======================================================================*/
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
/*アコーディオンを開く前：末尾に下向きの矢印を付ける*/
.workshopBox dl dt .worksBtn:after { border-right:2px solid #fff; border-top:2px solid #fff; content:" "; display:block; height:6px; line-height:0; position:absolute; top:30%; right:4%; transform:rotate(135deg) !important; -webkit-transform:rotate(135deg) !important; vertical-align:middle; width:6px; visibility:inherit !important;}
/*アコーディオンが開かれたとき：末尾に上向きの矢印を付ける*/
.workshopBox dl dt.cur .worksBtn:after { border-right:2px solid #fff; border-top:2px solid #fff; content:" "; display:block; height:6px; line-height:0; position:absolute; top:40%; right:4%; transform:rotate(-45deg) !important; -webkit-transform:rotate(-45deg) !important; vertical-align:middle; width:6px; visibility:inherit !important;}
}
@media only screen and (min-width:681px){
/*---------navi pc---------*/
.navi li.nav01 a:hover,
.navi li.nav02 a:hover,
.navi li.nav03 a:hover,
.navi li.nav05 a:hover,
.navi li.nav06 a:hover
{
background:#f285b8;
color:#fff;
}
}
@media only screen and (min-width:1px) and (max-width:680px){
body {
font-size:3vw;
}
.fo10 { font-size:2.6vw; }
.fo11 { font-size:2.8vw; }
.fo12 { font-size:3vw; }
.fo13 { font-size:3.1vw; }
.fo14 { font-size:3.2vw; }
.fo15 { font-size:3.3vw; }
.fo16 { font-size:3.4vw; }
.fo18 { font-size:3.6vw; }
.fo20 { font-size:3.8vw; }
.fo21 { font-size:3.9vw; }
.fo22 { font-size:4vw; }
.fo26 { font-size:4.4vw; }
a:hover {
text-decoration:none;
}
/* #leftArea SP*/
#leftArea {
width:100%;
float:none;
position:static;
height:auto;
}
/* #contents SP*/
#contents {
width:100%;
float:none;
height: auto;
padding-top:3%;
}
/*---------header sp---------*/
#header {
width:100%;
height:auto;
position:fixed;
background:#26b3c0;
float:none;
z-index:9999;
}
#logo {
display:none;
}
.btnMenu,
.btnClose {
width:9.375%;
float:right;
padding:1.8% 4%;
clear:both;
cursor:pointer;
}
/*---------navi sp---------*/
.navi {
position:fixed;
height:100%;
top:0;
left:0;
width:100%;
background:#26b3c0;
display:none;
}
.navi ul {
width:100%;
clear:both;
border-top:#fff 1px solid;
}
.navi li a,
.navi li p {
padding:4% 6% 3%!important;
background:none!important;
position:static;
text-align:left;
border-bottom:#fff 1px solid;
font-size:4.2vw;
}
.navi li a {
background:url(../../images/pc/ico01.png) no-repeat 94% center!important;
background-size:3.3% auto!important;
}
.navi li.nav06 a {
background:url(../../images/pc/ico02.png) no-repeat 94% center!important;
background-size:3.3% auto!important;
}
.navi li p {
background:#8b91a4!important;
border-bottom:#adb7d5 1px solid;
}
.navi li a.on {
color:#000;
}
.navi li .upDate,
.navi li .comSoon {
position:static;
display:inline-block;
padding:0.5% 2%;
width:auto;
vertical-align:middle;
font-weight:bold;
margin:-0.5% 2em;
font-size:3vw;
}
.navi li .upDate {
background:#1f4ac3;
}
.navi li .comSoon {
background:#000;
}
/* .main SP*/
.main {
width:100%;
height: auto !important;
float:none;
}
/* .mainimg SP*/
.mainimg {
padding-top:13%;
height: auto !important;
}
.mainimg p {
background: none;
}
.mainimg img {
width:100%;
}
/* section SP*/
section .inner {
width:93%;
}
/* .information SP*/
section.information {
display: block;
width: 100%;
height:auto;
padding-top: 5%;
padding-bottom: 10%;
}
/* .waku SP*/
.waku {
border-width:2px;
margin-bottom:26px;
background-size:15% auto!important;
}
.waku .wakuIn {
padding:5.5% 5%;
background-size:15% auto!important;
}
/* .headTitle SP*/
.headTitle01 {
width:95%;
}
.headSubTitle01 {
width:94%;
}
/* .set01 SP*/
/*---------stage left sp---------*/
.stageArea .set01 .cont01 {
width:100%;
float:none;
}
/*---------stage right sp---------*/
.stageArea .set01 .cont02 {
width:100%;
float:none;
margin: 5% 0 2% 0;
}
.set01 .ttl01 {
position:static;
border:none;
margin-bottom:0;
padding:0;
}
.set01 .ttl01 .titImg {
position:static;
width:70%;
margin:0 auto;
display:block;
padding:3% 0;
}
.set01 .ttl01 .num {
width:14.5%;
}
.set01 .ttl01 .ja {
width:80.5%;
padding-left:5%;
}
.set01 .img03 {
width:100%;
}
/*---------stage guestimg sp---------*/
/*---------#stg01---------*/
#stg01 .set01 .guest_img{
width: 100%;
text-align: center;
margin: 0 auto;
}
#stg01 .set01 dl {
margin: 0 auto 3%;
}
/*---------#stg02---------*/
#stg02 .set01 .guest_img{
width: 75%;
text-align: center;
margin: 0 auto;
}
#stg02 .set01 dl {
width:45%;
float:left;
padding-right:10%;
}
#stg01 dl:last-child,#stg02 dl:last-child{
padding-right:0;
}
/*---------stage copy sp---------*/
.set01 .notes {
position:static;
text-align:left;
}
.set01 .reqtit{
padding: 0 0 2% 0 !important;
}
.set01 .reqbtn{
padding: 0 5% !important;
}
.set01 .check {
background-size:4% auto;
padding:2% 0 0 2%;
margin-left: 1%;
padding-bottom: 5px;
}
/*---------stage btn sp---------*/
.set01 .btn_wrap{width: 100%;}
.set01 .posbtn{
margin: 1% 0 0 0;
width: 100%;
background-size:2.5%;
background-position: right 15px center;
padding: 3% 0;
box-sizing: border-box;
}
/*---------stage bnr sp---------*/
.set01 ul.bnr {
padding:0;
border: none;
}
.set01 ul.bnr li {
float:left;
margin: 0 3% 0 0;
width: 48.5%;
}
.set01 .schebtn{
padding: 0 2% !important;
}
/*---------time_schedule sp---------*/
.set01 .waku02 ul {
width: 100%;
display: table;
margin-left: 3px;
}
.set01 .waku02 li {
width: 47%;
float: left;
border: solid 1px #f66e00;
background-color: #fffff1;
padding-top: 1%;
margin-right: 2%;
margin-bottom: 2%;
display: table-cell;
}
.set01 .waku02 li:nth-child(2n+0) {
width: 47%;
float: left;
border: solid 1px #fb32c2;
background-color: #fff3f9;
padding-top: 1%;
margin-right: 1.5%;
display: table-cell;
}
.set01 .waku02 li:last-child{
margin-right: 0;
}
.set01 .waku02 ul .stage_ttl {
color: #222222;
font-weight: bold;
height: 35px;
display: block;
line-height: 1.2em;
}
.set01 .waku02 ul .stage_txt {
margin:0 4%;
padding-bottom: 5%;
}
/* movie_link SP*/
.set01 .mv_link {
margin-right: 0%;
margin-bottom: 4%;
}
/*---------exhib sp---------*/
/* .set02 SP*/
.set02 .img01 {
width:80%;
padding:3% 0 5%;
display:block;
margin:0 auto;
}
.set02 .title01 {
text-align: center;
padding: 0 0 2% 0;
}
.set02 .cont {
width:100%;
padding:1% 0;
display:block;
margin:0 auto;
}
.set02 .cont .txt {
line-height:1.5;
}
.set02 .cont .txt .fo20 {
font-size:4.5vw;
}
/*---------exhib_btn sp---------*/
.set02 .btn_wrap{width: 100%;}
.set02 .posbtn{
margin: 1% 0 0 0;
width: 100%;
background-size:9px;
background-position: right 15px center;
padding: 2% 1%;
text-align: center;
border-radius: 3px;
box-sizing: border-box;
}
/*---------aboutArea sp---------*/
.aboutArea {
padding-bottom:35px;
}
.aboutArea .ttl01 {
padding:12px 0 3px;
font-size:4vw;
margin:0 -1%;
}
.aboutArea .cont {
padding-bottom:0;
}
.aboutArea .ttl02 {
padding-bottom:0;
}
.aboutArea .txtList {
padding-bottom:15px;
}
.aboutArea .txtList li {
font-size:3vw;
line-height:1.4;
padding:0 0 0 1em;
}
.aboutArea .cont .txt {
font-size:3vw;
margin-top:-10px;
padding-bottom:20px;
}
/*-----------------------------------------------------------------
【SP】【ワークショップ概要】
…アコーディオン展開する前の情報
-----------------------------------------------------------------*/
/*【SP】概要写真*/
ul.workshopBox li div.worksL { display: block; margin: 0 0 3% 0; padding: 0; text-align: center; vertical-align: top; width: 100%;}
ul.workshopBox li div.worksL img { height: auto; width: 80%;}
/*【SP】概要（中身）*/
ul.workshopBox li div.worksR { display: block; margin: 0; padding: 0; vertical-align: top; width: 100%;}
ul.workshopBox li div.worksR h4 {border-bottom: double 4px #000; margin: 0 0 3% 0; padding: 0 0 3% 0; line-height: 1.2;}
ul.workshopBox li div.worksR h4 span { display: block; line-height: 1.3 !important; margin: 1% 0 0 0; padding: 0;}
ul.workshopBox li div.worksR p { margin: 0 0 3% 0;}
ul.workshopBox li div.worksR span.cooper { display: block;}
/*ボタン*/
ul.workshopBox .now_Btn {width: 100%;}
/*【SP】基本のボタン*/
.workshopBox dl dt .worksBtn { background:#fe7ab8; border-bottom:solid 3px #c5206d; border-radius:3px; color:#fff; display: block; margin:2% auto 0 auto; padding:2% 1%; position:relative; text-align:center; width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; }
/*【SP】応募のボタン*/
.workshopBox dl dd .workshopDetail .worksOrderBtn { background:#1f4ac3; border-bottom:solid 3px #021a5e; border-radius:3px; color:#fff; display:block; margin:2% auto 0 auto; padding:2% 1%; text-align:center; width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; }
.workshopBox dl dd .workshopDetail .worksOrderBtn_end { background:#a9a9a9; border-bottom:solid 3px #696969; border-radius:3px; color:#fff; display:block; margin:2% auto 0 auto; padding:2% 1%; text-align:center; width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; }
/*【SP】アコーディオンを開く前：末尾に下向きの矢印を付ける*/
.workshopBox dl dt .worksBtn:after { border-right:2px solid #fff; border-top:2px solid #fff; content:" "; display:block; height:6px; line-height:0; position:absolute; top:34%; right:4%; transform:rotate(135deg) !important; -webkit-transform:rotate(135deg) !important; vertical-align:middle; width:6px; visibility:inherit !important;}
/*【SP】アコーディオンが開かれたとき：末尾に上向きの矢印を付ける*/
.workshopBox dl dt.cur .worksBtn:after { border-right:2px solid #fff; border-top:2px solid #fff; content:" "; display:block; height:6px; line-height:0; position:absolute; top:43%; right:4%; transform:rotate(-45deg) !important; -webkit-transform:rotate(-45deg) !important; vertical-align:middle; width:6px; visibility:inherit !important;}
.workshopBox dl dt .worksBtn:hover,
.workshopArea a:hover span {opacity:1;}
/*---------goodsArea sp---------*/
.goodsArea .cont01 {
width:96%;
float:none;
margin: 4% 0 5% 0;
}
.goodsArea .cont02 {
width:96%;
float:none;
margin:0;
}
.goodsArea .price{
margin: 1.5% 0 0 0;
}
/* goods_att SP*/
.goodsArea02 .ttl01 {
text-align:center;
color:#004ab9;
padding: 5% 1% 3% 1%;
}
.goodsArea02 .txtList {
padding: 5% 2% 3% 2%;
}
.goodsArea02 .nrp {
white-space:inherit;
}
.goodsArea .cont03 .item_thumb{
width:100%;
}
/* map SP*/
.mapArea .map_box {
display:block;
}
.mapArea .map_btn {
margin: 4% 0 3% 0;
color: #fff;
width: 100%;
background-color: #fe7ab8;
background-image: url(/megahobby/event/expo2018_spring/images/pc/btn_arrow.png);
background-repeat: no-repeat;
background-size: 9px;
background-position: right 15px center;
padding: 3% 1%;
border-bottom: solid 3px #c5206d;
text-align: center;
border-radius: 3px;
box-sizing: border-box;
}
.mapArea .map_btn a {
color: #fff !important;
display: block;
}
/* #footer SP*/
#footer {
position: static;
}
#footer dl dt {
width:8.8%;
}
#footer dl dd {
width:91.2%;
padding:0 0 0 2%;
line-height:1.2;
}
/* id */
#info,
#stage,
#exhib,
#goods,
#workshop,
#map,
#about {
margin-top:-14%;
padding-top:14%;
}
}