@charset "utf-8";
/* CSS Document */

.pc { display: block !important; }
.sp { display: none !important; }

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

html {
  font-size: 16px;
  font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  overflow-wrap: break-word;
	word-break: normal;
	color: #333333;
}

body {
  background-image: url(../img/img_bg.png);
  background-repeat: repeat;
}

header {
  width: 960px;
  margin: 0.5em auto 0;
}

.head-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.logo {
  width: 20%;
  margin: 0;
  padding: 0;
}

.sns-box {
  width: 15%;
  margin: 0.5em 0 0 0;
}

.sns-box a img {
  margin: 0 0 0 0.5em;
}

.sns-box a img:hover {
  opacity: 0.5;
}

h1 {
  width: 960px;
  height: 536px;
}

.clear {
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
 }

.wrapper {
  width: 960px;
  height: auto;
  margin: 0 auto 2em;
}

.main {
  background-image: url(../img/img_main-bg01.png);
  background-repeat: repeat-y;
}
.main-end {
  margin: 0 auto;
  background-image: url(../img/img_main-bg02.png);
  background-repeat: no-repeat;
}

.tab_wrap{
  width:750px;
  margin:0 auto;
}
input[type="radio"]{
  display:none;
}
.tab_area {
  font-size:0;
  margin:0 auto 20px;
}
.tab_area label{
  width:245px;
  margin:20px 5px 0 0;
  display:inline-block;
  padding:12px 0;
  color:#6E6E6E;
  background:#E5E5E5;
  text-align:center;
  font-size:21px;
  cursor:pointer;
  transition:ease 0.2s opacity;
}
.tab_area label:hover{
  opacity:0.5;
}
.panel_area{
  background:#fff;
  text-align: left;
}
.tab_panel{
  width:100%;
  display:none;
}
.tab_panel p{
  letter-spacing:1px;
}

#tab1:checked ~ .tab_area .tab1_label{
  background:red;
  color:#fff;
  font-weight: bold;
}
#tab1:checked ~ .panel_area #panel1{
  display:block;
}
#tab2:checked ~ .tab_area .tab2_label{
  background:red;
  color:#fff;
  font-weight: bold;
}
#tab2:checked ~ .panel_area #panel2{
  display:block;
}
#tab3:checked ~ .tab_area .tab3_label{
  background:red;
  color:#fff;
  font-weight: bold;
}
#tab3:checked ~ .panel_area #panel3{
  display:block;
}

.box-area {
  padding: 0 0 4.5em;
}

.bnr-area {
  margin: 0 0 1em;
}

.bnr-area a img:hover {
  opacity: 0.5;
}

.date {
  font-size: 21px;
  font-weight: bold;
  margin: 0 0 0.25em;
}

.title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.25em;
  margin: 0 0 0.35em;
}

.c-soon {
  font-size: 50px;
  font-weight: bold;
  line-height: 1.25em;
  margin: 0 auto 0.35em;
  text-align: center;
}

.txt {
  font-size: 21px;
  line-height: 1.5em;
  padding: 0 0 2em;
  border-bottom: 2px #E57C00 dashed;
}

footer {
  width: 960px;
  margin: 0 auto;
  text-align: center;
}

.link-area {
  line-height: 1.5em;
  margin: 0 auto 1em;
}

.link-area ul{
  width: 500px;
  line-height: 1.5em;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.line:after {
  content: " | ";
}

.copy {
  margin: 0 0 3em;
}

@media screen and (max-width: 769px){
  * {
	float: none;
	position: static;
}
  
.pc { display: none !important; }
.sp { display: block !important; }

html {
  -webkit-text-size-adjust: 100%;
  min-width: 100%;
}
  
body {
  min-width: 100%;
  font-size: 100%;
  line-height: 180%;
}

img{
    width: 100%;
    height: auto;
}
  
header {
  width: 100%;
  margin: 0.5em 0 0;
}

.logo {
    margin: 0.5em 0 1em 0.5em;
}
  
.logo img {
    width: 175%;
}
  
.head-box {
  width: 98%;
  display: flex;
  justify-content: space-between;
}  

.sns-box {
  width: 30%;
  margin: 0.75em 0 0 0;
  display: flex;
  justify-content: flex-end;
}

.sns-box img {
  width: 70%;
  margin: 0 0 0 0.25em;
}

  
h1 {
  width: 98%;
  height: auto;
  margin: 0 auto;
}
  
.wrapper {
  width: 98%;
  height: auto;
  margin: 0 auto 1em;
}

.main {
  background-image: url(../img/img_main-bg01.png);
  background-repeat: repeat-y;
  background-size:100% auto;
  margin: 0 auto;
}
.main-end {
  margin: 0 auto;
  background-image: url(../img/img_main-bg02.png);
  background-repeat: no-repeat;
  background-size:100% auto;
}

.tab_wrap{
  width:90%;
  margin:0 auto;
}
input[type="radio"]{
  display:none;
}
.tab_area {
  font-size:0;
  margin:0 auto 20px;
}
.tab_area label{
  width:32%;
  margin:10px 1% 0 0;
  display:inline-block;
  padding:12px 0;
  color:#6E6E6E;
  background:#E5E5E5;
  text-align:center;
  font-size:21px;
  cursor:pointer;
  transition:ease 0.2s opacity;
}

.date {
  font-size: 1.25em;
  font-weight: bold;
  margin: 0 0 0.25em;
}

.title {
  font-size: 1.75em;
  font-weight: bold;
  line-height: 1.25em;
}
  
.c-soon {
  font-size: 2em;
}
  
.txt {
  font-size: 1.25em;
  line-height: 1.5em;
}

footer {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.link-area {
  line-height: 1.5em;
  margin: 0 auto 1em;
  font-size: 1.25em;
}

.link-area ul{
  width: 80%;
  line-height: 1.5em;
  margin: 0 auto;
  display: block;
}
  
.link-area li{
  text-align: center;
  margin: 0 0 0.5em;
}

.line:after {
  content: "";
}

.copy {
  margin: 0 0 3em;
}
  
}