html {
    background: #ffffff;
    background-repeat: round;
    background-attachment: scroll;
}
body {
    color: #483B27;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    background-image: url(../img/background-dirty.png);
}
a {
    color: #0fa596;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
/*----------文字サイズ・センタリング----------*/
.centering{
    text-align: center;
    padding: 5px;
}
.font9{
    font-size: 9px;
}
.font12{
    font-size: 12px;
}
.font18{
    font-size: 18px;
}
.font21{
    font-size: 21px;
}
.font24{
    font-size: 24px;
}
@media (max-width: 768px){
    .centering img{
        width: 100%;
    }
}

/*----------リスト----------*/
._list{
    margin: 0 auto;
    max-width: 760px;
    position: relative;
}
._item{
    position: relative;
    margin-right: 40px;
    margin-bottom: 20px;
    vertical-align: top;
    display: inline-block;
}

/*----------ヘッダー----------*/
.navbar{
    border: none;
    margin-bottom: 0px;
    background-color: #F57C00;
}
.navbar-brand {
    padding: 0px 15px;
}
.navbar .navbar-nav li a{
    font-size: 18px;
    font-weight: bold;
    color: #F5F5F5;
}
.navbar .navbar-nav li a:hover{
    color: #F5CBA7;
}

.header{
    overflow: hidden;
    width: 100%;
    background-color: #E0530B;
}
a.header_link{
    color: #FFFFFF;
    text-shadow: 3px 3px 3px #666666;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #E0530B;
}

@media (max-width: 768px){
    .title img{
        width: 90%;
    }
}

/*----------フッター----------*/
.page_footer{
    margin: 0 auto;
    width: 100%;
    padding: 40px;
    text-align: center;
}
.page_footer .link{
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    display: inline-block;
    background-color: #ffffff;
}
@media (max-width: 768px){
    .page_footer img{
        width: 90%;
    }
}

/*----------エラー画面----------*/
.error{
    width: 80%;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #FFFFFF;
    overflow: hidden;
    text-align: center;
}
.error_header{
    font-size: 21px;
    height: 50px;
    text-align: left;
}
.error_message{
    margin-left: 40px;
    float: left;
    list-style-type: disc;
    text-align: left;
}
/*--------------------店舗ページのメインビジュアル--------------------*/
.shop_page .main_visual{
	position: relative;
    overflow: hidden;
    width: 100%;
    height: 550px;
}
.shop_page .main_visual .contents{
    position: absolute;
    left: 50%;
    width: 1320px;
    height: 550px;
    margin-left: -660px;
}
.shop_page .main_visual .shop_name{
    width: 100%;
    top: 25%;
    position: absolute;
}
.shop_page .main_visual .shop_name img{
    display: block;
    margin: 0 auto;
}
@media (max-width: 768px){
	.shop_page .main_visual .shop_name img{
        width: 100%;
    }
}
/*----------店舗ページのアピール部分----------*/
.shop_page .appeal{
    padding: 40px;
    font-size: 1.5em;
    line-height: 1;
    text-align: center;
}
/*----------店舗ページのボタン部分----------*/
.shop_page .contents_table{
    margin: 0 auto;
    overflow: hidden;
    padding-top: 20px;
    text-align: center;
    padding-bottom: 20px;
}
.shop_page .menu{
    border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 5px 5px 8px #666666;
}
.shop_page .menu:hover{
    top: 2px;
    box-shadow: 3px 3px 3px #666666;
}
/*----------店舗ページのイベント部分----------*/
.shop_page .event{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}
.shop_page .event .eventimage{
    width: 330px;
    overflow: hidden;
    border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 3px 3px 3px #666666;
}
.shop_page .event .eventimage img{
    width: 100%;
    overflow: hidden;
}
.shop_page .eventimage:hover{
    top: 2px;
    box-shadow: 3px 3px 3px #666666;
}

/*----------店舗ページのショーンパーク部分----------*/
.shop_page .shaun_park .title{
    width: 100%;
    height: 80px;
    text-align: center;
    background-image: url(../img/background-headder-green.png);
}
.shop_page .shaun_park .contents{
    width: 100%;
    padding: 20px;
    text-align: center;
    background-color: #C5d700;
    background-image: url(../img/background-dirty.png);
}
.shop_page .shaun_park .footer{
    width: 100%;
    height: 80px;
    background-color: #B4C114;
    background-image: url(../img/background-footer-green.png);
}

.shop_page .shaun_park .about{
    margin: 0 auto;
    overflow: hidden;
    max-width: 720px;
    text-align: left;
    border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 3px 3px 3px #666666;
}
@media (max-width: 768px){
    .shop_page .shaun_park .about img{
        width: 100%;
    }
}
.shop_page .shaun_park .about .description{
    padding: 10px;
}

/* アトラクション */
.shop_page .shaun_park .attraction{
    width: 330px;
    min-height: 400px;
    margin-top: 20px;
    margin-right: 20px;
    border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 3px 3px 3px #666666;
    overflow: hidden;
}
.shop_page .shaun_park .attraction img{
    width: 100%;
}
.shop_page .shaun_park .attraction .name{
    top: 200px;
    width: 100%;
    height: 50px;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 250%;
    color: #ffffff;
    position: absolute;
    opacity: 0.8; 
    -moz-opacity: 0.8; 
    filter: alpha(opacity=80);
    background-color: #000000;
}
.shop_page .shaun_park .attraction .description{
    padding: 10px;
    text-align: left;
    background-color: #ffffff;
}

/* ショーンパークの料金 */
.shop_page .park_prise{
    background-color: #B4C114;
}
.shop_page .park_prise .title{
    width: 100%;
    height: 80px;
    text-align: center;
}
.shop_page .park_prise .prise_table{
    width: 100%;
    text-align: center;
}
@media (max-width: 768px){
    .shop_page .prise_table img{
        width: 100%;
    }
}
.shop_page .park_prise .description{
    margin: 0 auto;
    max-width: 720px;
    text-align: left;
    padding: 10px;
}
.shop_page .park_prise .footer{
    width: 100%;
    height: 80px;
    background-color: #ffffff;
    background-image: url(../img/background-footer-darkgreen.png);
}

/*----------店舗ページのグッズショップ部分----------*/
.shop_page .goods_shop .title{
    width: 100%;
    height: 80px;
    text-align: center;
    background-image: url(../img/background-headder-pink.png);
}
.shop_page .goods_shop .contents{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background-color: #E94D6D;
    background-image: url(../img/background-dirty.png);
}
.shop_page .goods_shop .contents .about{
    margin: 0 auto;
    overflow: hidden;
    max-width: 720px;
    text-align: left;
    margin-bottom: 20px;
    border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 3px 3px 3px #666666;
}
@media (max-width: 768px){
    .shop_page .goods_shop .contents .about img{
        width: 100%;
    }
}
.shop_page .goods_shop .contents .about .description{
    padding: 10px;
}
.shop_page .goods_shop .footer{
    width: 100%;
    height: 80px;
    background-color: #ffffff;
    background-image: url(../img/background-footer-pink.png);
}

/*----------お店からのお知らせ----------*/
.shop_page .infomation .title{
    width: 100%;
    height: 80px;
    text-align: center;
    background-image: url(../img/background-headder-blue.png);
}
.shop_page .infomation .contents{
    width: 100%;
    background-color: #29ABDA;
    margin: 0 auto;
    text-align: center;
    padding: 20px;
    background-image: url(../img/background-dirty.png);
}
.shop_page .infomation .contents .twitter{
    box-shadow: 3px 3px 3px #666666;
    margin: 0 auto;
    width: 620px;
    background-color: #ffffff;
    text-align: left;
    padding: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
}
@media (max-width: 768px){
    .shop_page .infomation .contents .twitter{
        width: 100%;
    }
}
.shop_page .infomation .footer{
    width: 100%;
    height: 80px;
    background-image: url(../img/background-footer-blue.png);
}

/*----------店舗ページの交通アクセス----------*/
.shop_page .access .title{
    width: 100%;
    height: 80px;
    text-align: center;
    background-image: url(../img/background-headder-yellow.png);
}
.shop_page .access .contents{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 20px;
    background-color: #FFE100;
    background-image: url(../img/background-dirty.png);
}
.shop_page .access .contents .map{
    text-align: center;
    margin: 0 auto;
}
.shop_page .access .contents .address{
    box-shadow: 3px 3px 3px #666666;
    margin: 0 auto;
    width: 620px;
    background-color: #ffffff;
    text-align: left;
    padding: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
}
@media (max-width: 768px){
    .shop_page .access .contents .map iframe,
    .shop_page .access .contents .address{
        width: 100%;
    }
}
.shop_page .access .footer{
    width: 100%;
    height: 80px;
    background-image: url(../img/background-footer-yellow.png);
}

/*----------店舗ページのよくある質問----------*/
.shop_page .faq .title{
    width: 100%;
    height: 80px;
    text-align: center;
    background-image: url(../img/background-headder-red.png);
}
.shop_page .faq .contents{
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    text-align: center;
    background-color: #DF093A;
    background-image: url(../img/background-dirty.png);
}
.shop_page .faq .contents .qanda{
    box-shadow: 3px 3px 3px #666666;
    margin: 0 auto;
    width: 620px;
    background-color: #ffffff;
    text-align: left;
    padding: 10px;
    margin: 0 auto;
    margin-bottom: 20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
}
@media (max-width: 768px){
    .shop_page .faq .contents .qanda{
        width: 100%;
    }
}
.shop_page .faq .contents span.qanda_red{
    color: #DF093A;
    font-weight: bold;
}
.shop_page .faq .contents span.qanda_blue{
    color: #2AB8B0;
    font-weight: bold;
}
.shop_page .faq .contents .description{
    box-shadow: 3px 3px 3px #666666;
    margin: 0 auto;
    width: 620px;
    background-color: #ffffff;
    text-align: left;
    padding: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
}
@media (max-width: 768px){
    .shop_page .faq .contents .description{
        width: 100%;
    }
}
.shop_page .faq .footer{
    width: 100%;
    height: 80px;
    background-image: url(../img/background-footer-red.png);
}
/*----------アミューズメントのご案内----------*/
.shop_page .amusement .title{
    width: 100%;
    height: 80px;
    text-align: center;
    background-image: url(../img/background-headder-yellow.png);
}
.shop_page .amusement .contents{
    width: 100%;
    padding: 20px;
    text-align: center;
    background-color: #FFE100;
    background-image: url(../img/background-dirty.png);
}
.shop_page .amusement .footer{
    width: 100%;
    height: 80px;
    background-color: #FFFFFF;
    background-image: url(../img/background-footer-yellow.png);
}

.shop_page .amusement .about{
    margin: 0 auto;
    overflow: hidden;
    max-width: 720px;
    text-align: left;
    border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 3px 3px 3px #666666;
}
@media (max-width: 768px){
    .shop_page .amusement .about img{
        width: 100%;
    }
}
.shop_page .amusement .about .description{
    padding: 10px;
}
/* ゲーム機 */
.shop_page .amusement .attraction{
    width: 330px;
    min-height: 400px;
    margin-top: 20px;
    margin-right: 20px;
    border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 3px 3px 3px #666666;
    overflow: hidden;
}
.shop_page .amusement .attraction img{
    width: 100%;
}
.shop_page .amusement .attraction .name{
    top: 200px;
    width: 100%;
    height: 50px;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 250%;
    color: #ffffff;
    position: absolute;
    opacity: 0.8; 
    -moz-opacity: 0.8; 
    filter: alpha(opacity=80);
    background-color: #000000;
}
.shop_page .amusement .attraction .description{
    padding: 10px;
    text-align: left;
    background-color: #ffffff;
}

/*--------------------各タイトル・背景・フッター--------------------*/
.title-orange{
    width: 100%;
    height: 80px;
    text-align: center;
    background-image: url(../img/background-headder-orange.png);
}
.back-orange{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 20px;
    background-color: #E88100;
    background-image: url(../img/background-dirty.png);
}
.footer-orange{
    width: 100%;
    height: 80px;
    background-image: url(../img/background-footer-orange.png);
}

.title-blue{
    width: 100%;
    height: 80px;
    text-align: center;
    background-image: url(../img/background-headder-blue.png);
}
.back-blue{
    width: 100%;
    background-color: #29ABDA;
    margin: 0 auto;
    text-align: center;
    padding: 20px;
    background-image: url(../img/background-dirty.png);
}
.footer-blue{
    width: 100%;
    height: 80px;
    background-image: url(../img/background-footer-blue.png);
}

.title-bluegreen{
    width: 100%;
    height: 80px;
    text-align: center;
    background-image: url(../img/background-headder-bluegreen.png);
}
.back-bluegreen{
    width: 100%;
    background-color: #2AB8B0;
    margin: 0 auto;
    text-align: center;
    padding: 20px;
    background-image: url(../img/background-dirty.png);
}
.footer-bluegreen{
    width: 100%;
    height: 80px;
    background-image: url(../img/background-footer-bluegreen.png);
}

.title-red{
    width: 100%;
    height: 80px;
    text-align: center;
    background-image: url(../img/background-headder-red.png);
}
.back-red{
    width: 100%;
    background-color: #DF093A;
    margin: 0 auto;
    text-align: center;
    padding: 20px;
    background-image: url(../img/background-dirty.png);
}
.footer-red{
    width: 100%;
    height: 80px;
    background-image: url(../img/background-footer-red.png);
}
.title-blown{
    width: 100%;
    height: 80px;
    text-align: center;
    background-image: url(../img/background-headder-blown.png);
}
.back-blown{
    width: 100%;
    background-color: #483B27;
    margin: 0 auto;
    text-align: center;
    padding: 20px;
    background-image: url(../img/background-dirty.png);
}
.footer-blown{
    width: 100%;
    height: 80px;
    background-image: url(../img/background-footer-blown.png);
}
.footer-pink{
    width: 100%;
    height: 80px;
    background-color: #ffffff;
    background-image: url(../img/background-footer-pink.png);
}