@charset 'UTF-8';
/*
 html5doctor.com Reset Stylesheet v1.6.1
 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com http://html5doctor.com/html-5-reset-stylesheet/ Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video
{
    font-size: 100%;

    margin: 0;
    padding: 0;

    border: 0;
    outline: 0;
    /*background:transparent;*/
}

body
{
    font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif; 
    line-height: 1;

    margin: 0;
    padding: 0;

    -webkit-user-select: none;
    text-align: center;

    color: #635038;

    -webkit-text-size-adjust: 100%;
}

h1
{
    margin: 0;
    padding: 0;
}

ul
{
    width: 100%;
    margin: 0;
    padding: 0;

    list-style: none;

    text-align: left;
}

img
{
    vertical-align: bottom;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section
{
    display: block;
}

nav ul
{
    list-style: none;
}

blockquote,
q
{
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after
{
    content: '';
    content: none;
}

a
{
    font-size: 100%;

    margin: 0;
    padding: 0;

    vertical-align: baseline;

    color: #635038; 
    background: transparent;
}

ins
{
    text-decoration: none; 

    color: #000;
    background-color: #ff9;
}

mark
{
    font-weight: bold; 
    font-style: italic;

    color: #000;
    background-color: #ff9;
}

del
{
    text-decoration: line-through;
}

abbr[title],
dfn[title]
{
    cursor: help; 

    border-bottom: 1px dotted;
}

table
{
    border-spacing: 0; 
    border-collapse: collapse;
}

hr
{
    display: block;
    clear: both; 

    height: 1px;
    margin: 1em 0;
    padding: 0;

    border: 0;
    border-top: 1px solid #ccc;
}

input,
select
{
    vertical-align: middle;
}

/* ----- clear fix for floats ----- */
.clearfix:after
{
    display: block;
    visibility: hidden; 
    clear: both;

    height: 0;

    content: '.';
}

.clearfix
{
    display: inline-block;
}

/* hides clearfix from IE-mac \*/
* html .clearfix
{
    height: 1%;
}

.clearfix
{
    display: block;
}

/* end hide from IE-mac */
.clear
{
    clear: both;
}

/*----------------------------------------------------
 elements
----------------------------------------------------*/
a
{
    -webkit-tap-highlight-color: rgba(200, 200, 255, .6);
}

img:not([width])
{
    zoom: .5;
}

/*----------------------------------------------------
@media all and (orientation:landscape) {
#page {
 width: 480px;
}
}
----------------------------------------------------*/
/*----------------------------------------------------
common style
----------------------------------------------------*/
.aCenter
{
    text-align: center;
}

.aRight
{
    text-align: right;
}

.pctL
{
    float: left;

    margin-right: 5px;
}

.pctR
{
    float: right;

    margin-left: 5px;
}

.centered
{
    position: relative;

    overflow: hidden;
}

.centered ul
{
    position: relative;
    left: 50%;

    float: left;
}

.centered ul li
{
    position: relative;
    left: -50%;

    float: left;
}

/* ------------ header / footer ------------ */
h1#headTxt,
p#copy
{
    font-size: 11px;
    font-weight: 100; 
    line-height: 1.3;

    margin: 0;
    padding: 5px 0;

    text-align: center;

    color: #fff;
    background-color: #bf0707;
    background-image: url(../images/header_back.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 10px 21px;
}

p#copy
{
    padding: 10px 0;
}

header
{
    margin: 0;
    padding: 8px 0 14px;

    background-image: url(../images/shadow.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 10px 25px;
}

footer
{
    margin: 0;
    padding: 12px 0 18px;

    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #d5d5d5; 
    background-image: url(../images/shadow.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 10px 25px;
}

footer ul
{
    width: 90%; 
    margin: 0 auto;
    padding: 0;
}

footer ul li
{
    font-size: 12px;
    line-height: 1.2;

    float: left;

    width: 48%;
    margin: 0;
    padding: 0;

    text-align: center;

    border: 2px solid #4f1200;
    border-radius: 20px 20px 20px 20px;
    background-color: #fff;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, .4);
}

footer ul li.right
{
    float: right;
}

footer ul li a
{
    font-weight: 900; 

    display: block;

    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;

    text-decoration: none;

    color: #4e1200;
}

/* ------------ main ------------ */
p#main
{
    margin: 0 0 10px;
    padding: 0;
}

#index p#main
{
    margin: 0;
}

/* ------------ common ------------ */
#pointBox
{
    margin: 0 0 15px;
    padding: 0; 

    background-color: #f8bd00;
    background-image: url(../images/point_box_back.gif);
    background-repeat: repeat-x;
    background-position: left top;
    background-size: 20px 20px;
}

#pointBox #pointBoxSub
{
    margin: 0;
    padding: 15px; 

    background-image: url(../images/point_box_back_02.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 320px 140px;
}

#pointBox ul
{
    width: 100%; 
    margin: 0;
    padding: 0;
}

#pointBox ul li
{
    float: left;

    width: 50%; 
    margin: 0;
    padding: 0;
}

#pointBox ul li.wide
{
    display: none; 

    width: 100%;
    margin: 0;
    padding: 0;
}

#index #pointBox ul li.wide
{
    display: block;
}

#pickupBox
{
    margin: 0 0 15px;
    padding: 0; 

    text-align: left;
}

#pickupBox h2
{
    font-size: 18px;
    font-weight: 900;
    line-height: 1.3;

    margin: 0;
    padding: 0 0 6px 35px; 

    color: #be0807;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #4f1200;
    background-image: url(../images/ico_01.png);
    background-repeat: no-repeat;
    background-position: 10px 3px;
    background-size: 20px 18px;
}

#pickupBox ul
{
    margin: 0;
    padding: 0;
}

#pickupBox ul li
{
    font-size: 13px;
    font-weight: 100;

    margin: 0;
    padding: 0;

    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #fff; 
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d5d5d5;
    background: #fff;
    background:         linear-gradient(to bottom, #fff 54%, #f6f6f6 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
}

#pickupBox ul li a
{
    font-weight: 100;

    display: block;

    margin: 0;
    padding: 10px;

    text-decoration: none; 

    color: #4f1200;
    background-image: url(../images/point_02.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 18px 12px;
}

#entryBox
{
    margin: 0 0 15px;
    padding: 0;
}

#entryBox h2
{
    font-size: 16px;
    font-weight: 900;
    line-height: 1.3;

    margin: 0 0 5px;
    padding: 0; 

    color: #be0706;
}

#entryBox ul
{
    width: 92%; 
    margin: 0 auto;
    padding: 0;
}

#entryBox ul li
{
    margin: 0 0 5px;
    padding: 0;
}

#summaryBox
{
    margin: 0;
    padding: 0; 

    text-align: left;
}

#summaryBox h2
{
    font-size: 18px;
    font-weight: 900;
    line-height: 1.3;

    margin: 0;
    padding: 0 0 6px 35px; 

    color: #be0807;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #4f1200;
    background-image: url(../images/ico_02.png);
    background-repeat: no-repeat;
    background-position: 10px top;
    background-size: 20px 20px;
}

#summaryBox #summaryBoxSub
{
    margin: 0 10px;
    padding: 10px 0 0;
}

#summaryBox h3
{
    font-size: 13px;
    font-weight: 900;
    line-height: 1.4;

    margin: 0 0 5px;
    padding: 0; 

    color: #4e1200;
}

#summaryBox p
{
    font-size: 13px;
    line-height: 1.5;

    margin-top: 0;
    margin-bottom: 15px;
}

#summaryBox table.normal
{
    margin-top: 0;
    margin-bottom: 15px;
    margin-left: 0;
}

#summaryBox table.normal th,
#summaryBox table.normal td
{
    font-size: .81em;
    line-height: 1.5;

    padding-top: 6px;
    padding-bottom: 6px; 

    text-align: left;
    vertical-align: top;

    color: #4d1200;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #8b8b8b;
}

#summaryBox table.normal th
{
    font-weight: 900;

    width: 60px; 

    white-space: nowrap;
}

#summaryBox .hideBox
{
    overflow: hidden;
}

#summaryBox .hideBox table.normal
{
    margin-top: -10px;
    margin-bottom: 0;
}

#requirementsBox
{
    width: 92%;
    margin: 0 auto 15px;
    padding: 0;

    text-align: left;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, .3);
}

#requirementsBox h2
{
    font-size: 16px;
    font-weight: 900;
    line-height: 1.2;

    margin: 0;
    padding: 10px 10px 10px 15px;

    color: #fff; 
    border-radius: 7px 7px 0 0;
    background: #bb0807;
    background:         linear-gradient(to bottom, #bb0807 0%, #a10505 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb0807', endColorstr='#a10505',GradientType=0 );
}

#requirementsBox ul
{
    margin: 0;
    padding: 0;
}

#requirementsBox ul li
{
    margin: 0;
    padding: 0;

    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #d5d5d5;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #fff;
    background: #fff;
    background:         linear-gradient(to bottom, #fff 54%, #f6f6f6 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
}

#requirementsBox ul li:last-child
{
    border-bottom-width: 0;
    border-bottom-style: none;
    border-radius: 0 0 7px 7px;
}

#requirementsBox ul li a
{
    display: block;

    margin: 0;
    padding: 0;
    padding: 12px 15px;

    text-decoration: none;

    color: #4e1200;
    background-image: url(../images/point_03.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 24px 14px;
}

#requirementsBox ul li a h3
{
    font-size: 16px;
    font-weight: 900; 
    line-height: 1.2;

    margin: 0;
    padding: 0;
}

#requirementsBox ul li a p
{
    font-size: 12px;
    font-weight: 100; 
    line-height: 1.4;

    margin: 6px 0 0;
    padding: 0;
}

/* ------------ contents ------------ */
.contents
{
    margin: 0 10px;
    padding: 0;

    text-align: left;
}

.contents h2
{
    font-size: 15px;
    font-weight: 900;
    line-height: 1.6;

    margin-bottom: 12px;
    padding-bottom: 5px;
    padding-left: 15px;

    color: #4e1200;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #8b8b8b;
    background-image: url(../images/point_01.png);
    background-repeat: no-repeat;
    background-position: left 5px;
    background-size: 11px 11px;
}

.contents h2.title
{
    font-size: 13px;
    font-weight: 900;
    line-height: 1.5;

    position: relative; 

    margin-bottom: 15px;
    padding: 10px 10px 10px 15px;

    color: #fff;
    border-bottom-width: 0;
    border-bottom-style: none;
    border-radius: 5px 5px 5px 5px;
    background-color: #4f1200;
    background-image: none;
    background-size: 11px 11px;
}

.contents h2.title img
{
    position: absolute;
    bottom: -5px; 
    left: 15px;
}

.contents p
{
    font-size: 13px;
    line-height: 1.5;

    margin-top: 0;
    margin-bottom: 15px;
}

.contents ul.bnrBox
{
    margin: 0 0 15px;
    padding: 0;
}

.contents ul.bnrBox li
{
    margin: 0 0 10px 0;
    padding: 0;
}

#shopList
{
    margin: 0 0 15px;
    padding: 0; 

    text-align: left;
}

#shopList h2
{
    font-size: 18px;
    font-weight: 900; 
    line-height: 1.4;

    position: relative;

    margin: 0;
    padding: 0 10px 6px;

    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #4f1200;
    background-size: 20px 20px;
}

#shopList h2 img.sub
{
    position: absolute;
    right: 10px;
    bottom: 10px;
}

#shopList #shopListSub
{
    margin: 0 10px;
    padding: 10px 0 0;
}

#shopList .summary p.more,
.contents p.more
{
    margin: 0;
    padding: 0; 

    text-align: right;
}

.contents p.more
{
    margin: 0 0 15px 0;
}

#shopList p.more a,
.contents p.more a
{
    font-size: 12px;

    padding: 5px 15px;

    text-decoration: none;

    color: #4e1200; 
    border: 0 solid #000;
    border-radius: 30px;
    background: -moz-linear-gradient(top, #fff 0%, #ebebeb);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb));
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5), inset 0 0 2px rgba(255, 255, 255, .7);
}

#shopList p.photo
{
    float: left;

    width: 20%;
    margin: 0;
}

#shopList .summary
{
    float: left;

    width: 80%;
    margin: 0;
}

#shopList .summary h3
{
    font-size: 14px;
    line-height: 1.2;

    margin-top: 0;
    margin-bottom: 8px;
    margin-left: 10px;
}

#shopList .summary p
{
    font-size: 12px;
    line-height: 1.4;

    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 10px;
}

#shopList .box
{
    margin: 0 0 10px;
    padding: 0 0 15px;

    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #8b8b8b;
}

.contents .commentBox
{
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
}

.contents .commentBox .box
{
    float: left;

    width: 49%;
    margin-right: 2%;
}

.contents .commentBox .box:nth-child(even)
{
    margin-right: 0;
}

.contents .commentBox .box p
{
    font-size: 11px;
    line-height: 1.4;

    margin: 0;
    padding: 0;
}

.contents .commentBox .box p.photo
{
    margin: 0 0 5px 0;
}

.contents .commentBox .box h3
{
    font-size: 12px;
    font-weight: 900;
    line-height: 1.5;

    position: relative;

    margin: 0 0 10px;
    padding: 8px 10px;

    color: #be0807;
    border: 1px solid #a8987e;
    border-radius: 7px 7px 7px 7px;
    background: #fff;
    background:         linear-gradient(to bottom, #fff 55%, #fff 55%, #e8e8e8 100%);
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, .15); 

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );
}

.contents .commentBox .box h3 img
{
    position: absolute;
    bottom: -6px; 
    left: 50%;
}

p#eventTitle
{
    margin: 0;
    padding: 0;
}

#eventSummary
{
    margin: 0 0 15px;
    padding: 10px;

    border: 3px solid #4e1400;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 11px -1px rgba(0, 0, 0, .3);
}

#eventSummary p
{
    margin: 0 0 5px 0;
}

#eventSummary p:last-child
{
    margin: 0;
}

#eventSummary p.txt
{
    padding: 5px;
}

#ankerBox
{
    margin: 0 0 15px;
    padding: 0;
}

#ankerBox ul
{
    margin: 0;
    padding: 0;
}

#ankerBox ul li
{
    font-size: 13px;
    font-weight: 900;
    line-height: 1.4;

    float: left;

    width: 48%;
    margin: 0 4% 0 0;
    padding: 0;

    color: #fff;
    border-radius: 20px 20px 20px 20px;
    background-image:         linear-gradient(180deg, #bf0707 0%, #990404 100%);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .35); 

    -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffbf0707,endColorstr=#ff990404,GradientType=0)';
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffbf0707,endColorstr=#ff990404,GradientType=0);
}

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

#ankerBox ul li a
{
    display: block;

    margin: 0;
    padding: 8px 5px; 

    text-align: center;
    text-decoration: none;

    color: #fff;
}

.staffBox h3
{
    font-size: 16px;
    font-weight: 900;
    line-height: 1.1;

    margin-top: 0;
    margin-bottom: 10px;
    padding-top: 15px;

    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #b1a694;
}

.staffBox h3.no
{
    padding-top: 5px;

    border-top-width: 0;
    border-top-style: none;
}

.staffBox h4
{
    font-size: 12px;
    font-weight: 900;
    line-height: 1.5;

    margin-top: 0;
    margin-bottom: 10px;

    color: #fff;
}

.staffBox h4 span
{
    margin: 0;
    padding: 5px 10px;

    border-radius: 6px 6px 6px 6px; 
    background-color: #4f1200;
}

.staffBox p
{
    font-size: 12px;
    line-height: 1.5;

    margin-top: 0;
    margin-bottom: 15px;
}

.staffBox h3 .shop
{
    font-size: 10px;
    font-weight: 100;
}

.summaryList h3
{
    font-size: 12px;
    font-weight: 900;
    line-height: 1.5;

    margin-top: 0;
    margin-bottom: 8px;
    padding-bottom: 5px;
    padding-left: 12px;

    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #bfb89f;
    background-image: url(../images/point_04.gif);
    background-repeat: no-repeat;
    background-position: left 2px;
    background-size: 8px 13px;
}

.summaryList p
{
    font-size: 12px;
    line-height: 1.5;

    margin-top: 0;
    margin-bottom: 15px;
}

.summaryList ul.point01,
.contents ul.point01
{
    margin-top: 0;
    margin-bottom: 15px;
    margin-left: 0;
}

.summaryList ul.point01 li,
.contents ul.point01 li
{
    font-size: 12px;
    line-height: 1.5;

    margin-top: 0;
    margin-bottom: 3px;
    padding-left: 10px;

    background-image: url(../images/point_05.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
    background-size: 5px 7px;
}

.summaryList p strong
{
    font-weight: 900;

    color: #e52d24;
}

#formBox h3
{
    font-size: 12px;
    font-weight: 900;
    line-height: 1.5;

    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 5px;
    padding-left: 12px;

    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #bfb89f;
    background-image: url(../images/point_04.gif);
    background-repeat: no-repeat;
    background-position: left 2px;
    background-size: 8px 13px;
}

#formBox p
{
    font-size: 12px;
    line-height: 1.5;

    margin-top: 0;
    margin-bottom: 10px;
}

.contents .caution
{
    font-size: 9px; 
    font-weight: 900;

    color: #e52d24;
}

#formBox #cautionBox
{
    margin: 0 0 15px;
    padding: 10px; 

    border: 3px solid #e92d50;
}

#formBox #cautionBox p
{
    margin: 0;
    padding: 0;
}

#formBox input#send
{
    font-size: 13px;
    font-weight: 900;
    line-height: 1.4;

    margin: 0 0 15px;
    padding: 8px 25px;

    color: #fff;
    border-top-width: 0;
    border-top-style: none;
    border-right-width: 0;
    border-right-style: none;
    border-bottom-width: 0;
    border-bottom-style: none;
    border-left-width: 0;
    border-left-style: none; 
    border-radius: 20px 20px 20px 20px;
    background-image:         linear-gradient(180deg, #bf0707 0%, #990404 100%);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .35);

    -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffbf0707,endColorstr=#ff990404,GradientType=0)';
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffbf0707,endColorstr=#ff990404,GradientType=0);
}

#formBox input#ret
{
    font-size: 13px;
    font-weight: 900;
    line-height: 1.4;

    margin: 0 0 15px;
    padding: 8px 25px;

    color: #fff;
    border-top-width: 0;
    border-top-style: none;
    border-right-width: 0;
    border-right-style: none;
    border-bottom-width: 0;
    border-bottom-style: none;
    border-left-width: 0;
    border-left-style: none; 
    border-radius: 20px 20px 20px 20px;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .35);

    -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffbf0707,endColorstr=#ff990404,GradientType=0)';
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffbf0707,endColorstr=#ff990404,GradientType=0);
}

#shopList #logoBox
{
    margin-bottom: 20px; 

    text-align: center;
}

#shopList #logoBox img
{
    margin-right: 5px; 
    margin-left: 5px;
}
