@import url('https://fonts.googleapis.com/css?family=Monoton|Righteous');

/* 通信販売ページ */
.store-items{
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.store-items div {padding: 1%; width: 23%; box-sizing: border-box; font-size: 12px; line-height: 20px; margin-bottom: 15px;}

.store-items div a {text-decoration-color: #07bd9d;}

.store-items img {margin-top: 15px; margin-bottom: 10px; max-width: 100%;}

.store-block {margin: 20px;}

h3.store-title {font-size: 18px; font-weight: 400; border-left: 5px solid rgb(7, 165, 189); border-bottom: 1px solid grey; padding: 0 0 3px 8px;}

h1.store-page-title {color: white; text-align: center;}

@media screen and (max-width: 600px){h3.store-title {font-size: 16px;}
.store-items div {padding: 2%; width: 48%; box-sizing: border-box;}}

/* item_ec02補正 */
h1.stry-ec02-item-name {background-color: transparent;}
.stry-ec02-thumbnail-main {margin-bottom: 10px;}
#div_item_ec02.stry-wrap {margin-top: 100px;}

.stry-ec02-item {margin: 50px auto; max-width: 1000px;}

#div_entry01 .stry-midwrapper {display: none;}

/* item_ec03補正 */
button.stry-ec03-recalc 
{padding: 10px;}

/* temporary */
img#img0, img#img1, img#img2, img#img3 {max-height: 100%;}

main.default-page, main.store-page {max-width: 1200px; margin: 0 auto;}

.program td dl dt span {right: 0; left: auto; font-size: 0.8em;}

.program td a {color: black;}

/* ログインメニュー */
aside#secondary {margin: 20px 20px 30px auto; float: right;}
aside#secondary ul {display: table; }
aside#secondary ul li {display: table-cell; padding-right: 10px;}

main.store-page {clear: both;}

@media screen and (max-width: 600px){aside#secondary {margin: 20px 5px;} aside#secondary img {width: 50px; height: auto;}}

.stry-ec01-category-thumbnail img {max-height: 110px;}

/* 改修 */
.bx-wrapper, ul.bxslider {display: none !important;}
.top-slider{margin-bottom: 50px;}

table.pg-table {border-collapse: collapse; box-sizing: border-box;}
td.pg-description {font-size: 12px; padding: 0 10px 15px 10px; border-left: 10px dotted #ddd;}
td.pg-description span {display: block; padding: 5px 20px; line-height: 16px;}
td.pg-description a, td.pg-description a:link, td.pg-description a:visited {text-decoration: none; color: white;}
td.pg-description a:hover {opacity: 0.7;}
td.pg-description img {display: block; width: 200px; height: auto; margin: 5px auto;}
tr.pg-list {border-bottom: 30px solid white;}

td.pg-carousel {background-color: #07a5bd; padding: 15px 10px;}
.caption-wrap .caption {color: white !important;}

.pg-day {width: 80%; font-size: 16px; padding: 3px; margin: 0 auto 10px auto; color: white; text-align: center;  box-sizing: border-box; border-left: 10px double white; border-right: 10px double white;}
.pg-mail, .pg-yt, .pg-archive {border-radius: 5px; padding: 5px; display: block; box-sizing: border-box; width: 150px; margin: 5px auto; text-align: center; color: white;}
.pg-mail {background-color: #07a5bd;}
.pg-yt {background-color: red;}
.pg-archive {background-color: #07a5bd;}

td.pg-description {width: 30%;}
td.pg-carousel {width: 70%; position: relative;}

.pg-day-en {color: white; font-size: 36px; font-family: 'Monoton', cursive; position: absolute; bottom: 10px; right: 10px;}
.pg-day-en span {font-size: 18px; color: white;}

.pg-mon, #jklink td.pg-carousel,#worldendlink td.pg-carousel  {background-color: #e27e3b;}
.pg-tue, #inprolink td.pg-carousel{background-color:#e43c31;}
.pg-wed, #animekailink td.pg-carousel, #aniwotalink td.pg-carousel {background-color: #3db2f1;}
.pg-thu, #menmalink td.pg-carousel {background-color: #46a58b;}
.pg-fri, #superlink td.pg-carousel {background-color: #ffd201;}

.pg-past, td.pg-past-carousel {background-color: #07a5bd;}

.past-link {text-align: center; }

input {min-height: 30px;}

@media screen and (max-width: 600px){
table.pg-table {width: 100%; table-layout: fixed;}
tr.pg-list td {display: block; max-width: 100%; box-sizing: border-box;}
td.pg-description {width: auto; padding-bottom: 5px; border-left: none; margin-top: 25px;}
td.pg-carousel {width: auto; margin-bottom: 25px;}

.pg-day {width: 100%; margin: 0 0 10px 0;}
.pg-day-en {position: relative; font-size: 18px; display: block; text-align: right; margin-top: 45px; margin-bottom: -15px;}
.pg-day-en span {font-size: 12px;}
}

/*TOPカレンダー*/

.timely.ai1ec-calendar-toolbar.ai1ec-clearfix, .ai1ec-title-buttons.ai1ec-btn-toolbar, .ai1ec-event-meta {display: none;}

.ai1ec-date-title, .ai1ec-pagination {display: none !important;}

#ai1ec-calendar {margin-bottom: 30px;}

.ai1ec-stream-view .ai1ec-event-title {max-height: 100% !important;}

.ai1ec-stream-view .ai1ec-event {height: 120px !important;}
.ai1ec-stream-view .ai1ec-event-avatar {width: 200px !important;}
.timely img, #ai1ec-container img {max-width: 100%;}

.ai1ec-stream-view .ai1ec-event-inner {margin: 5px 5px 5px 205px !important; height: 100% !important;}

.ai1ec-stream-view .ai1ec-date-title {font-size: 24px !important;}

.ai1ec-stream-view .ai1ec-event-description {max-height: 50px !important; padding-bottom: 5px; box-sizing: border-box; font-size: 10px !important; overflow: scroll !important;}

.ai1ec-date-title {text-align: right !important;}
.ai1ec-date-title a {pointer-events: none;}

.ai1ec-stream-view .ai1ec-event, .ai1ec-stream-view .ai1ec-event .ai1ec-event-avatar img {opacity: 1.0 !important;}
.ai1ec-event-avatar img {width: 200px !important; height: 120px !important; margin: auto 0 !important;}

a.ai1ec-load-event:hover, .ai1ec-stream-view .ai1ec-event .ai1ec-event-avatar img:hover {opacity: 0.8 !important;}

.top_area {margin-bottom: 0;}
.infoarea {height: auto; margin-bottom: 30px;}
.infoarea a {color: white;}
.new-top .top_program .gray {padding-top: 0;}

.top_program .gray h1 {margin-bottom: 10px;}

@media screen and (min-width: 375px){
.ai1ec-stream-view .ai1ec-event-description {max-height: 60px !important;}}

@media screen and (min-width: 425px){
.ai1ec-stream-view .ai1ec-event-description {font-size: 11px !important;}
.ai1ec-stream-view .ai1ec-event-description {max-height: 65px !important;}}

@media screen and (min-width: 600px){
a.ai1ec-load-event {font-size: 24px;} .ai1ec-stream-view .ai1ec-event-description {overflow: hidden !important;}}

@media screen and (min-width: 768px){
#ai1ec-calendar {padding: 0 30px;}
.ai1ec-stream-view .ai1ec-event {height: 150px !important;}
.ai1ec-stream-view .ai1ec-event-avatar {width: 250px !important;}
.ai1ec-event-avatar img {width: 100% !important; height: auto !important;}
.ai1ec-stream-view .ai1ec-event-inner {margin: 10px 10px 10px 260px !important;}
.ai1ec-stream-view .ai1ec-date-title {font-size: 32px !important;}
a.ai1ec-load-event {font-size: 36px;}
.ai1ec-stream-view .ai1ec-event-description {line-height: 1.2 !important; font-size: 12.5px !important;}
.top_program .gray h1 {margin-bottom: 15px;}}

@media screen and (min-width: 1024px){.ai1ec-stream-view .ai1ec-event-description {line-height: 1.3 !important; font-size: 18px !important;} #ai1ec-calendar-view {
max-width: 1024px; margin: 0 auto;}}

/* Footer関連 */
.new-top .top_area h1, .new-top .top_program .gray h1 span {font-family: 'Monoton', cursive; font-weight: 400; color: #333 !important;}
footer {font-family: 'Righteous', cursive; padding: 15px 0;}

.footer-contact {width: 100%; box-sizing: border-box; background-color: #07a5bd; color: white; margin: 0 0 15px 0; padding: 5px;}
.footer-contact a {color: white !important; border-bottom: 1px dotted white;}
.footer-contact a:hover {opacity: 0.7; text-decoration: none;}
.starry-footer {color: #07a5bd !important; padding: 0 5px;}
.starry-footer a, address {color: #07a5bd !important;}
.starry-footer a:hover {color: #07bd9d !important;}

.footer-contact,.starry-footer, .starry-footer address {font-size: 12px;}

.stry-support01-memberinfo {display: none;}

@media screen and (min-width: 600px){.footer-contact,.starry-footer, .starry-footer address {font-size: 1em;}}