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

/*

============================================================
FAQバナー欄
============================================================
*/
#faq{width:100%;margin:0 auto;padding:15px;background-color:#f9aad1;text-align:center;}
#faq img{width:100%;max-width:980px;height:auto;border:10px solid #FFF;}

@media screen and (max-width:639px){
#faq{padding:10px;}
#faq img{border:4px solid #FFF;}
}
/*
============================================================
PICKUPバナー欄
============================================================
*/
#pickup{}
#pickup ul#pickup_list{
background-color:#FFF;
width:calc(100% - 40px);
margin: 20px auto;
padding:20px;
border-radius:10px;
}
#pickup ul#pickup_list li{width:calc(100% - 100px);margin:20px auto;position:relative;}
#pickup ul#pickup_list li .newmark{position:absolute;top:-20px;right:-20px;width:150px;height:0;padding-top:78px;
background-image:url("../img/icon_new.png");
background-position:center;
  background-repeat:no-repeat;
  background-size:contain;}
#pickup ul#pickup_list li img{width:100%;height:auto;}
@media screen and (max-width:980px){
#pickup ul#pickup_list li .newmark{top:-20px;right:-10px;width:80px;padding-top:40px;}
}
@media screen and (max-width:639px){
#pickup ul#pickup_list{width:calc(100% - 10px);
margin: 20px auto;
padding:10px;}
#pickup ul#pickup_list li{width:100%;margin:2px auto;}
}

/*
============================================================
春のメダフェス
============================================================
*/
#spring2021 #con_area #con_bnr {
background-color: #FFF;
    text-align: left;
    width: 100%;
    margin: 20px auto;
    padding: 20px;
    font-size: 14px;
    border-radius: 10px;
}
#spring2021 #con_area #con_bnr #bnr_area {
    overflow-y: scroll;
}
#spring2021 #con_area #con_bnr ul {
    width: 100%;
    max-width: 944px;
    margin:0 auto;
}
#spring2021 #con_area #con_bnr ul li {
    position: relative;
    width: 100%;
    display: block;
    background-color:#fee35d;
    border-radius:10px;
    margin-bottom: 10px;
    padding:10px;
    
}
#spring2021 #con_area #con_bnr ul li .date,
#spring2021 #con_area #con_bnr ul li .info{
color:#000;
font-weight:bold;
font-size:20px;
line-height:160%;
}


@media screen and (max-width:639px){
#spring2021 #con_area #con_bnr ul li .date,
#spring2021 #con_area #con_bnr ul li .info{
font-size:14px;
}
}

#spring2021 #con_area #con_bnr ul .hr-text {
  line-height: 1.5em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 1.8em;
  margin-bottom:10px;
}

#spring2021 #con_area .text{text-align:center;width:100%;border:1px solid rgba(243,87,88,1);background:rgba(255,245,189,0.5);margin:0 auto 20px;padding:20px 15px;line-height:160%;}
#spring2021 #con_area .text span.red{color:#d30a00;color:rgba(116,0,4,1);}
#spring2021 #con_area .text .attention{font-size:13px;color:#000;}
#spring2021 #con_area .text .big_text{width:100%;font-weight:bold;font-size:20px;color:rgba(243,87,88,1);text-align:center;/*margin:30px auto 0;*/margin:10px auto 0;line-height:160%;}

@media screen and (max-width: 639px){

#spring2021 #con_area .text{text-align:left;padding:15px 10px;}
#spring2021 #con_area .text .big_text{text-align:left;font-size:14px;}
#spring2021 #con_area .text .attention{font-size:12px; line-height:14px;}
}


#spring2021 #con_area #con_bnr ul li img{
    width: 100%;
    height:auto;
}
#spring2021 #con_area #con_bnr ul .hr-text:before {
  content: '';
  background: -webkit-linear-gradient(rgba(211, 239, 255, 1.0), rgba(46, 124, 255, 1.0));
  background: linear-gradient(rgba(211, 239, 255, 1.0), rgba(46, 124, 255, 1.0));
  position: absolute;
  left: 20px;
  top: 50%;
  width: calc(100% - 40px);
  height: 4px;
}
#spring2021 #con_area #con_bnr ul .hr-text:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  padding: 0 0.5em;
  line-height: 1.2em;
  color: #000be3;
  font-weight:bold;
  font-size:24px;
  background-color:#FFF;
}


/*
============================================================
感謝祭2020冬
============================================================
*/
/*背景ハック
************************************************************************/
#main{
  width:100%;
