@charset UTF-8;

/* RESET
-----------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:separate;border-spacing:0;font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}caption,th{text-align:left;font-weight:400}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{font-size:100%}.txtc{text-align:center}.txtr{text-align:right}.txtl{text-align:left}.txtvm{vertical-align:middle}.txtvb{vertical-align:bottom}.fonts{font-size:80%}.fontm{font-size:110%}.fright{float:right}.fleft{float:left}.fright_b{float:right;display:block}.fleft_b{float:left;display:block}.clr{clear:both;width:1px;height:1px}.clr_l{clear:left}.clr_r{clear:right}.hide,.hide-gnavi{display:none}.cf:before,.cf:after,.unav:before,.unav:after,.fnav:before,.fnav:after,.gnav:before,.gnav:after,#header:before,#header:after,#footer:before,#footer:after,#contents:before,#contents:after,.section:before,.section:after{content:"";display:table}.cf:after,.unav:after,.fnav:after,.gnav:after,#header:after,#footer:after,#contents:after,.section:after{clear:both}.cf,#wrapper,#header,#footer,#contents,.section,.gnav,.fnav,.unav,.cf{zoom:1}ol,ul,li{list-style:none}* html body table,:first-child+html body table{border-collapse:collapse}img,.txtvt{vertical-align:top}sup,sub{vertical-align:baseline}

/* BASE FONT SIZE
-----------------------*/
body{
font-size:14px;
font-family: "メイリオ", Meiryo,Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
-webkit-text-size-adjust:none;
}

/* HTML ELEMENTS
-----------------------*/
html{
overflow-y: scroll;
}
body{
color: #444;
line-height:1.6;
background-image:url(../imgs/common/bg_body.png);
background-repeat: repeat-x;
}
strong,
em{
font-weight:bold;
font-style:normal;
}
a{
zoom:1;
vertical-align:baseline;
color: #1065b0;
text-decoration:underline;
}
a:visited{
}
a:hover{
text-decoration:none;
}
a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}

a[href$=".pdf"] {
padding:13px 18px 13px 3px;
background: url(../imgs/common/icon_pdf.gif) right no-repeat;
}

ul.text_list {
padding:0.2em 0 1.5em 24px;
color:#cc0000;
}
ul.text_list li {
display: block;
/* float:left;
width:47.5%; */
width:95%;
margin:0 15px 15px 0;
}
ul.text_list li:nth-child(even) {
margin:0 0 15px 0;
}
ul.text_list li a {
display: block;
padding:8px 16px 8px 36px;
border:1px #ddd solid;
background: url(../imgs/common/icon_pdf.gif) 10px 10px no-repeat;
}

ul.disc {
padding-bottom: 1em;
padding-left: 16px;
}
ul.disc li {
}
ul.disc li:before {
content: '';
width: 4px;
height: 4px;
display: inline-block;
border-radius: 2px;
background: #bf0300;
position: relative;
left: -10px;
top: -3px;
}

ul.text_web {
padding:0.2em 0 1.5em 24px;
color:#cc0000;
}
ul.text_web li {
display: block;
/* float:left;
width:47.5%; */
width:95%;
margin:0 15px 15px 0;
}
ul.text_web li:nth-child(even) {
margin:0 0 15px 0;
}
ul.text_web li a {
color:#fff;
display: block;
padding:8px 16px 8px 16px;
background: #cc0000;
text-decoration: none;
border-radius: 4px;
text-align: center;
}
ul.text_web li a:hover {
background: #a30000;
}

/* LAYOUT
-----------------------*/
#contents{
width: 960px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 40px;
position: relative;
}
#contents{
text-align: left;
}
#main{
width: 630px;
float: left;
}
#sub{
width: 300px;
float: right;
}

