@charset "UTF-8";
/* CSS Document */
body{
padding: 0;
margin: 0;
}
ul {
list-style: none;
padding-left: 0;
}
.contents{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
background:url(../images/main_bg2.jpg) no-repeat center top;
margin-top:10px;
}
.contents p{
margin:0;
padding:0;
}
.contents #main{
width:620px;
height:460px;
background:url(../images/main_bg1.jpg) no-repeat;
padding-top:40px;
margin:0 auto 60px;
text-align:center;
color:#FFF;
}
.contents #main h2 span{
font-size:22px;
}
.contents #main h2{
font-size:38px;
line-height:1.2;
margin-bottom:5px;
}
.contents #main .old{
font-size:20px;
font-weight:bold;
margin-bottom:30px;
}
.contents #main .whiteArea{
width:440px;
background:#FFF;
padding:26px 20px;
margin:23px auto 20px;	
color:#000;
font-weight:bold;
}
.contents #main .whiteArea .place{
font-size:24px;
margin-bottom:14px;
line-height:1.2;
}
.contents #main .whiteArea .date{
font-size:22px;
color:#E60012;
line-height:1.4;
border-bottom:1px solid #333333;
padding-bottom:10px;
margin-bottom:10px;
}
.contents #main .whiteArea .date span{
font-size:16px;
color:#000;
}
.contents #main .whiteArea .booth{
font-size:18px;
color:#EC6300;
margin-bottom:12px;
}
.contents #main .whiteArea .number{
font-size:20px;
}
.contents #main .btn a,
.contents #contact .rightArea .btn a{
display:block;
width:440px;
background:#FFF;
color:#000;
font-size:20px;
font-weight:bold;
margin:0 auto;
padding:15px 0;
border-radius:40px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
box-shadow:2px 2px 0px 0px #68181b;
-moz-box-shadow:2px 2px 0px 0px #68181b;
-webkit-box-shadow:2px 2px 0px 0px #68181b;
}
.contents #main .btn a:hover{
text-decoration:none;
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
}
.contents #main .btn a img{
width:33px;
height:auto;
vertical-align:middle;
}
.contents #main .btn a span,
.contents #contact .rightArea .btn a span{
font-size:16px;
font-weight:normal;
}

.contents #cont01{
width:880px;
margin:0 auto 60px;
overflow:hidden;
}
.contents #cont01 ul{
overflow:hidden;
}
.contents #cont01 ul li:first-child{
width:420px;
float:left;
text-align:center;
}
.contents #cont01 ul li:last-child{
width:420px;
float:right;
text-align:center;
}
.contents #cont01 ul li h3{
color:#206fac;
font-size:24px;
margin-bottom:10px;
line-height:1.4;
}
.contents #cont01 ul li p{
font-size:16px;
font-weight:bold;
margin-bottom:15px;
}
.contents #cont01 ul li p.note{
font-size:11px;
text-align:right;
margin-bottom:0px;
margin-top:5px;
}

.contents #access_wrapper{
width:100%;
background:#f2f2f2;
padding-top:50px;
padding-bottom:50px;
margin-bottom:60px;
}
.contents #access{
width:880px;
background:#f2f2f2;
margin:0 auto;
overflow:hidden;
}
.contents #access .copy{
font-size:18px;
font-weight:bold;
line-height:1.6;
text-align:center;
margin-bottom:30px;
}
.contents #access .copy span{
color:#ec6300;
}
.contents #access ul li:first-child{
width:420px;
float:left;
text-align:center;
}
.contents #access ul li:last-child{
width:420px;
float:right;
text-align:center;
}
.contents #access ul li dt{
width:100%;
background:#333;
color:#FFF;
font-weight:bold;
font-size:20px;
padding-top:10px;
padding-bottom:10px;
}
.contents #access ul li dd{
pading:0;
margin:0;
background:#FFF;
}
.contents #access ul li:last-child dd{
padding-top:40px;
height:316px;
}
.contents #access ul li dd .btn a{
display:block;
width:320px;
background: url(../images/btn_bg.jpg) no-repeat right bottom;;
color:#00539f;
font-size:18px;
font-weight:bold;
margin:0 auto 40px;
padding:35px 0;
border:2px solid #333;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
box-shadow:2px 2px 0px 0px #aaa9a9;
-moz-box-shadow:2px 2px 0px 0px #aaa9a9;
-webkit-box-shadow:2px 2px 0px 0px #aaa9a9;
}
.contents #access ul li dd .btn a span{
text-shadow:-1px -1px #fff,1px -1px #fff,-1px  1px #fff,1px  1px #fff;
}
.contents #access ul li dd .btn a:hover{
text-decoration:none;
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
}
.contents #access ul li dd .btn a img{
width:24px;
height:auto;
vertical-align:middle;
}
.contents #access ul li h4{
text-align:left;
font-size:18px;
color:#00539f;
padding-left:1em;
margin-bottom:10px;
}
.contents #access ul li h4 img{
width:53px;
height:auto;
vertical-align:middle;
}
.contents #access ul li p{
text-align:left;
font-size:14px;
font-weight:bold;
line-height:1.4;
margin-top:5px;
text-indent:-1em;
padding-left:2em;
padding-right:1em;
}
.contents #access ul li p span{
color:#ec6300;
}
.contents #access ul li p span span{
color:#000;
font-size:12px;
}

