@charset "UTF-8";

/*
======== table of content. ===============

summary:汎用要素設定

==========================================
*/




/* 真空ホロウ x REVSTAR */
/* .revstar_name { display:block; width:380px; margin:auto; text-align:left; } */

.post-thumbnail a:hover img { opacity:0.7; }

.revstar_name { width:450px; margin-left:auto; margin-right:auto; }

/* ニュース用box white */
.box_white { padding:20px; background:#fff; }
.box_gray { padding:20px; background:#f5f5f5; }
.box_profile { padding:20px; border:1px solid #e6e6e6; }

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
	.box_white,
	.box_gray,
	.box_profile { padding:10px; }
	.revstar_name { width:auto; }
	.aligncenter.mt20.mb20 { text-align:left!important; }
}

/* 製品紹介的box */
.news_box_header h4 span {display: inline-block;
position: relative;
padding-left: 13px;  }
.news_box_header h4 span:after {
	content:"";
  display:block;
  position:absolute;
  left:0;
  top:6px;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  border-left:5px solid #000;
}
.news_box {
  float:left;
  width:49%;
  margin:20px 0 0 2%;
  border:1px solid #e0e0e0;
  box-sizing:border-box;
  background:#fff; 
}
.news_box:nth-child(2n+1) {
  clear:both;
  margin-left:0;
}
.news_box:nth-child(-n+2) {
  margin-top:0;
}
.news_box_header {
  color:#000;
}
.news_box_header a {
  display:block;
  padding:15px 20px;
  color:#000;
}
.news_box_header a:hover {
  text-decoration:underline;
}

.news_box_body { color:#333; }

.news_box_body {
  padding:15px 20px;
}
.box_body {
  margin-top:10px;
}
.box_body img {
  display:block;
  width:100%;
  margin:10px auto 20px;
  height:auto;
}
.box_body a:hover img {
  opacity:.7;
}

.text_workshop_desc { min-height:5em; }

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
.news_box {
  float:none;
  width:100%;
  margin:20px 0 0 0;
  border:1px solid #e0e0e0;
  box-sizing:border-box;
}
.news_box:nth-child(-n+4) {
  margin-top:20px;
}
.news_box:first-child {
  margin-top:0;
}
.text_workshop_desc { min-height:inherit; }
}




/* 入場無料 */
span.fee_free { display:inline-block; margin-left:2px; color:#fff; font-weight:bold; padding:5px 10px; background:#ff781f; border-radius:3px; text-align:center; }

/* 完売御礼 */
span.fee_thanks { display:inline-block; margin-left:2px; color:#fff; font-weight:bold; padding:5px 10px; background:#e63e4e; border-radius:3px; text-align:center; }
.ticket_status_txt2 span {
    display: inline-block;
    padding: 0.2em 0.4em;
    background: #ff781f;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    background: #e63e4e;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
}



/* 予約ボタン */
.btn_reserve a {
  display:block;
  max-width:450px;
  box-sizing:border-box;
  margin:20px 0 0;
  padding:23px 15px;
  font-size:18px;
  background:#eb2035;
  color:#fff;
  border-radius:5px;
  text-align:center;
}
.btn_reserve a:hover {
  background:#ef4d5d;
  color:#fff;
}
.column_left .btn_reserve a {  text-decoration:none; }

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
.btn_reserve a {
  margin-top:15px;
  padding:16px 8px;
}
}


.entry-footer { margin-top:30px; }
.w940,
.w1000,
.w1200 { position:relative; margin:auto; }
.w940 {  width:940px; }
.w1000 { width:1000px; }
.w1200 { width:1200px; }

.color_red { color:#9c232d; }
.list_border li { border-bottom:1px solid #b3a36b; }

.forpc_inline { display:inline; }		
.forpc { display:block; }
.forsp { display:none; }

.img_max { width:100%; height:auto; }

.btn_backtoindex { margin-top:30px; text-align:center; }
.column_left .btn_backtoindex a { width:80%; display:inline-block; margin:auto; padding:10px; background:#000; color:#fff; text-decoration:none; text-align:center; }

/* 次へ、前へリンク */
.post-navigation { margin-top:50px; padding:5px; border-top:1px solid #999; }
.post-navigation h2 { display:none; }
.column_left .post-navigation a { text-decoration:none; }

.nav-previous,
.nav-next { width:48%; }

.nav-previous { float:left; }
.nav-next { float:right; text-align:right; }


/* 次へ */
.nav-next a { display: inline-block;
position: relative;
padding-right: 10px; }

.nav-next a:after {
	content:"";
  display:block;
  position:absolute;
  left:100%;
  top:6px;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  border-left:5px solid #1f1f1f;
}

.nav-next a:hover:after {
	border-left: 5px solid #888;
}

/* 前へ */
.nav-previous a { display: inline-block;
position: relative;
padding-left: 10px; }

.nav-previous a:after {
	content:"";
  display:block;
  position:absolute;
  left:0;
  top:6px;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  border-right:5px solid #1f1f1f;
}

.nav-previous a:hover:after {
	border-right: 5px solid #888;
}

/* ニュース＆トピックスページ */
.ttl_blue,
.ttl_black { margin-bottom:20px; padding:10px; background-repeat:no-repeat; background-size:cover; color:#fff; font-size:18px; font-weight:bold; text-align:center; }

.ttl_black { background-image:url(../img/bg_ttl_black.png); }
.ttl_blue { background-image:url(../img/bg_ttl_blue.png); }

.ttl_border_black { margin-bottom:10px; padding-bottom:10px; border-bottom:2px solid #000; color:#000; font-size:16px; font-weight:bold; }

.ttl_blue a,
.ttl_black a { color:#fff; }
.ttl_blue a:hover,
.ttl_black a:hover { opacity:0.8; color:#fff; }

.ttl_blue a span,
.ttl_black a span { display:inline-block; position: relative;
padding-left: 15px; }

.ttl_blue a span:after,
.ttl_black a span:after {
	content:"";
  display:block;
  position:absolute;
  left:0;
  top:6px;
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
  border-left:7px solid #fff;
}


/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
	.forpc,
	.forpc_inline { display:none; }
	.forsp { display:block; }
	.post-navigation { margin-top:20px; }
	.ttl_blue.pb00,
	.ttl_black.pb00 { padding-bottom:10px !important; }
	.ttl_blue.text_ticket { font-size:14px; }
}

.post-thumbnail { margin-bottom:1em; text-align:center; }
.post-thumbnail img { width:100%; height:auto; }


.news_table_detail {
  padding:0 20px;
}

.news_table_detail li {
  padding:17px 0;
  background:url(../img/bg_border_dod.png) 0 bottom repeat-x;
  line-height:1.8;
}
.news_table_detail li {
  position:relative;
  padding-left:7.5em;
}
.news_table_detail li span {
  display:block;
  position:absolute;
  top:17px;
  left:0;
  width:7em;
  text-align:right;
}
.news_table_detail li span span {
  width:6em;
  top:0;
  text-align:left;
}
.news_table_detail li p span { position:static; width:auto; text-align:left; }

.news_table_detail .w300 { width:50%!important; }
html.ipad .news_table_detail .w300 { width:45%!important; }

.news_table_detail .photo_wide { }
.news_table_detail .w390 { width:390px; margin-left:auto; margin-right:auto; }

#sec_news_detail .photo_margin_l,
.entry-content .photo_margin_l { margin-bottom:0.5em; }

#sec_news_detail .photo_margin_l,
.entry-content .photo_margin_l { margin-left:20px; }

#post-3686 .post-thumbnail,
#post-227 .post-thumbnail,
#post-182 .post-thumbnail,
#postid-3005 .post-thumbnail { margin-bottom:0; }

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
.news_table_detail {
  padding:0 10px;
}
.news_table_detail li {
  padding-left:0;
}
.news_table_detail li span {
  display:block;
  position:static;
  top:17px;
  left:0;
  width:auto;
  text-align:left;
}
.news_table_detail li span span {
	display:inline-block;
  width:auto;
  text-align:left;
}

.news_table_detail .left,
.news_table_detail .right,
#sec_news_detail .left,
#sec_news_detail .right,
.entry-content .left,
.entry-content .right { float:none !important; }
 
.news_table_detail .mr20 { margin-right:0!important; }
.news_table_detail .w300 { width:auto!important; }

.aligncenter_sp { text-align:center; }
.alignleft_sp { text-align:left; }

.news_table_detail .photo_wide img,
#sec_news_detail .photo_wide,
.entry-content .photo_wide { width:100%; height:auto; }

.news_table_detail .w390 { width:auto; }
#sec_news_detail .photo_margin_l,
.entry-content .photo_margin_l { margin-left:0; }
.photo_sp_max { width:100%; height:auto; }
}



/* ================================================================================
page_nav
================================================================================= */
.page_nav {
  margin-top:10px;
  padding:17px;
  background:#f5f5f5;
}
.page_nav li {
  display:table;
  float:left;
  padding:6px;
  width:25%;
  box-sizing:border-box;
}
.page_nav li:nth-child(4n+1) {
  clear:both;
}
.page_nav a {
  box-sizing:border-box;
  display:table-cell;
  padding:5px 0 5px 20px;
  background:#000 url(../img/bg_pagenav.png) 10px center no-repeat;
  text-align:center;
  vertical-align:middle;
  color:#fff;
  border-radius:3px;
}
.page_nav a:hover {
  color:#fff;
  background-color:#555;
}

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
.page_nav li {
  width:100%;
}
}

/*----------------------------------------
btn
------------------------------------------*/
.btn_rounded { display:block; padding:8px 6px; border-radius:4px; border-bottom-width:3px; border-bottom-style:solid; color:#fff; text-align:center; }

/*----------------------------------------
display
------------------------------------------*/
.disp_table { display:table; }
.disp_table_cell { display:table-cell; }

/*----------------------------------------
img
------------------------------------------*/
img.border_brown { padding:2px 2px 2px 3px; background:#fff; border:2px solid #b7a772;
box-sizing:border-box; }

/*----------------------------------------
table
------------------------------------------*/
.table_border {  }
.table_border th,
.table_border td { padding:10px; background:#fff; }
.table_border tr { border-bottom:1px dashed #939393; }
.table_border th { }
@media only screen and (max-width:750px) {
	.table_border.smallfont { font-size:0.7rem; }
}

/*----------------------------------------
title
------------------------------------------*/

.content .title_sideborderbrown { min-height:36px; margin-bottom:30px; padding-top:5px; background:url(../../../select/hakata/images/global/bg_title_sideborder_pc.png.html) no-repeat center top; font-size:2.2rem; font-weight:normal; text-align:center; }
.content .title_withmark { padding-left:20px; background:url(../../../select/hakata/images/global/mark_wing.png.html) no-repeat 0 0.2em; background-size:17px 16px; color:#333; }

.content .title_withicon { padding-left:24px; background-repeat:no-repeat; background-position:0 0.2em; background-size:20px auto; }
	.content .title_withicon.withmap { padding-top:6px; padding-bottom:6px; background-image:url(../../../select/hakata/images/global/icon_spot.png.html); }

/*----------------------------------------
font color & size
------------------------------------------*/
.font_mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.txt_sorry { width:800px; margin:auto auto 20px; }
@media only screen and (max-width:750px) {
	.txt_sorry { width:auto; margin:auto 10px 20px; }
	.ttl_blue.ttl_index { font-size:14px; }
}

.bold { font-weight:bold!important; }
.normal { font-weight:normal!important; }

.color_gray { color:#505050!important; }
.color_pink { color:#e40d86; }
.color_red,
.txt_notice a { color:#e00109!important; }
.color_kanbai { color:#e63e4e; }
.color_blue { color:#4373b5!important; }
.color_green { color:#356237!important; }

.font_ll { font-size:1.6rem; }
.font_l { font-size:1.4rem; }
.font_m { font-size:1.2rem; }
.font_s { font-size:0.78rem; }
.font_ss { font-size:0.7rem; }
@media screen and (max-width: 767px) {
	.font_ll { font-size:1.2rem; }
	.font_l { font-size:1.1rem; }
}

/*----------------------------------------
text (with icon)
------------------------------------------*/
.nobr { white-space:nowrap; }

.line { text-decoration:underline; }
.link_margin { margin-left:10px; margin-right:10px; }
/* 矢印左 */
.link_arrow,
.post-edit-link { display: inline-block;
position: relative;
padding-left: 13px; }

.link_arrow:after,
.post-edit-link:after {
	content:"";
  display:block;
  position:absolute;
  left:0;
  top:6px;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  border-left:5px solid #1f1f1f;
}

.font_s .link_arrow:after { top:4px; }

.link_arrow:hover:after {
	border-left: 5px solid #888;
}

.link_arrow.color_blue:after { border-left-color:#4373b5; }
.link_arrow.color_gray:after { border-left-color:#505050; }
.link_arrow.color_pink:after { border-left-color:#e40d86; }
.txt_notice.link_arrow:after,
.link_arrow.color_red:after { border-left-color:#e00109; }
.link_arrow.color_green:after { border-left-color:#e00109; }

.ttl_blue .link_arrow:after { border-left-color:#fff; }
.ttl_blue .link_arrow { margin-right:15px; }

/* 矢印下向き */
.btn_anchor a,
a.btn_down { display: inline-block;
position: relative;
padding-left: 13px; }

.btn_anchor a:after,
a.btn_down:after {
content:"";
  display:block;
  position:absolute;
  left:0;
  top:8px;
  border-right:4px solid transparent;
  border-bottom:4px solid transparent;
  border-left:4px solid transparent;
  border-top:5px solid #1f1f1f;
}



.btn_anchor a:hover:after,
a.btn_down:hover:after {
	border-top: 5px solid #888;
}
.font_l.btn_anchor a { padding-left:20px; }
.font_l.btn_anchor a:after {
	top:12px;
  border-right:6px solid transparent;
  border-bottom:6px solid transparent;
  border-left:6px solid transparent;
  border-top:6px solid #1f1f1f;
}

.btn_anchor.txt_notice a:after { border-top:6px solid #e00109; }

/*----------------------------------------
float & clear
------------------------------------------*/
.left { float:left !important; }
.right { float:right !important; }
.clear { clear:both !important; }
.left_pc { float:left; }
.right_pc { float:right; }
.right_pc.photomargin { margin-left:10px; }
.potafes_margin { width:30%; }
.synth_margin { width:30%; }
@media screen and (max-width: 767px) {
	.left_pc,.right_pc { float:none; }
	.potafes_margin,
	.synth_margin { width:auto; }
	.right_pc.photomargin { width:100%; height:auto; margin:10px 0; }
}

/*----------------------------------------
width
------------------------------------------*/
.w20 { width:20px!important; }
.w30 { width:30px!important; }
.w40 { width:40px!important; }
.w50 { width:50px!important; }
.w60 { width:60px!important; }
.w100 { width:100px!important; }
.w120 { width:120px!important; }
.w150 { width:150px!important; }
.w180 { width:180px!important; }
.w200 { width:200px!important; }
.w250 { width:250px!important; }
.w300 { width:300px!important; }
.w350 { width:350px!important; }
.w390 { width:390px!important; }
.w400 { width:400px!important; }
.w450 { width:450px!important; }
.w500 { width:500px!important; }
.w550 { width:550px!important; }
.w600 { width:600px!important; }
.w650 { width:650px!important; }

.w10per { width:10%!important; }
.w20per { width:20%!important; }
.w25per { width:25%!important; }
.w30per { width:30%!important; }
.w33per { width:33.3%!important; }
.w40per { width:40%!important; }
.w48per { width:48%!important; }
.w50per { width:50%!important; }
.w60per { width:60%!important; }
.w66per { width:66.7%!important; }
.w70per { width:70%!important; }
.w75per { width:75%!important; }
.w80per { width:80%!important; }
.w90per { width:90%!important; }
.w100per { width:100%!important; }

@media screen and (max-width: 767px) {
	.w350,
	.w390,
	.w450,
	.w500,
	.w550,
	.w600,
	.w650 { width:auto!important; }
}


/*----------------------------------------
margin
------------------------------------------*/
.mt00 { margin-top:0px!important; }
.mt05 { margin-top:5px!important; }
.mt06 { margin-top:6px!important; }
.mt10 { margin-top:10px!important; }
.mt12 { margin-top:12px!important; }
.mt15 { margin-top:15px!important; }
.mt18 { margin-top:18px!important; }
.mt20 { margin-top:20px!important; }
.mt24 { margin-top:24px!important; }
.mt30 { margin-top:30px!important; }
.mt40 { margin-top:40px!important; }
.mt50 { margin-top:50px!important; }
.mt60 { margin-top:60px!important; }

.mr00 { margin-right:0px!important; }
.mr05 { margin-right:5px!important; }
.mr06 { margin-right:6px!important; }
.mr10 { margin-right:10px!important; }
.mr12 { margin-right:12px!important; }
.mr15 { margin-right:15px!important; }
.mr18 { margin-right:18px!important; }
.mr20 { margin-right:20px!important; }
.mr24 { margin-right:24px!important; }
.mr30 { margin-right:30px!important; }
.mr40 { margin-right:40px!important; }
.mr50 { margin-right:50px!important; }
.mr60 { margin-right:60px!important; }

.mb00 { margin-bottom:0px!important; }
.mb05 { margin-bottom:5px!important; }
.mb06 { margin-bottom:6px!important; }
.mb10 { margin-bottom:10px!important; }
.mb12 { margin-bottom:12px!important; }
.mb15 { margin-bottom:15px!important; }
.mb18 { margin-bottom:18px!important; }
.mb20 { margin-bottom:20px!important; }
.mb24 { margin-bottom:24px!important; }
.mb30 { margin-bottom:30px!important; }
.mb40 { margin-bottom:40px!important; }
.mb50 { margin-bottom:50px!important; }
.mb60 { margin-bottom:60px!important; }
.mb90 { margin-bottom:90px!important; }

.ml00 { margin-left:0px!important; }
.ml05 { margin-left:5px!important; }
.ml06 { margin-left:6px!important; }
.ml10 { margin-left:10px!important; }
.ml12 { margin-left:12px!important; }
.ml15 { margin-left:15px!important; }
.ml18 { margin-left:18px!important; }
.ml20 { margin-left:20px!important; }
.ml24 { margin-left:24px!important; }
.ml30 { margin-left:30px!important; }
.ml40 { margin-left:40px!important; }
.ml50 { margin-left:50px!important; }
.ml60 { margin-left:60px!important; }

.mlr_auto { margin-left:auto!important; margin-right:auto!important; }
@media screen and (max-width: 767px) {
.mt05 { margin-top:1.3%!important; }
.mt06 { margin-top:1.6%!important; }
.mt10 { margin-top:2.7%!important; }
.mt12 { margin-top:3.3%!important; }
.mt15 { margin-top:4%!important; }
.mt18 { margin-top:5%!important; }
.mt20 { margin-top:5.3%!important; }
.mt24 { margin-top:6.4%!important; }
.mt30 { margin-top:8%!important; }
.mt40 { margin-top:10.66%!important; }
.mt50 { margin-top:13%!important; }
.mt60 { margin-top:16%!important; }

.mr05 { margin-right:0.66%!important; }
.mr06 { margin-right:0.8%!important; }
.mr10 { margin-right:1.33%!important; }
.mr12 { margin-right:1.66%!important; }
.mr15 { margin-right:2%!important; }
.mr18 { margin-right:2.4%!important; }
.mr20 { margin-right:2.66%!important; }
.mr24 { margin-right:3.2%!important; }
.mr30 { margin-right:4%!important; }
.mr40 { margin-right:5.33%!important; }
.mr50 { margin-right:6.66%!important; }
.mr60 { margin-right:8%!important; }

.mb05 { margin-bottom:1.3%!important; }
.mb06 { margin-bottom:1.6%!important; }
.mb10 { margin-bottom:2.7%!important; }
.mb12 { margin-bottom:3.3%!important; }
.mb15 { margin-bottom:4%!important; }
.mb18 { margin-bottom:5%!important; }
.mb20 { margin-bottom:5.3%!important; }
.mb24 { margin-bottom:6.4%!important; }
.mb30 { margin-bottom:8%!important; }
.mb40 { margin-bottom:10.66%!important ; }
.mb50 { margin-bottom:13%!important; }
.mb60 { margin-bottom:16%!important; }
.mb90 { margin-bottom:24%!important; }

.ml05 { margin-left:0.66%!important; }
.ml06 { margin-left:0.8%!important; }
.ml10 { margin-left:1.33%!important; }
.ml12 { margin-left:1.66%!important; }
.ml15 { margin-left:2%!important; }
.ml18 { margin-left:2.4%!important; }
.ml20 { margin-left:2.66%!important; }
.ml24 { margin-left:3.2%!important; }
.ml30 { margin-left:4%!important; }
.ml40 { margin-left:5.33%!important; }
.ml50 { margin-left:6.66%!important; }
.ml60 { margin-left:8%!important; }
}

/*----------------------------------------
padding
------------------------------------------*/
.pt00 { padding-top:0!important; }
.pt05 { padding-top:5px!important; }
.pt06 { padding-top:6px!important; }
.pt10 { padding-top:10px!important; }
.pt12 { padding-top:12px!important; }
.pt15 { padding-top:15px!important; }
.pt18 { padding-top:18px!important; }
.pt20 { padding-top:20px!important; }
.pt24 { padding-top:24px!important; }
.pt30 { padding-top:30px!important; }
.pt40 { padding-top:40px!important; }
.pt50 { padding-top:50px!important; }
.pt60 { padding-top:60px!important; }

.pr00 { padding-right:0!important; }
.pr05 { padding-right:5px!important; }
.pr06 { padding-right:6px!important; }
.pr10 { padding-right:10px!important; }
.pr12 { padding-right:12px!important; }
.pr15 { padding-right:15px!important; }
.pr18 { padding-right:18px!important; }
.pr20 { padding-right:20px!important; }
.pr24 { padding-right:24px!important; }
.pr30 { padding-right:30px!important; }
.pr40 { padding-right:40px!important; }
.pr50 { padding-right:50px!important; }
.pr60 { padding-right:60px!important; }

.pb00 { padding-bottom:0!important; }
.pb05 { padding-bottom:5px!important; }
.pb06 { padding-bottom:6px!important; }
.pb10 { padding-bottom:10px!important; }
.pb12 { padding-bottom:12px!important; }
.pb15 { padding-bottom:15px!important; }
.pb18 { padding-bottom:18px!important; }
.pb20 { padding-bottom:20px!important; }
.pb24 { padding-bottom:24px!important; }
.pb30 { padding-bottom:30px!important; }
.pb40 { padding-bottom:40px!important; }
.pb50 { padding-bottom:50px!important; }
.pb60 { padding-bottom:60px!important; }

.pl00 { padding-left:0!important; }
.pl05 { padding-left:5px!important; }
.pl06 { padding-left:6px!important; }
.pl10 { padding-left:10px!important; }
.pl12 { padding-left:12px!important; }
.pl15 { padding-left:15px!important; }
.pl18 { padding-left:18px!important; }
.pl20 { padding-left:20px!important; }
.pl24 { padding-left:24px!important; }
.pl30 { padding-left:30px!important; }
.pl40 { padding-left:40px!important; }
.pl50 { padding-left:50px!important; }
.pl60 { padding-left:60px!important; }

.pa00 { padding:0!important; }
.pa05 { padding:5px!important; }
.pa06 { padding:6px!important; }
.pa10 { padding:10px!important; }
.pa12 { padding:12px!important; }
.pa15 { padding:15px!important; }
.pa18 { padding:18px!important; }
.pa20 { padding:20px!important; }
.pa24 { padding:24px!important; }
.pa30 { padding:30px!important; }

@media screen and (max-width: 767px) {
.pt05 { padding-top:1.3%!important; }
.pt06 { padding-top:1.6%!important; }
.pt10 { padding-top:2.66%!important; }
.pt12 { padding-top:3.3%!important; }
.pt15 { padding-top:4%!important; }
.pt18 { padding-top:5%!important; }
.pt20 { padding-top:5.3%!important; }
.pt24 { padding-top:6.4%!important; }
.pt30 { padding-top:8%!important; }
.pt40 { padding-top:10.66%!important; }
.pt50 { padding-top:13%!important; }
.pt60 { padding-top:16%!important; }

.pr05 { padding-right:0.66%!important; }
.pr06 { padding-right:0.8%!important; }
.pr10 { padding-right:1.33%!important; }
.pr12 { padding-right:1.66%!important; }
.pr15 { padding-right:2%!important; }
.pr18 { padding-right:2.4%!important; }
.pr20 { padding-right:2.66%!important; }
.pr24 { padding-right:3.2%!important; }
.pr30 { padding-right:4%!important; }
.pr40 { padding-right:5.33%!important; }
.pr50 { padding-right:6.66%!important; }
.pr60 { padding-right:8%!important; }

.pb05 { padding-bottom:1.3%!important; }
.pb06 { padding-bottom:1.6%!important; }
.pb10 { padding-bottom:2.7%!important; }
.pb12 { padding-bottom:3.3%!important; }
.pb15 { padding-bottom:4%!important; }
.pb18 { padding-bottom:5%!important; }
.pb20 { padding-bottom:5.3%!important; }
.pb24 { padding-bottom:6.4%!important; }
.pb30 { padding-bottom:8%!important; }
.pb40 { padding-bottom:10.66%!important; }
.pb50 { padding-bottom:16%!important; }
.pb60 { padding-bottom:24%!important; }

.pl05 { padding-left:0.66%!important; }
.pl06 { padding-left:0.8%!important; }
.pl10 { padding-left:1.33%!important; }
.pl12 { padding-left:1.66%!important; }
.pl15 { padding-left:2%!important; }
.pl18 { padding-left:2.4%!important; }
.pl20 { padding-left:2.66%!important; }
.pl24 { padding-left:3.2%!important; }
.pl30 { padding-left:4%!important; }
.pl40 { padding-left:5.33%!important; }
.pl50 { padding-left:6.66%!important; }
.pl60 { padding-left:8%!important; }

.pa05 { padding:0.66%!important; }
.pa06 { padding:0.8%!important; }
.pa10 { padding:1.33%!important; }
.pa12 { padding:1.66%!important; }
.pa15 { padding:2%!important; }
.pa18 { padding:2.4%!important; }
.pa20 { padding:2.66%!important; }
.pa24 { padding:3.2%!important; }
.pa30 { padding:4%!important; }
}



/*----------------------------------------
text-align
------------------------------------------*/
.alignleft { text-align:left!important; }
.aligncenter { text-align:center!important; }
img.aligncenter { display:block; width:auto; margin:auto auto 10px; }
.alignright { text-align:right!important; }

/*----------------------------------------
list 
------------------------------------------*/
p.txt_note,
.list_notes li { position:relative; padding-left:1.2em; }
.list_notes li { margin-top:5px; }
.list_notes li:first-child { margin-top:0; }
p.txt_note:before,
.list_notes li:before { display:block; position:absolute; left:0; }
p.txt_note_dot:before,
.list_note_dot li:before { content:"・"; font-weight:bold; }
p.txt_note_symbol:before,
.list_note_symbol li:before { content:"※"; }

/*----------------------------------------
box model 
------------------------------------------*/
.block,
.blocks *  { display:block; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing:border-box; }

/*----------------------------------------
table model 
------------------------------------------*/
.sec_table { display:table; width:100%; }
.sec_table .row { display:table-row; }
.sec_table .cell { display:table-cell; }

/*----------------------------------------
border-radius 
------------------------------------------*/
.rc3 { position:relative; -webkit-border-radius:3px; border-radius:3px; }
.rc5 { position:relative; -webkit-border-radius:5px; border-radius:5px; }
.rc8 { position:relative; -webkit-border-radius:8px; border-radius:8px; }
.rc10 { position:relative; -webkit-border-radius:10px; border-radius:10px; }

/*----------------------------------------
box-shadow 
------------------------------------------*/
.bs3 { position:relative; -webkit-box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.3); box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.3); }
.bs5 { position:relative; -webkit-box-shadow:3px 3px 5px 0 rgba(0, 0, 0, 0.3); box-shadow:3px 3px 5px 0 rgba(0, 0, 0, 0.3); }

.nav-links:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	font-size:0; 
	line-height:0; 	
	visibility:hidden;
}
.nav-links {
	zoom:1;
}

/* ================================================================================
sec_banner
================================================================================= */
#sec_banner {
  box-sizing:border-box;
  margin-top:20px;
 /* max-width:1280px;
  margin:10px auto 0;
  padding:40px;
  background:#f5f5f5;*/
}
#sec_banner ul {
  display:table;
  margin:0 auto;
}
#sec_banner li {
  /* display:table-cell;
  padding:0 20px; */
}
#sec_banner img {
  width:100%;
  height:auto;
}
#sec_links #sec_banner li a {
padding-left:0;
  opacity:1;
  transition:all 0.2s;
}
#sec_links #sec_banner li a:after { display:none; }

#sec_banner li a:hover {
  opacity:.8;
}
#sec_links ul.bnr_middle { margin-top:5px; }
#sec_banner .bnr_middle img {
  max-width:336px;
}
#sec_banner .bnr_small {
  margin:0 8px;
}
#sec_banner .bnr_small li { float:left; width:48%; }
#sec_banner .bnr_small li:nth-child(even) { float:right; }
#sec_banner .bnr_small img {
  max-width:200px;
}
.ipad #sec_banner .bnr_small li { width:125px; }

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
#sec_links #sec_banner li { margin-top:5px; }
#sec_banner {
  margin:10px 0 0 0;
  padding:20px;
}
#sec_banner ul.bnr_middle {
  display:block;
  margin:0;
}
#sec_banner .bnr_middle li {
  display:block;
  padding:0;
  width:100%;
  margin-top:10px;
}
#sec_banner .bnr_middle li:first-child {
  margin-top:0;
}
#sec_banner ul.bnr_small {
  margin:0;
}
#sec_banner ul.bnr_small li {
  display:block;
  float:left;
  width:49%;
  padding:0;
  box-sizing:border-box;
}
#sec_banner ul.bnr_small li:nth-child(odd) {
  /* padding:0 5px 0 0; */
}
#sec_banner ul.bnr_small li:nth-child(n+5) {
  display:none;
}
#sec_banner img {
  width:100%;
  height:auto;
}
#sec_banner .bnr_middle img,
#sec_banner .bnr_small img {
  max-width:100%;
}
}