/* HEADER
-----------------------*/
#header .logo{
margin: 20px auto;
width: 200px;
text-align: center;
}
#header .logo .tagline{
border-top: 1px solid #000;
padding-top: 10px;
font-weight: bold;
}
#header .logo .tagline a{
text-decoration: none;
color: #444;
}
#header .gnavi{
background-image:url(../imgs/common/bg_header.png);
background-repeat: repeat-x;
background-position: left top;
}
#header .gnavi ul{
width: 960px;
margin: 0 auto 20px;
text-align: center;
border-bottom: 1px dotted #ccc;
}
#header .gnavi ul li{
float: left;
width: 160px;
font-size: 93%;
padding-top: 4px;
}
#header .gnavi ul li a{
background-image:url(../imgs/common/bg_gnavi_item.png);
background-repeat: no-repeat;
background-position: right center;
text-decoration: none;
color: #444;
display: block;
text-align: center;
padding: 20px 10px;
font-weight: bold;
}
#header .gnavi ul li:last-child a{
background: none;
}
#header .gnavi ul li.current-menu-item a,
#header .gnavi ul li.current-page-ancestor a,
#header .gnavi ul li a:hover{
color: #cc0000;
background-color: #f7f7f7;
}

/* FOOTER
-----------------------*/
#footer{
text-align: center;
position: relative;
}
#footer .list_banner{
width: 960px;
margin: auto;
}
#footer .list_banner li{
float: left;
width: 300px;
margin-right: 30px;
margin-bottom: 30px;
}
#footer .list_banner li.contact{
margin-right: 0;
}
#footer .list_banner li.clubsanseido{
margin-right: 0;
margin-bottom: 0;
}
#footer .nav{
margin-top: 90px;
background-image:url(../imgs/common/bg_header.png);
background-repeat: repeat-x;
background-position: left top;
padding-top: 20px;
margin-bottom: 20px;
}
#footer .nav li{
background-image:url(../imgs/common/bg_footer_navi_item.png);
background-repeat: no-repeat;
background-position: right center;
display: inline-block;
padding-right: 30px;
}
#footer .nav li:last-child{
background-image: none;
}
#footer .nav li a{
color: #444;
}
#footer .copyright{
background-color: #333;
color: #fff;
padding: 15px;
}
#footer .copyright p{
font-size: 72%;
}
#footer #pagetop{
position:fixed;
bottom:50px;
right:20px;
z-index:1;
}

/* HOME
-----------------------*/
.keyvisual{
margin-bottom: 40px;
padding: 10px 0;
}
.lead{
margin: 10px 0;
}
#slider li {
height: 380px;
position: relative;
}

/* HEADINGS
-----------------------*/
.lv1{
background-image:url(../imgs/common/bg_lv1.png);
background-repeat: repeat-x;
background-position: center center;
text-align: center;
margin-bottom: 35px;
}
.lv1 .title{
background-color: #fff;
width: 50%;
margin: auto;
}
.lv1 .title span{
display: block;
line-height: 1.2;
font-weight: bold;
}
.lv1 .title .ja{
font-size: 185%;
margin-bottom: 5px;
}
.lv1 .title .en{
color: #cc0000;
font-size: 93%;
text-transform:uppercase;
}
.lv2 .title{
font-weight: bold;
font-size: 129%;
border-top: 2px solid #000;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
padding: 10px 10px 10px 40px;
background-image:url(../imgs/common/bg_lv2.png);
background-repeat:no-repeat;
background-position: left center;
}
.lv2 .genre{
background-image:url(../imgs/common/bg_genre.png);
}
.lv2 .category{
background-image:url(../imgs/common/bg_category.png);
}
.lv2 .upcoming{
background-image:url(../imgs/common/bg_upcoming.png);
}
.lv2 .events{
background-image:url(../imgs/common/bg_events.png);
}
.lv3 .title{
font-size: 115%;
font-weight: bold;
margin-bottom: 10px;
}
.hd_lv1 h1{
font-weight: bold;
font-size: 28px;
border-top: 2px solid #000;
border-bottom: 1px solid #ccc;
margin-bottom: .5em;
padding:.5em;
}
.hd_lv1{
margin-bottom: 2em;
}
.hd_lv1 .date{
text-align: right;
font-size: 12px;
}

.blk_left {
width:48%;
float:left;
}
.blk_right {
width:48%;
float:right;
}
.blk_left .lv1 .title,
.blk_right .lv1 .title {
width:65%;
}
.blk_left .lv1 .title .ja,
.blk_right .lv1 .title .ja {
font-size:105%;
}
.copy_text {
font-size:125%;
color:#cc0000;
text-align: center;
}

.tbl_howtobuy {
width:56%;
margin: 0 auto 30px;
}
.tbl_howtobuy th {
font-size:115%;
font-weight: bold;
}
.tbl_howtobuy td span {
font-size:135%;
font-weight: bold;
}