.contents #contact{
width:820px;
background:url(../images/contact_bg.jpg) no-repeat;
margin:0 auto 60px;
padding:34px 30px;
color:#fff;
overflow:hidden;
}
.contents #contact .leftArea{
width:420px;
float:left;
}
.contents #contact .rightArea{
width:390px;
float:right;
text-align:center;
}
.contents #contact .leftArea h2{
font-size:30px;
margin-bottom:15px;
}
.contents #contact .leftArea .old{
font-size:16px;
font-weight:bold;
margin-bottom:20px;
}
.contents #contact .leftArea .date{
font-size:14px;
font-weight:bold;
line-height:1.6;
margin-bottom:15px;
}
.contents #contact .leftArea .link a{
color:#FFF;
font-size:16px;
font-weight:bold;
text-decoration:underline;
}
.contents #contact .leftArea .link a:hover{
text-decoration:none;
}
.contents #contact .rightArea .btn a{
width:390px;
margin:40px auto 0;
padding:30px 0;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}
.contents #contact .rightArea .btn a:hover{
text-decoration:none;
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
}
.contents #contact .rightArea .btn a img{
width:33px;
height:auto;
vertical-align:middle;
}
#shop .bottomInfo{
max-width:691px;
margin-left:auto !important;
margin-right:auto !important;
}

br.none_pc{
display:none;
}
@media screen and (max-width: 790px) {
#shop .bottomInfo{
width:100% !important;
height:auto;
padding:0px;
border:solid 1px #CBCBCB;
overflow:hidden;
background-color:#F7F7F7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
#shop .bottomBtn{
float:right;
width:170px;
height:42px;
padding:15px;
background-color:#F2F2F2;
border-left:dotted 1px #CBCBCB;
border-top:solid 1px #FFF;
}
#shop .bottomBtn img{
display:none;
}
#shop .bottomBtn a{
display:block;
width:170px;
height:42px;
text-indent:-99999px;
background-image:url(/common/new_images/bottom_btn_sp.png);
background-repeat:no-repeat;
background-size:170px 84px;
box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 1px;
}
#shop .bottomBtn a:hover{
background-position:left bottom;
}
#shop .bottomTel{
border-top:solid 1px #FFF;
width:auto;
height:66px;
top:0px;
left:0px;
margin-right:211px;
clear:none;
padding-left:28.5%;
padding-top:6px;
text-align:left;
background-image:url(/common/new_images/bottomInfo_bg_sp.jpg);
background-repeat:no-repeat;
background-size:contain;
}
}
@media screen and (max-width:640px) {
*{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
br.none_pc{
display:block;
}
.footstepBox{
width:100%;
padding-left:10px;
}
.contents{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
background:url(../images/main_bg2.jpg) no-repeat center top;
margin-top:10px;
}
.contents p{
margin:0;
padding:0;
}
.contents #main{
width:100%;
height:auto;
background:url(../images/main_bg1.jpg) no-repeat;
background-size:cover;
padding-top:30px;
padding-bottom:20px;
margin:0 auto 30px;
}
.contents #main h2 span{
font-size:22px;
}
.contents #main h2{
font-size:32px;
line-height:1.2;
margin-bottom:15px;
}
.contents #main .old{
font-size:17px;
}
.contents #main .whiteArea{
width:90%;
padding:15px 10px;
margin:18px auto 15px;	
}
.contents #main .whiteArea .place{
font-size:16px;
margin-bottom:10px;
}
.contents #main .whiteArea .date{
font-size:14px;
}
.contents #main .whiteArea .date span{
font-size:13px;
}
.contents #main .whiteArea .booth{
font-size:13px;
margin-bottom:7px;
}
.contents #main .whiteArea .number{
font-size:14px;
}
.contents #main .btn a,
.contents #access ul li dd .btn a,
.contents #contact .rightArea .btn a{
width:90%;
font-size:16px;
}
.contents #main .btn a span,
.contents #contact .rightArea .btn a span{
font-size:14px;
}
.contents #main .btn a img{
width:28px;
}