min-height: calc(100vh - 180px);
position:relative;
background:url(../img/bg/bg_ptn_winter.png),linear-gradient(rgba(254,212,154,0), rgba(254,212,154,0), rgba(254,212,154,1));
  background-position:center;
  background-repeat:repeat;
  background-size:auto;
  background-attachment:fixed;
}
#main::before {
content: "";
background:url(../img/bg/bg_ptn_winter.png),linear-gradient(rgba(254,212,154,0), rgba(254,212,154,0), rgba(254,212,154,1));
display: block;
  background-position:center;
  background-repeat:repeat;
  background-size:auto;
  background-attachment:fixed;
position: fixed;
top: 0;
bottom:0;
left: 0;
right:0;
z-index:-1;
}

/*コンテンツ枠ハック
************************************************************************/
.base {
    width: width:96%;
    margin: 0 auto 30px;
    padding: 20px 40px;
    background-color:inherit;
    background: linear-gradient( 90deg, rgba(255, 156, 1, 0.6), rgba(253, 255,10, 0.6), rgba(255, 156, 1, 0.6));
    border-radius: 10px;
    box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.6);
}
.base .title {
    color:rgba(255,90,10,1);
    font-size: 24px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    text-shadow:inherit;
    background: linear-gradient(rgba(255,245,189,1), rgba(255,255,255,1));
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.8);
    border-radius: 30px;
}

@media screen and (max-width: 639px){
.base { padding: 20px 5px 10px;}

.base .title {
    font-size: 18px;
    line-height: 30px;
}
}


#kansha_winter #con_area #con_bnr {
background-color: #FFF;
    text-align: left;
    width: 100%;
    margin: 20px auto;
    padding: 20px;
    font-size: 14px;
    border-radius: 10px;
}
#kansha_winter #con_area #con_bnr #bnr_area {
    overflow-y: scroll;
}
#kansha_winter #con_area #con_bnr ul {
    width: 100%;
    max-width: 944px;
    margin:0 auto;
}
#kansha_winter #con_area #con_bnr ul li {
    position: relative;
    width: 100%;
    display: block;
    background-color:#fee35d;
    border-radius:10px;
    margin-bottom: 10px;
    padding:10px;
    
}
#kansha_winter #con_area #con_bnr ul li .date,
#kansha_winter #con_area #con_bnr ul li .info{
color:#000;
font-weight:bold;
font-size:20px;
line-height:160%;
}


@media screen and (max-width:639px){
#kansha_winter #con_area #con_bnr ul li .date,
#kansha_winter #con_area #con_bnr ul li .info{
font-size:14px;
}
}

#kansha_winter #con_area #con_bnr ul .hr-text {
  line-height: 1.5em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 1.8em;
  margin-bottom:10px;
}

#kansha_winter #con_area .text{text-align:center;width:100%;border:1px solid rgba(243,87,88,1);background:rgba(255,245,189,0.5);margin:0 auto 20px;padding:20px 15px;line-height:160%;}
#kansha_winter #con_area .text span.red{color:#d30a00;color:rgba(116,0,4,1);}
#kansha_winter #con_area .text .attention{font-size:13px;color:#000;}
#kansha_winter #con_area .text .big_text{width:100%;font-weight:bold;font-size:20px;color:rgba(243,87,88,1);text-align:center;/*margin:30px auto 0;*/margin:10px auto 0;line-height:160%;}

@media screen and (max-width: 639px){

#kansha_winter #con_area .text{text-align:left;padding:15px 10px;}
#kansha_winter #con_area .text .big_text{text-align:left;font-size:14px;}
#kansha_winter #con_area .text .attention{font-size:12px; line-height:14px;}
}


