/* @override http://pueohana.localhost/common/styles/top.css */

@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 共通設定スタイル
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

#contents a:hover img {
  -moz-opacity: 0.7;
 opacity: 0.7;
 filter: alpha(opacity=70);
}

#contents a:hover{
 color: #e782a5;
}

/* モーダルウィンドウ */
.modal-open:hover {
 cursor: pointer;
}

#modal-content {
 box-sizing: border-box;
 width: 90%;
 max-width: 918px;
 margin: 0;
 padding: 25px;
 border: 1px solid #aaa;
 border-radius: 6px;
 background: #fff;
 position: fixed;
 display: none;
 z-index: 201;
}

#modal-overlay {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 120%;
 background-color: rgba(0, 0, 0, 0.75);
 display: none;
 z-index: 200;
}

.modal-container:before,
.modal-container:after {
 content: " ";
 display: table;
}

.modal-container:after {
 clear: both;
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/


/* iPHone4,iPhone5,iPhone5s,iPhone6,iPhone6 Plus */

@media screen and (min-width: 320px) and (max-width: 599px)
{

#cover span.imgph img {
 display: block;
 width: 100%;
}

#todays_card {
 width: 100%;
 padding: 5px 0;
 background-color: rgb(250,223,232);
 text-align: center;
}

#todays_card h2 {
 margin-bottom: 5px;
 font-size: 20px;
 font-weight: bold;
 color: white;
 text-shadow: 1px 1px 0 #e05e8a, -1px 1px 0 #e05e8a, 1px -1px 0 #e05e8a, -1px -1px 0 #e05e8a;
}

#todays_card a {
 display: block;
 width: 190px;
 margin: 0 auto;
}

#todays_card img {
 width: 190px;
 height: 270px;
 border-radius: 6px;
}

#todays_card input {
 margin-top: 5px;
 width: 190px;
}

#modal-content {
 width: 80%;
 padding: 5px;
}

#card-img {
 width: 90%;
 margin: 0 auto;
}

#card-img img {
 width: 100%;
}

#card-text {
 width: 100%;
}

#card-title {
 display: none;
}

#card-subtitle {
 display: none;
}

#card-jtitle {
 font-size: 15px;
 text-align: center;
}

#card-content {
 font-size: 14px;
 padding: 10px 7px 0 7px;
}

/* #contents */

#contents{
 width: 95%;
 margin-right: auto;
 margin-left: auto;
 margin-top: 2em;
}

/* イベント情報 */

#scheduleWrap {
}

#scheduleWrap h1 img {
 width: 100%;
}

#scheduleWrap ul {
 float: left;
}

#scheduleWrap ul li {
 list-style-type: none;
 background: url(../images/but_event_sp.jpg) repeat-y left 0;
 padding-left: 20px;
 margin-bottom: 0.5em;
}

#scheduleWrap ul li a {
 text-decoration: none;
 font-weight: normal;
 font-style: normal;
}

/* cat_nav */

#cat_nav {
 margin-top: 1em;
 max-width: 700px;
 margin-bottom: 1em;
}

#cat_nav ul {
 max-width: 600px;
}

#cat_nav ul li {

}

#cat_nav ul li img {
 width: 100%;
 height: 100%;
}

/* ブログ記事（SP） */

#blogWrap {
}

#blogWrap h1 img {
 width: 100%;
}

#blogWrap #bloglist {
}

#blogWrap #bloglist dl {
 margin-bottom: 1em;
 padding-bottom: 1em;
 background: url(../images/bg_blogTitle_sp.jpg) repeat-x 0 top;
 overflow: hidden;
}

#blogWrap #bloglist dl dt {
 color: #e05e8a;
 margin-bottom: 0.5em;
 font-size: 1.6em;
 padding-top: 0.3em;
 padding-left: 0.3em;
 line-height: 1.3;
}

#blogWrap #bloglist dl dt a {
 color: #e05e8a;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
}


#blogWrap #bloglist dd.thumb {

}

#blogWrap #bloglist dd.thumb img{
float: left;
 margin-right: 10px;
display: block;
 font-size: 0;
 line-height: 0;
 width: 30%;
-webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.4);
-moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.4);
box-shadow: 2px 2px 8px rgba(0,0,0,0.4);
 height: auto;
 margin-top: 5px;
 margin-bottom: 10px;
}

#blogWrap #bloglist dd.tx {
 margin-bottom: 0.5em;
}

#blogWrap #bloglist span.andmore a {
 font-weight: normal;
 font-style: normal;
 display: inline-block;
 float: right;
 margin-top: 2px;
 margin-right: 1em;
}

#blogWrap #bloglist span.andmore a:after {
content: " >>";
}

#blogWrap #bloglist dl:last-child {
}