.contents #cont01{
width:100%;
margin:0 auto 30px;
}
.contents #cont01 ul li:first-child{
width:90%;
float:none;
margin:0 auto 15px;
}
.contents #cont01 ul li:last-child{
width:90%;
float:none;
margin:0 auto;
}
.contents #cont01 ul li h3{
font-size:17px;
margin-bottom:0px;
}
.contents #cont01 ul li p{
font-size:12px;
margin-bottom:7px;
}
.contents #cont01 ul li img{
width:100%;
height:auto;
}
.contents #cont01 ul li p.note{
font-size:11px;
}

.contents #access_wrapper{
padding-top:25px;
padding-bottom:25px;
margin-bottom:30px;
}
.contents #access{
width:100%;
}
.contents #access .copy{
font-size:12px;
margin-bottom:20px;
padding:0 10px;
text-align:center;
line-height:1.6;
}
.contents #access ul li:first-child{
width:90%;
float:none;
margin:0 auto 15px;
}
.contents #access ul li:last-child{
width:90%;
float:none;
margin:0 auto;
}
.contents #access ul li dt{
width:100%;
font-size:16px;
padding-top:10px;
padding-bottom:10px;
}
.contents #access ul li:last-child dd{
padding-top:20px;
padding-bottom:20px;
height:auto;
}
.contents #access ul li:first-child dd img{
width:100%;
height:auto;
}
.contents #access ul li dd .btn a{
margin:0 auto 20px;
width:90%;
padding:20px 0;
}
.contents #access ul li dd .btn a img{
width:20px;
height:auto;
}
.contents #access ul li h4{
font-size:16px;
}
.contents #access ul li h4 img{
width:45px;
height:auto;
}

.contents #contact{
width:100%;
background:url(../images/contact_bg.jpg) no-repeat;
background-size:cover;
margin:0 auto 30px;
padding:20px 10px;
}
.contents #contact .leftArea{
width:100%;
float:none;
}
.contents #contact .rightArea{
width:100%;
float:none;
}
.contents #contact .leftArea h2{
font-size:28px;
margin-top:10px;
margin-bottom:10px;
line-height:1.1;
text-align:center;
}
.contents #contact .leftArea .old{
font-size:16px;
text-align:center;
margin-bottom:15px;
}
.contents #contact .leftArea .date{
font-size:12px;
margin-bottom:10px;
}
.contents #contact .leftArea .link a{
font-size:14px;
}
.contents #contact .rightArea .btn a{
width:100%;
font-size:20px;
margin:20px auto 0;
padding:20px 0;
}

/* お問合せ */
#shop .bottomInfo{
position:relative;
padding-bottom:71px;
width:288px !important;
}
#shop .bottomBtn{
float:none;
position:absolute;
width:100%;
height:40px;
bottom:31px;
left:0px;
padding:15px 0px;
border-left:none;
border-top:dotted 1px #CBCBCB;
background:#f7f7f7;
}
#shop .bottomBtn a{
display:block;
width:160px;
height:40px;
background-size:160px 80px;
margin-left:auto;
margin-right:auto;
}
#shop .bottomTel{
width:100%;
height:auto;
margin-right:0px;
padding-left:0%;
padding-top:6px;
padding-left:10px;
padding-right:10px;
padding-bottom:6px;
overflow:hidden;
text-align:right;
background-position:-20px 0px;
border-left:solid 1px #FFF;
border-right:solid 1px #FFF;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
#shop .bottomTel img{
width:160px;
height:auto;
}

br.none_sp{
display:none;
}

}