#kansha_winter #con_area #con_bnr ul li img{
    width: 100%;
    height:auto;
}
#kansha_winter #con_area #con_bnr ul .hr-text:before {
  content: '';
  background: -webkit-linear-gradient(rgba(211, 239, 255, 1.0), rgba(46, 124, 255, 1.0));
  background: linear-gradient(rgba(211, 239, 255, 1.0), rgba(46, 124, 255, 1.0));
  position: absolute;
  left: 20px;
  top: 50%;
  width: calc(100% - 40px);
  height: 4px;
}
#kansha_winter #con_area #con_bnr ul .hr-text:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  padding: 0 0.5em;
  line-height: 1.2em;
  color: #000be3;
  font-weight:bold;
  font-size:24px;
  background-color:#FFF;
}
/*
============================================================
感謝祭2020欄
============================================================
*/
.base#kansha2020{border-radius:0 0 10px 10px;padding-top:30px;}
#kansha2020 #con_area{
    background-color: #FFF;
    width: calc(100% - 40px);
    margin: 20px auto;
    padding: 20px;
    border-radius: 10px;
}
#kansha2020 #con_area #visual{width:100%;max-width:980px;margin:0 auto 10px;}
#kansha2020 #con_area #visual img,
#kansha2020 #con_area #faq img{width:100%;height:auto;}
#kansha2020 #con_area .text{text-align:center;width:100%;max-width:980px;font-size:18px;color:rgba(116,0,4,1);border:1px solid rgba(116,0,4,1);background:#f9f0e1;margin:0 auto 20px;padding:20px 30px;line-height:160%;}
#kansha2020 #con_area .text span.red{font-weight:bold;color:#d30a00;}
#kansha2020 #con_area .text .attention{font-size:13px;color:#000;}
#kansha2020 #con_area .text .big_text{width:100%;font-weight:bold;/*font-size:165.5%;*/font-size:115.5%;color:rgba(116,0,4,1);text-align:center;/*margin:30px auto 0;*/margin:10px auto 0;line-height:160%;}

#kansha2020 #con_area #con_bnr{width:100%;max-width:980px;background-color:#f9f0e1;margin:0 auto;}
#kansha2020 #con_area #con_bnr .title{border-radius:0;background:rgba(116,0,4,1);text-align:center;font-size:24px;line-height:40px;}
#kansha2020 #con_area #con_bnr #bnr_area{overflow-y: scroll;}

#kansha2020 #con_area #con_bnr ul .hr-text {
  line-height: 1.5em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 1.8em;
}
.hr-text:before {
  content: '';
  background: -webkit-linear-gradient(left, transparent, #740004, transparent);
  background: linear-gradient(to right, transparent, #740004, transparent);
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
}
.hr-text:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  padding: 0 .5em;
  line-height: 1.5em;
  color: #740004;
  font-weight:bold;
  font-size:20px;
  background-color: #f9f0e1;
}
#kansha2020 #con_area #con_bnr ul{
    width:100%;
    text-align: left;
    padding:10px 20px;
}
#kansha2020 #con_area #con_bnr ul li{
    position: relative;
    width:100%;
    display:block;
    border:1px solid #aaaaaa;
    margin:5px 0;
}
#kansha2020 #con_area #con_bnr ul li .final{position:absolute;background-color:rgba(0,0,0,0.5);top:0;bottom:0;left:0;right:0;font-weight:bold;text-align:center;color:#FFF;
display: flex;
    align-items: center;
  justify-content: center;
  flex-wrap: wrap;}
#kansha2020 #con_area #con_bnr ul li .final div{font-size:30px;width:100%;}  

#kansha2020 #con_area #con_bnr ul li img{width:100%;height:auto;}

@media screen and (max-width:639px){
.base#kansha2020 {padding-top: 20px;}
.base#kansha2020 .title{font-size:15px;line-height:160%;}
#kansha2020 #con_area{width: calc(100% - 10px);padding:10px;}
#kansha2020 #con_area .text{text-align:left;font-size:12px;padding:10px;line-height:120%;}
#kansha2020 #con_area .text .big_text{font-size:14px;/*margin:20px auto 0;*/margin:0 auto;}
#kansha2020 #con_area .text .attention{font-size:11px;}
#kansha2020 #con_area #con_bnr .title{font-size:18px;line-height:160%;}
#kansha2020 #con_area #con_bnr ul {padding: 10px 5px;}
#kansha2020 #con_area #con_bnr ul li .final div{font-size:20px;}  
#kansha2020 #con_area #con_bnr ul .hr-text {
  line-height: 1em;height: 1.2em;
}
.hr-text:after {
  line-height: 1em;font-size:16px;}
}


/*
============================================================
感謝祭2021冬
============================================================
*/
/*背景ハック
************************************************************************/
#main{
  width:100%;