hr.style-one {
 border: 0;
 height: 1px;
 background: #333;
 background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
 background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
 background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
 background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
 margin-top: 1em;
 margin-bottom: 1em;
}

}
@media only all and (min-width: 600px) {

body {
 background: url(../images/bg_body_pc.jpg) repeat-x;
}

#container {
 margin-bottom: 40px;
}

#coverwrap {
 width: 1020px;
}

#cover {
 font-size: 0;
 line-height: 0;
 margin-top: 2px;
 position: relative;
}

#cover span.imgpc img {

}

#todays_card {
 position: absolute;
 right: 0;
 top: 0;
 z-index: 1;
 width: 170px;
 height: 280px;
 margin-top: 6px;
 text-align: center;
}

#todays_card h2 {
 font-size: 24px;
 font-weight: bold;
 color: white;
 text-shadow: 1px 1px 0 #e05e8a, -1px 1px 0 #e05e8a, 1px -1px 0 #e05e8a, -1px -1px 0 #e05e8a;
}

#todays_card a {
 display: block;
}

#todays_card img {
 width: 140px;
 height: 200px;
 border-radius: 6px;
}

#todays_card input {
 margin-top: 7px;
 width: 140px;
}

#modal-content {
 width: 850px;
}

#card-img {
 float: left;
 width: 25%;
}

#card-img img {
 width: 100%;
}

#card-text {
 float: left;
 width: 75%;
}

#card-title {
 font-size: 22px;
 text-align: center;
 white-space: nowrap;
 padding-top: 10px;
 padding-bottom: 10px;
}

#card-subtitle {
 font-size: 21px;
 text-align: center;
 white-space: nowrap;
 padding-top: 10px;
 padding-bottom: 10px;
}

#card-jtitle {
 display: none;
}

#card-content {
 font-size: 20px;
 width: 450px;
 margin: 0 auto;
 padding-top: 10px;
 padding-bottom: 10px;
}

/* My Comment */
body#top_p #globalnaviWrap {
 height: 96px !important;
 padding: 10px 10px 18px !important;
}
/* #contents */

#contents {

}

#scheduleWrap {
 width: 700px;
}

#scheduleWrap h1 {
 width: 700px;
 height: 38px;
}

#scheduleWrap ul {
 float: left;
 margin-top: 10px;
}

#scheduleWrap ul li {
 list-style-type: none;
 background: url(../images/bul_eventtop.jpg) no-repeat left 2px;
 padding-left: 15px;
 margin-bottom: 3px;
}

#scheduleWrap ul li a {
 text-decoration: none;
 font-weight: normal;
 font-style: normal;
}

/* カテゴリーナビゲーション */

#cat_nav {
 height: 247px;
 font-size: 0;
 line-height: 0;
 width: 100%;
 padding-top: 35px;
}

#cat_nav ul {
}

#cat_nav ul li {
 float: left;
}

#cat_nav ul li:last-child {
 margin-right: 0;
}

/* ブログ記事 */

#blogWrap {
 width: 700px;
}

#blogWrap h1 {
 width: 700px;
 height: 38px;
}

#blogWrap #bloglist {
 margin-top: 10px;
}

#blogWrap #bloglist dl {
 position: relative;
 background: url(../images/bg_blogTitle_pc.jpg) no-repeat 0 top;
 padding-bottom: 30px;
 overflow: auto;
 zoom: 1;
 line-height: 1.8;
}

#blogWrap #bloglist dl dt {
 color: #e05e8a;
 font-size: 23px;
 font-weight: normal;
 font-style: normal;
 background: url(../images/bullet_ttl.png) no-repeat left 3px;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 line-height: 1.4;
}

#blogWrap #bloglist dl dt a {
 color: #e05e8a;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
}

#blogWrap #bloglist dd.thumb {

}

#blogWrap #bloglist dd.thumb img{
float: left;
display: block;
 font-size: 0;
 line-height: 0;
-webkit-box-shadow: 3px 3px 8px rgba(0,0,0,0.4);
-moz-box-shadow: 3px 3px 8px rgba(0,0,0,0.4);
box-shadow: 3px 3px 8px rgba(0,0,0,0.4);
 margin-right: 20px;
 margin-bottom: 20px;
 margin-top: 3px;
 width: 150px;
}

#blogWrap #bloglist dd.tx {
 padding-left: 10px;
 padding-right: 10px;
}

#blogWrap #bloglist span.andmore {
 float: right;
 padding-top: 3px;
 padding-right: 6px;
 bottom: 30px;
 position: absolute;
 right: 10px;
}

#blogWrap #bloglist span.andmore a {
 text-decoration: none;
}

#blogWrap #bloglist span.andmore a:after {
content: " >>";
}

#blogWrap #bloglist ol:last-child {

}

/* INFORMATION */

}