/* BREADCRUMBS LIST
-----------------------*/
.crumb{
padding: 1em 0;
margin-bottom: 2em;
}
.crumb li{
float:left;
display:inline;
background-image:url(../imgs/common/m_crumb.gif);
background-position:center right;
padding-right:20px;
background-repeat:no-repeat;
margin-right: 1em;
font-size: 12px;
}
a.home,
.crumb li.home a{
background-image:url(../imgs/common/bg_home.png);
background-repeat: no-repeat;
padding-left: 20px;
}
.crumb li.current{
background-image:none;
padding-right:0;
margin-right:0;
}

/* SIDE BAR
-----------------------*/
#sub .list_event li a{
display: block;
background-image:url(../imgs/common/bg_list_event_item.png);
background-position:center left;
padding-left:20px;
background-repeat:no-repeat;
color:#444;
text-decoration: none;
}
#sub .list_upcoming li a{
display: inline;
background: none;
padding-left: 0;
}
#sub .upcoming .archive{
text-align: right;
margin-top: 20px;
}
#sub .upcoming .archive a{
background-image:url(../imgs/common/bg_list_event_item.png);
background-position:center right;
padding-right:20px;
background-repeat:no-repeat;
color: #444;
}

/* STYLED ELEMENTS
-----------------------*/
.list_shop li{
float: left;
width: 33.3%;
}
.list_shop li.hover{
color: #cc0000;
background-color: #f7f7f7;
cursor:pointer;
}
.list_shop li .img{
text-align: center;
}
.list_shop li dl{
margin: 20px;
}
.list_shop li dt{
text-align: center;
font-size: 129%;
font-weight: bold;
margin-bottom: 10px;
}
.shop_floor .item{
margin-bottom: 20px;
}
.shop_floor .item .img{
float: left;
margin-right: 20px;
}
.shop_floor .item .body{
overflow: hidden;
}
.shop_floor .item .body .title{
margin-bottom: 10px;
font-weight: bold;
font-size: 115%;
}
.shop_overview .item{
margin-bottom: 20px;
}
.club_detail .item{
margin-bottom: 20px;
}
.concept_list .item{
margin-bottom: 20px;
}
.concept_list .item .img{
float: left;
margin-right: 20px;
}
.concept_list .item .body{
overflow: hidden;
}
.concept_list .item .body .title{
margin-bottom: 10px;
font-weight: bold;
font-size: 115%;
}
.list_buttons li{
width: 49%;
display: inline-block;
}
*:first-child+html body .list_buttons li{
display: inline;
margin-right: 10px;
width: 48%;
}
.list_buttons li a{
display: block;
padding: 10px;
text-align: center;
background-color: #CC0000;
color: #fff;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
text-decoration: none;
}
.list_buttons li a:hover{
background-color: #ee0000;
}
.list_apps li img{
height: 45px;
}
.list_apps {
text-align:center;
}
.list_apps li{
width: 49%;
display: inline-block;
}
.list_apps li a,
.list_apps li a:hover{
background: none;
padding: 0;
}
.table{
width: 100%;
border-collapse:collapse;
margin-bottom: 10px;
}
.table th,
.table td{
padding: 10px;
border: 1px solid #333;
vertical-align: middle;
}
.table th{
background-color: #4b4b4b;
color: #fff;
text-align: center;
width: 30%;
}
.block{
margin-bottom: 2em;
}
.list_items li:last-child{
border-bottom: none;
padding-bottom: 2em;
}
.block_header .archive{
float: right;
margin: 15px;
}
.block_header .control{
float: right;
margin: 10px 100px 10px 10px;
}
.control li{
float: right;
margin-left: 10px;
}
.control li a{
display: block;
background-image:url(../imgs/common/bg_control.png);
background-position:5px 50%;
background-repeat:no-repeat;
text-decoration: none;
background-color: #dbdbdb;
padding: 5px 10px 5px 20px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
text-decoration: none;
color:#444;
}
.control li.current a,
.control li a:hover{
color:#c00;
}
.list_items li{
border-bottom: 1px solid #ccc;
margin-bottom: 1em;
padding:1em 0;
}
.list_items li .img{
float: left;
margin-right: 1em;
}
.list_items li .body{
overflow: hidden;
}
.list_items li .body .title{
margin-top: 0.5em;
font-weight: bold;
font-size: 16px;
}
.list_items li .body .title a{
color: #bf0300;
}
article{
margin-bottom: 2em;
}
article p{
margin-bottom: 1em;
}
article p img{
border: 1px solid #ccc;
padding: 1px;
}
article .data dt{
margin-bottom: 0.5em;
font-weight: bold;
}
article .data dd{
margin-bottom: 1em;
}
.club_about .item{
width: 564px;
margin:auto;
}
.club_about .item ul.numlist1 li#num01 {
background-image:url(../imgs/club/p_card_p1.gif);
}
.club_about .item ul.numlist1 li#num02 {
background-image:url(../imgs/club/p_card_p2.gif);
}
.club_about .item ul.numlist1 li#num03 {
background-image:url(../imgs/club/p_card_p3.gif);
}
.club_about .item ul.numlist1 li#num04 {
background-image:url(../imgs/club/p_card_p4.gif);
}
.club_about .item ul.numlist1 li#num05 {
background-image:url(../imgs/club/p_card_p5.gif);
}
.club_about .item ul.numlist1 li {
font-size: 115%;
margin: 15px 0;
min-height: 60px;
padding: 0 0 0 90px;
background-repeat: no-repeat;
}
.wp-pagenavi{
position: relative;
margin: 1em 0;
text-align: center;
}
.wp-pagenavi .pages{
display: none;
}
.wp-pagenavi .page,
.wp-pagenavi .current{
background-color: #eee;
display: inline-block;
padding: 0 .5em;
margin: 0 .25em;
text-decoration: none;
}
.wp-pagenavi .current{
background-color: #444;
color: #fff;
}
.wp-pagenavi .previouspostslink{
position: absolute;
left: 0;
}
.wp-pagenavi .nextpostslink{
position: absolute;
right: 0;
}
.iframe {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin: 20px 0;
}
.iframe iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
.list_items li .img{
height: 115px;
overflow: hidden;
width: 175px;
}


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

