@charset "utf-8";
/* CSS Document */
.none{display:none;}

#main{
margin-bottom:30px;
background:url(../../img/page_top/top_back.png) no-repeat;}

h3{
font-size:45px;
color:#FD8080;
text-shadow:2px 2px 1px #800001;
text-align:center;
margin:0 auto 10px;
letter-spacing:2px;
-webkit-transform:skewX(-30deg);
-moz-transform:skewX(-30deg);
-ms-transform:skewX(-30deg);}
.h3_back{
background:-webkit-linear-gradient(bottom,#5B5B5B 0%,#FFF 15%,#868686 30%,#FFF 31%,#FFF 100%);
background:-moz-linear-gradient(bottom,#5B5B5B 0%,#FFF 15%,#868686 30%,#FFF 31%,#FFF 100%);
background:-ms-linear-gradient(bottom,#5B5B5B 0%,#FFF 15%,#868686 30%,#FFF 31%,#FFF 100%);
}

.wrap01{overflow:hidden;}

p.left{
float:left;
width:260px;
margin:20px 40px 0 0;}
p.right{
float:left;
width:630px;
font-size:23px;
margin-top:20px;
line-height:1.5;}

p.plase{
font-size:25px;
margin-top:20px;
padding-left:200px;
line-height:1.5;}
p.meta{
font-size:25px;
margin-top:20px;
padding-left:50px;
line-height:1.5;
overflow:hidden;}
p.meta img{
width:50%;}

table,th,td{
border:solid 2px #333;
box-sizing:border-box;}
table{
width:540px;
margin:0 auto 20px;}
th,td{
padding:5px 0;
text-align:center;}
th{
color:#FFF;
text-shadow:0 0 1px #000;
background:rgba(0,0,0,0.40);}
th:nth-child(1),th:nth-child(3),th:nth-child(5){
background:rgba(0,0,0,0.56);}
td:nth-child(1),td:nth-child(3),td:nth-child(5){
background:rgba(132,132,132,0.30);}

p.botton{
width:548px;
height:40px;
line-height:40px;
font-size:22px;
text-align:center;
border-radius:5px;
background:#F9C1C1;
box-shadow:2px 2px 2px #333;
margin:0 auto 20px;}


#main h2,#main2 h2{
text-align:center;
font-size:36px;
color:#E8E8E8;
text-shadow:0 0 7px #000;
margin-bottom:20px;}

ul.tab li{
list-style-type:none;
width:320px;
font-size:23px;
height:40px;
float:left;}

ul.tab li a{
outline:none;/*周りを囲う点での表記を無くす*/
background:url(../../img/page_top/tab.jpg);
display:block;
color:#00F;
line-height:40px;
text-align:center;}

ul.tab li a.selected{
background:url(../../img/page_top/tab_selected.jpg);
text-decoration:none;
color:#333;
cursor:default;}

ul.panel{
clear:both;
border:1px solid#9FB7D4;
border-top:none;
padding:0;}

ul.panel li{
list-style-type:none;
padding:10px;
color:#333;}

p.sp_tel{
display:none;}

ul.sp{display:none;}
#main2{display:none;}

/*===タブレット用===*/
@media screen and (max-width:959px){
p.left{
float:none;
margin:20px auto 0;}
p.right{
float:none;
font-size:20px;
width:90%;
margin:20px auto 0;}

p.plase{
width:90%;
font-size:20px;
margin:20px auto 0;
padding-left:0;}

ul.tab{
width:90%;
margin:0 auto;}

ul.tab li{
width:33.333%;}

ul.tab li a{
background-size:auto;}

ul.tab li a.selected{
background-size:auto;}

ul.panel{
width:90%;
margin:0 auto;}
}

/*===スマホ用===*/
@media screen and (max-width:699px){
#main2{
display:block;
margin-bottom:20px;}
#main{display:none;}

#main2 h2{
width:7em;
margin:0 auto 10px;
font-size:30px;
line-height:1.5;}

p.sp_tel{
text-align:center;
margin-bottom:20px;
display:block;}

h4{
display:block;
text-align:center;
font-size: 25px;
margin-bottom:10px;}

ul.pc{display:none;}
ul.sp{display:block;}

h3{
font-size:28px;}
h3 span{display:block;}
p.right,p.plase,p.meta{
font-size:16px;}

table{
width:90%;}
th,td{
padding:3px 0;
font-size:14px;}
p.botton{
width:90%;
font-size:18px;}
}