min-height: calc(100vh - 180px);
position:relative;
background:#FFFFFF;
/*background:url(../img/bg/bg_ptn_winter.png),linear-gradient(rgba(254,212,154,0), rgba(254,212,154,0), rgba(254,212,154,1));
  background-position:center;
  background-repeat:repeat;
  background-size:auto;
  background-attachment:fixed;*/
}
/*#main::before {
content: "";
background:url(../img/bg/bg_ptn_winter.png),linear-gradient(rgba(254,212,154,0), rgba(254,212,154,0), rgba(254,212,154,1));
display: block;
  background-position:center;
  background-repeat:repeat;
  background-size:auto;
  background-attachment:fixed;
position: fixed;
top: 0;
bottom:0;
left: 0;
right:0;
z-index:-1;
}*/

/*コンテンツ枠ハック
************************************************************************/
.base {
    width: width:96%;
    margin: 0 auto 30px;
    padding: 20px 40px;
    background-color:inherit;
    background: linear-gradient( 90deg, rgba(63, 126, 228, 1), rgba(79, 79,226, 1), rgba(63, 126, 228, 1));
    border-radius:0 0 10px 10px;
    box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.6);
}
.base .title {
    color:rgba(255,90,10,1);
    font-size: 24px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    text-shadow:inherit;
    background: linear-gradient(rgba(255,245,189,1), rgba(255,255,255,1));
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.8);
    border-radius: 30px;
}

@media screen and (max-width: 639px){
.base { padding: 20px 5px 10px;}

.base .title {
    font-size: 18px;
    line-height: 30px;
}
}


#kansha_winter2021 #con_area #con_bnr {
background-color: #FFF;
    text-align: left;
    width: 100%;
    margin: 20px auto;
    padding: 20px;
    font-size: 14px;
    border-radius: 10px;
}

#kansha_winter2021 #con_area #con_bnr #bnr_area {
  /*  overflow-y: scroll;*/
}

#kansha_winter2021 #con_area #con_bnr ul {
    width: 100%;
    max-width: 944px;
    margin:0 auto;
}
#kansha_winter2021 #con_area #con_bnr ul li {
    position: relative;
    width: 100%;
    display: block;
    background-color:rgba(63, 126, 228, 0.4);
    border-radius:10px;
    margin-bottom: 10px;
    padding:10px;
    
}
#kansha_winter2021 #con_area #con_bnr ul li .date,
#kansha_winter2021 #con_area #con_bnr ul li .info{
color:#000;
font-weight:bold;
font-size:20px;
line-height:160%;
}


@media screen and (max-width:639px){
#kansha_winter2021 #con_area #con_bnr ul li .date,
#kansha_winter2021 #con_area #con_bnr ul li .info{
font-size:14px;
}
}

#kansha_winter2021 #con_area #con_bnr ul .hr-text {
  line-height: 1.5em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 1.8em;
  margin-bottom:10px;
}

#kansha_winter2021 #con_area .attention{text-align:center;font-size:13px;color:#000;margin-top:20px;}

@media screen and (max-width: 639px){

#kansha_winter2021 #con_area .attention{text-align:left;font-size:11px;}
}

#kansha_winter2021 #con_area #con_bnr ul li .bnr{
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
}

#kansha_winter2021 #con_area #con_bnr ul li .bnr img{
    width: 100%;
    height:auto;
    display: block;
}

#kansha_winter2021 #con_area #con_bnr ul li img{
    width: 100%;
    height:auto;
}

#kansha_winter2021 #con_area #con_bnr ul .hr-text:before {
  content: '';
  background: -webkit-linear-gradient(rgba(211, 239, 255, 1.0), rgba(46, 124, 255, 1.0));
  background: linear-gradient(rgba(211, 239, 255, 1.0), rgba(46, 124, 255, 1.0));
  position: absolute;
  left: 20px;
  top: 50%;
  width: calc(100% - 40px);
  height: 4px;
}
#kansha_winter2021 #con_area #con_bnr ul .hr-text:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  padding: 0 0.5em;
  line-height: 1.2em;
  color: #000be3;
  font-weight:bold;
  font-size:24px;
  background-color:#FFF;
}

@media screen and (max-width: 639px){
#kansha_winter2021 #con_area #con_bnr ul .hr-text:after {font-size:18px;padding: 0 3px;line-height: 1.6em;}
}

/*
============================================================
「イベント内容」上 テキストエリア
============================================================
*/

#Announce{
color:rgba(63, 126, 228, 1);
line-height:160%;
background-color: #FFF;
    text-align: left;
    width: 100%;
    margin: 20px auto;
    padding: 10px 40px;
    font-size: 14px;
    border-radius: 10px;
}
@media screen and (max-width: 639px){
#Announce{padding: 10px;line-height:120%;font-size: 12px;}
}