.list_shop li{
float: none;
width: auto;
}
#footer .list_banner li{
float: none;
width: auto;
margin-right: 0px;
margin-bottom: 10px;
}
#footer .list_banner{
width: auto;
}
img{
max-width: 100%;
height: auto;
}
#footer,
#contents,
#main,
#sub{
float: none;
width: auto;
}
#contents{
padding: 10px;
}
#header .gnavi ul{
width: auto;
}
#header .gnavi ul li{
width: 50%;
}
.shop_floor .item .img{
float: none;
margin-right: 0;
margin-bottom: 10px;
}
.lv1 .title{
width: 80%;
}
.club_about .item{
max-width: 564px;
width: auto;
margin:auto;
}
.club_about .item ul.numlist1 li {
padding: 90px 0 0 0px;
background-position: center top;
}
.list_buttons li,
.list_apps li{
display: block;
float: none;
width: auto;
margin-bottom: 10px;
text-align: center;
}
.list_items li .img{
width: 100px;
}
.list_items li .img img{
width: 100px;
}
.block_header .control{
float: none;
overflow: hidden;
margin: 10px 40px 10px 10px;
}
#twitter-widget-0{
height: 300px!important;
}
#slider li{
height: 150px;
}
#slider li{
background-size:cover;
}
#slider li a{
display: block;
height: auto;
}

ul.text_list {
padding:0.2em 0;
}
ul.text_list li {
float:none;
width:100%;
margin:0 10px 10px 0;
}
ul.text_list li:nth-child(even) {
margin:0 0 10px 0;
}
ul.text_list li a {
display: block;
padding:8px 16px 8px 36px;
border:1px #ddd solid;
background: url(../imgs/common/icon_pdf.gif) 10px 10px no-repeat;
}

ul.text_web {
padding:0.2em 0;
}
ul.text_web li {
float:none;
width:100%;
margin:0 10px 10px 0;
}
ul.text_web li:nth-child(even) {
margin:0 0 10px 0;
}
ul.text_web li a {
display: block;
}

.blk_left,
.blk_right {
width:100%;
float:none;
margin-bottom:50px;
}

.tbl_howtobuy {
width:95%;
font-size: 90%;
}
.tbl_howtobuy th {
white-space: nowrap;
padding-right: 0.5em;
}



}