/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {    color: #333;    font-size: 1em;    line-height: 1.6;}

::-moz-selection {    background: #b3d4fc;    text-shadow: none;}
::selection {    background: #b3d4fc;    text-shadow: none;}
hr {    display: block;    height: 1px;    border: 0;    border-top: 1px solid #ccc;    margin: 1em 0;    padding: 0;}
audio,canvas,iframe,img,svg,video {    vertical-align: middle;}
fieldset {    border: 0;    margin: 0;    padding: 0;}
textarea {    resize: vertical;}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {    margin: 0.2em 0;    background: #ccc;    color: #000;    padding: 0.2em 0;}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* common settings
-------------------------------- */
body{ font-size:16px; line-height:170%; color:#222; margin:0; padding:0; 
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
   background: url(/share/img/body_bg01.png) no-repeat center 618px;
}
h1,h2,h3,h4,h5,h6,p,ul,dl,ol{margin-top: 0;}
img{max-width: 100%; height: auto;}

a img{ transition: all 0.3s; background-color: #fff;}
   a img:hover{ opacity: 0.8;}

/* link color */
a			{ color:#222;}
a:visited	{ color:#222;}
a:hover		{ color:#49769B;}

.memo{ color:#666;}


/* ============================================
     struct  ** base width = net:1170px(gross:1200px)
   ============================================ */
.wrap{width:1165px; max-width: 100%; margin: 0 auto; padding: 0 35px 0 0; box-sizing: border-box; }
section{padding: 100px 0 0;}
.colWrap{ display: flex; justify-content: space-between;}
.forPC{display: block;}
.forSP{display: none;}
@media (max-width: 980px) {
   .wrap{ padding: 0 15px;}
   .colWrap{ display: block; }
  section{padding: 60px 0 0;}

}
@media (max-width: 640px) {
   .forPC{display: none;}
   .forSP{display: block;}
}

/* header
-------------------------------- */
header { width: 300px; box-sizing: border-box; margin-right: 35px; background: url(/share/img/header_btm_bg.jpg) no-repeat center bottom #002d57;   color: #fff;}
header .siteTtlArea{ height: 460px;padding: 35px; box-sizing: border-box; background:url(/share/img/header_logo_bg.png)no-repeat center top; ;}
header h1{ text-align: center; padding: 85px 0 25px;}
header h1 a img{background-color: inherit; }
header .corpInfo{ font-size: 15px; line-height: 21px; }
header .corpInfo strong{ font-weight: normal; font-size: 16px;}
header nav{padding: 35px;}
header nav ul{ padding: 0; list-style: none;}
header nav ul li{ margin-bottom: 15px;
	font-family:"游明朝体", "Yu Mincho", YuMincho,'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif; font-weight: normal;}
header nav a{  color: #f1f1ec; text-decoration: none;}
   header nav a:hover{  color: #fff; text-decoration: underline;}
   header nav a:visited	{ color:#fff;}
header nav .globalNav{ padding-bottom: 50px; border-bottom: 1px solid #f1f1ec; background: url(/share/img/nav_bg.png) no-repeat right bottom;}
/* 
header nav .globalNav{ padding-bottom: 92px; border-bottom: 1px solid #66819A; background: url(/share/img/menu_bg2.jpg) no-repeat right bottom; background-size: 142px 105px}
*/
header .headSNS { padding: 0 35px 35px;}
header .headSNS ul{ margin: 0; padding: 0; list-style: none; text-align: center;}
header .headSNS ul li{ display: inline-block; margin: 0 2px; }

header .menuBtn{ display: none; position: absolute; top: 24px; right: 24px; margin: 0; width: 64px; height: 18px; background: none !important; color: #fff; font-size: 32px; text-align: center; line-height: 20px; transition: all 0.3s; z-index: 9999; cursor: pointer;}
header .menuBtn::before { content: "\2630"; font-family: sans-serif; }
header .menuBtn.open{ background: none !important; }
header .menuBtn.open::before { content: "\2715"; }
header .menuBg2 { margin: 50px 5px 0; text-align: center; opacity: 0.93; }

@media (max-width: 980px) {
   header { width: inherit; margin: 0 -15px; background-image: none;}
   header .siteTtlArea{ height: inherit; padding: 0; background-image:none;}
   header h1{ padding: 34px 16px 22px; margin: 0;}
   header h1 img{ max-width: 50%;}
   header .corpInfo{ display: none;}
   header nav{padding: 5px 5px 0;}
   header nav ul li{ margin:0; border-top: 1px solid #99ABBC;}
   header nav ul li a{ display: block; padding: 16px 10px; text-align: center;}
   header nav .globalNav{ display: none; padding-bottom: 0; margin-bottom: 0; border-bottom: 0; background-image: none;}
   header .headSNS { display: none;}
   header .menuBg2 { display: none;}
   header .menuBtn{ display: block; }

}

/* main
-------------------------------- */
.main{ width:800px; max-width: 800px;}
#secVis { /*margin-top: 30px;*/ margin-top: 50px; }
#secVis p{ margin-bottom: 10px;}
@media (max-width: 640px) {
   #secVis { margin: 0 -15px;}
}

/* ------ pageTtl */
.pageTtl{ text-align: center; font-size: 28px; font-weight: bold;}
.pageTtl{ margin: 50px 0; background: url(/share/img/line01.png) repeat-x center ; text-align: center;
	font-family:"游明朝体", "Yu Mincho", YuMincho,'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif; font-weight: bold;}
.pageTtl span{ display: inline-block; padding:0 30px; background-color: #fff; color: #002d57;}

.secTtl{ font-size: 22px; color: #002d57; 
	font-family:"游明朝体", "Yu Mincho", YuMincho,'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif; font-weight: bold;}
@media (max-width: 640px) {
  .pageTtl{ margin: 32px 0 64px;}
   .pageTtl span{ padding:0 15px; margin-left: 15px; margin-right: 15px;}
}

/* ------ breadcrumb */
.breadcrumb {  font-size: 14px;}
.breadcrumb ul{ list-style: none;margin: 12px 0 0; padding: 0;display: flex; justify-content: flex-end; flex-wrap: wrap; color: #002d57;}
.breadcrumb ul li{ margin: 0; padding: 0; margin-right: 10px;}
   .breadcrumb ul li:after{ content: "  ＞  "}
   .breadcrumb ul li:last-child{ margin-right: 0;}
   .breadcrumb ul li:last-child:after{ content: none;}
.breadcrumb ul li a{ margin-right: 10px; color: #002d57;}
@media (max-width: 1190px) {
 .main{margin: 0 auto; width:800px; max-width: 100%;float: none;}
}


/* footer
-------------------------------- */
footer{ padding: 40px 0 0; background: url(/share/img/footer_bg.png) no-repeat center bottom; background-size: contain; text-align: center;}
footer h3{ margin-bottom: 35px; }
footer p{ margin-bottom: 0; color: #002d57; font-size: 12px;}

footer .footerSNS { margin: 0 0 30px; padding: 0;}
footer .footerSNS ul{ margin: 0; padding: 0; list-style: none; }
footer .footerSNS ul li{ display: inline-block; margin: 0 3px; }

footer .footerMap { margin: 0 -15px; padding: 0; font-size: 18px;}
footer .footerMap a { display: block; padding: 10px 5px; background-color: #002d57; color: #fff; text-decoration: none;}
footer .footerTel { margin: 0 -15px 80px; padding: 0; font-size: 18px;}
footer .footerTel a { display: block; padding: 10px 5px;background-color: #66819A; color: #fff; text-decoration: none;}


@media (max-width: 640px) {
  footer{ padding-top: 40px;}
}

/* spMenu
-------------------------------- */
.spNav { position: fixed; left: 0; width: 100%;display: none; transition: all .8s;}
.spNav ul,
.spNav ul li{ list-style: none; margin: 0; padding: 0 ;background-color:rgba(0,0,0,0.5);}
.spNav ul{ display: flex;}
.spNav ul li{ width: 25%; box-sizing: border-box; border-right: 1px solid #999; border-top: 1px solid #999;}
   .spNav ul:first-child li{ width: 33%; border-top: 0;}
   .spNav ul:first-child li:nth-child(2){ width: 34%;}
.spNav ul li a{ display: block; height: 18px; padding-top: 28px; background: no-repeat center 6px; background-size: 15px; text-align: center; color: #fff; text-decoration: none; font-size: 10px; line-height: 1;}

.spNav ul li.spNavAbout a { background-image: url(/share/img/icon_star.png);}
.spNav ul li.spNavBeer a  { background-image: url(/share/img/icon_beer.png);}
.spNav ul li.spNavCoffee a{ background-image: url(/share/img/icon_coffee.png);}
.spNav ul li.spNavHome a  { background-image: url(/share/img/icon_home.png);}
.spNav ul li.spNavMenu a  { background-image: url(/share/img/icon_menu.png);}
.spNav ul li.spNavBlog a  { background-image: url(/share/img/icon_chat.png);}
.spNav ul li.spNavAccess a{ background-image: url(/share/img/icon_marker.png);}

@media (max-width: 980px) {
}


/* ============================================
     pages
   ============================================ */

/* HOME
-------------------------------- */
#home #secVis{ margin: 0 -35px; }
/* ----- sec01 */
#home #sec01{ text-align: center;}
#home #sec01 h3{ margin-bottom: 50px; padding: 0 38px;}

@media (max-width: 980px) {
  #home #sec01 p:nth-of-type(1){ text-align: left; padding:0 22px;}
   #home #secVis{ margin: 0 -15px; }
}
@media (max-width: 640px) {
  #home #sec01 p:nth-of-type(1){ text-align: left; padding:0 12px;}
}

/* ----- sec02 */
#home #sec02 { padding-top: 0;}
@media (max-width: 640px) {
  #home #sec02 { padding-top: 22px;}
}

/* ----- secMenu */
#home #secMenu { margin: 50px 0; padding: 5px 0; border-top: 1px solid #66819A;border-bottom: 1px solid #66819A;}
#home #secMenu ul{ padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; flex-wrap: wrap;}
#home #secMenu ul li{ padding: 5px; width: 25%; box-sizing: border-box; }
#home #secMenu ul li a{ display: block; padding: 5px; background:#002d57; color: #F0F0EA; text-decoration: none; transition: all 0.3s; text-align: center;
	font-family:"游明朝体", "Yu Mincho", YuMincho,'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif; font-weight: normal;}
   #home #secMenu ul li a:hover{ opacity: 0.7;}

@media (max-width: 780px) {
   #home #secMenu ul li{ width: 50%; }
}
@media (max-width: 470px) {
   #home #secMenu ul li{ width: 100%; }
}

/* menu
-------------------------------- */
#menu #sec01{ padding-top: 50px;}
#menu #sec01 .item{ border-left: 10px solid #002d57; padding-left: 20px; margin-bottom: 80px; }
   #menu #sec01 .item:last-child{ margin-bottom: 30px; }
#menu #sec01 .item h4 { color: #002d57; font-size: 18px; font-weight: normal;}
#menu #sec01 .item h4 span{ display: inline-block;}
#menu #sec01 .item h4 img{ display: inline-block; margin-right: 30px; vertical-align: middle;}
#menu #sec01 .item .floatBox .imgLeft{ margin-bottom:15px;}
#menu #sec01 .item .lead { color: #002d57; }
#menu #sec01 .item .memo { margin:20px 0; color: #888;}
#menu #sec01 .item .linkBtn01 { text-align: left; margin-bottom: 1em;}
#menu #sec01 .item .ctLead { color: #002d57; font-weight: bold;}
#menu #sec01 .ul01 { margin-bottom: 10px;}


/* access
-------------------------------- */
.map iframe {    width: 100%;    max-width: 100%;}
#access table{width: 100%; max-width: 100%; margin: 0 auto;}


/* about
-------------------------------- */
#about .linkBtn01{ margin-bottom: 30px;}


/* contact
-------------------------------- */
body#contact{ background-image:none;}
#contact #sec01{ padding-top: 0;}

.formTable{ width:100%; border-bottom:1px solid #ccc; margin-bottom:30px;}
.formTable th, .formTable td { border-top:1px solid #ccc; padding:30px 20px;}
.formTable th { background-color:#fff; white-space:nowrap; font-weight: normal; text-align:left; vertical-align:top;}
.formTable td { line-height:1.5;}
.formTable .must { font-size:smaller; color:#ED0003;}
.formTable textarea { width:100%;}
.formTable .w05pt { width: 50px;}
.formTable .w10pt { width:100px;}
.formTable .w20pt { width:200px;}
.formTable .w30pt { width:300px;}
.formTable .w40pt { width:100%;}

#formWrap { padding-bottom: 50px; }
#formWrap .btn01{ padding: 5px 30px; border: 0; background: #002d57; color: #fff; transition: all .3s; }
   #formWrap .btn01:hover{  opacity: 0.7;}


@media (max-width: 500px) {
  .formTable{ border-bottom:0; }
  .formTable th, .formTable td { display:block;}
  .formTable th{ border-bottom: 0; padding: 20px 0px 5px; background: #fff; }
  .formTable td{ border-top: 0; padding: 5px 0px 20px;}
  .formTable input{ width:95% !important; }
  .formTable input.w05pt{ width:50px!important; }
  .formTable input.w10pt{ width:100px!important; }
  .formTable input[type=radio]{ width: inherit !important; }
}


/* entryPage
-------------------------------- */
.entryContets .breadcrumb { margin-bottom: 30px; }
.entryContets .entryVisual { margin-bottom: 50px; text-align: center;}
.entryContets .entryVisual img{ display: inline-block;box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.1);}
.entryContets .date { text-align: right; margin-bottom: 30px;}
.entryContets .entryBody { min-height: 500px;}

body#news{ background:none;}

@media (max-width: 640px) {
   .entryContets .entryBody { min-height: 200px;}
}

/* ============================================
     utility
   ============================================ */
.shadow{ box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.1);}

/* ----- pagenavi */
.pagenavi{padding:27px 0; font-size:14px; font-weight:bold; line-height:1;}
.pagenavi a,
.pagenavi span{ 
	display:block;
	float: left;
	border:1px solid #002d57;
	padding:6px 12px;
  margin-left:2px;
  margin-bottom:5px;
	background:#002d57;
	text-decoration:none;
	color:#FFF;
}
.pagenavi a:hover{ color:#FFF; opacity: 0.8;}
.pagenavi span{
	background-color:#FFF;
	color:#002d57;
}

/* ----- newsListBox */
.newsListBox{}
.newsListBox .item{ display: flex; margin-bottom: 24px;}
.newsListBox .item .pic{ margin-right:  20px;}
.newsListBox .item .txtArea{ flex: 1; }
.newsListBox .item .txtArea p{ margin-bottom:0.5em; }
.newsListBox .item .txtArea .date{ display: inline-block; padding: 3px 8px; background-color:#e3e3e3; font-size: 14px; line-height: 1; margin-bottom: 12px;}
.newsListBox .item .txtArea .ttl{ font-size: 18px; line-height: 1.4;}
@media (max-width: 640px) {
   .newsListBox .item{ display: block; margin-bottom: 40px; } 
   .newsListBox .item .pic{ margin: 0 -15px 26px; text-align: center; background: url(/share/img/img_bg.png) repeat-x center;}
   .newsListBox .item .pic img{ display: inline-block; box-shadow:1px 1px 5px 1px rgba(0,0,0,0.1);}
   .newsListBox .item .linkBtn02{ text-align: right;}
   .newsListBox .item .txtArea{ margin: 0 12px; }
  .newsListBox .item .txtArea p{ margin-bottom:0.2em; }
}

/* linkBtn
-------------------------------- */
.linkBtn01 { margin: 2em 0 6em; text-align: center;}
.linkBtn01 a{ display: inline-block; padding: 5px 20px 5px 30px; background: url(/share/img/icon_tri01_lightGray.png) no-repeat 15px center #002d57; color: #F0F0EA; text-decoration: none; transition: all 0.3s;
	font-family:"游明朝体", "Yu Mincho", YuMincho,'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif; font-weight: normal;}
   .linkBtn01 a:hover{ opacity: 0.7;}

.linkBtn02 a{ display: inline-block;padding-left: 10px; background: url(/share/img/icon_tri01_blue.png) no-repeat left 8px; font-size: 14px; color: #002d57;  transition: all 0.3s;}
   .linkBtn02 a:hover{ opacity: 0.7;}
@media (max-width: 640px) {
  .linkBtn01 { margin: 1em 0 3em;}
}

/* table
-------------------------------- */
/* ------ tbl01 升罫 */
.tbl01{ border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3; }
.tbl01 th,
.tbl01 td{ border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; padding: 10px 15px; text-align: left;vertical-align: top;}
.tbl01 th{ background-color: #fcfcfc; white-space: nowrap;}

/* ------ tbl02 上下罫 */
.tbl02 th,
.tbl02 td{ border-bottom:1px solid #e3e3e3; padding: 15px; text-align: left;vertical-align: top;}
.tbl02 th{ background-color: #fcfcfc; white-space: nowrap;}

.tbl02 tr:last-child th{ border-bottom: none;}
.tbl02 tr:last-child td{ border-bottom: none;}

@media (max-width: 740px) {
   .tbl02{ }
   .tbl02 th,
   .tbl02 td{ display: block;}
  .tbl02 td{padding-bottom: 44px;}
  .tbl02 tr:first-child{ border-top:1px solid #e3e3e3;}
   .tbl02 th{ background-color: #fcfcfc; white-space: nowrap;}
  .tbl02 tr:last-child th{ border-bottom: 1px solid #e3e3e3;}
}

/* ------ thWidth */
.thW20 th{width: 20%;}
.thW30 th{width: 30%;}
.thW40 th{width: 40%;}
.thW50 th{width: 50%;}
@media (max-width: 740px) {
   .thW20 th,
   .thW30 th,
   .thW40 th,
   .thW50 th{width: auto;}
}

/* ul
-------------------------------- */
/* ------ ul01 */
.ul01{ list-style: none; margin: 0; padding: 0;}
.ul01 li{ margin: 0; padding: 0 0 0 20px; background: url(/share/img/icon_sqr01.png) no-repeat left 5px; }

/* ------ li margin bottom */
.limb5 li{ margin-bottom: 5px;}
.limb10 li{ margin-bottom: 10px;}
.limb15 li{ margin-bottom: 15px;}
.limb20 li{ margin-bottom: 20px;}


/*  floatBox
-------------------------------- */
.floatBox:before,
.floatBox:after {    content: " ";    display: table;}
.floatBox:after {    clear: both;}
.floatBox {    *zoom: 1;}

.floatBox .imgLeft{ float:left; margin:0 30px 30px 0;}
.floatBox .imgRight{ float:right; margin:0 0 30px 30px;}
.floatBox .txtFloat{}
.floatBox .txtStop{ overflow:hidden;}

@media (max-width: 640px) {
  .floatBox .imgLeft,
  .floatBox .imgRight{ float:none; margin:0 auto 30px; text-align:center;}
}


/*  画像配置用CSS(WordPress共通)
-------------------------------- */
.alignleft { float:left; margin:0 20px 20px 0;}
.alignright { float:right; margin: 0 0 20px 20px;}
.aligncenter { display:block; text-align:center; margin:20px auto;}
@media (max-width: 740px) {
    .alignleft ,
    .alignright ,
    .aligncenter { display:block; float:none; text-align:center; margin:20px auto;}
}

/*  align
-------------------------------- */
.txtAlignLeft{ text-align:left !important;}
.txtAlignRight{ text-align:right !important;}
.txtAlignCenter{ text-align:center !important;}

/*  font-size
-------------------------------- */
.font10{ font-size:10px !important;}
.font11{ font-size:11px !important;}
.font12{ font-size:12px !important;}
.font13{ font-size:13px !important;}
.font14{ font-size:14px !important;}
.font15{ font-size:15px !important;}
.font16{ font-size:16px !important;}
.font17{ font-size:17px !important;}
.font18{ font-size:18px !important;}
.font19{ font-size:19px !important;}
.font20{ font-size:20px !important;}
.font22{ font-size:22px !important;}
.font24{ font-size:24px !important;}
.font26{ font-size:26px !important;}
.font28{ font-size:28px !important;}
.font30{ font-size:30px !important;}
.font32{ font-size:32px !important;}
.font34{ font-size:34px !important;}
.font36{ font-size:36px !important;}
.font38{ font-size:38px !important;}
.font40{ font-size:40px !important;}

/*  margin
-------------------------------- */
/*top*/
.mt00{margin-top:0 !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

/*right*/
.mr00{margin-right:0 !important;}
.mr05{margin-right:5px !important;}
.mr08{margin-right:8px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

/*bottom*/
.mb00{margin-bottom:0 !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

/*left*/
.ml00{margin-left:0 !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}

/* both side */
.ms00{margin-left:0 !important; margin-right:0 !important;}
.ms05{margin-left:5px !important; margin-right:5px !important;}
.ms10{margin-left:10px !important; margin-right:10px !important;}
.ms15{margin-left:15px !important; margin-right:15px !important;}
.ms20{margin-left:20px !important; margin-right:20px !important;}
.ms25{margin-left:25px !important; margin-right:25px !important;}
.ms30{margin-left:30px !important; margin-right:30px !important;}
.ms35{margin-left:35px !important; margin-right:35px !important;}
.ms40{margin-left:40px !important; margin-right:40px !important;}
.ms45{margin-left:45px !important; margin-right:45px !important;}
.ms50{margin-left:50px !important; margin-right:50px !important;}

/*  padding
-------------------------------- */
/*top*/
.pt00{padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}

/*right*/
.pr00{padding-right:0 !important;}
.pr05{padding-right:5px !important;}
.pr08{padding-right:8px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}

/*bottom*/
.pb00{padding-bottom:0 !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}
.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}

/*left*/
.pl00{padding-left:0 !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}

/* both side */
.ps00{padding-left:0 !important; padding-right:0 !important;}
.ps05{padding-left:5px !important; padding-right:5px !important;}
.ps10{padding-left:10px !important; padding-right:10px !important;}
.ps15{padding-left:15px !important; padding-right:15px !important;}
.ps20{padding-left:20px !important; padding-right:20px !important;}
.ps25{padding-left:25px !important; padding-right:25px !important;}
.ps30{padding-left:30px !important; padding-right:30px !important;}
.ps35{padding-left:35px !important; padding-right:35px !important;}
.ps40{padding-left:40px !important; padding-right:40px !important;}
.ps45{padding-left:45px !important; padding-right:45px !important;}
.ps50{padding-left:50px !important; padding-right:50px !important;}




/* ==========================================================================
   Helper classes
   ========================================================================== */

/* スクリーンリーダを含めてすべて隠す
-------------------------------- */
.hidden {    display: none !important;}

/* 視覚的に隠すが、スクリーンリーダには読ませる:
   http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
-------------------------------- */
.visuallyhidden {    border: 0;    clip: rect(0 0 0 0);    height: 1px;    margin: -1px;    overflow: hidden;    padding: 0;    position: absolute;    width: 1px;}

/* .visuallyhiddenをフォーカス可能にする
   https://www.drupal.org/node/897638
-------------------------------- */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {    clip: auto;    height: auto;    margin: 0;    overflow: visible;    position: static;    width: auto;}

/* 視覚的にスクリーンリーダーから隠すが、レイアウトを維持
-------------------------------- */
.invisible {    visibility: hidden;}

/* clearfix
-------------------------------- */
.clearfix:before,
.clearfix:after {    content: " "; /* 1 */    display: table; /* 2 */}
.clearfix:after {    clear: both;}


/* google翻訳
-------------------------------- */
@media (min-width: 981px) {
.g_language {
position:absolute;
display:inline-block;
right:10px;
top :5px;
padding:5px 40px;
border-radius:50px;
border:1px solid #0f2d54;
background:#fff;
color:#0f2d54;
font-weight:bold;
z-index:999;
}
.g_language a {
color:#0f2d54;
text-decoration:none;
}
.g_language:hover {
background:#0f2d54;
color:#fff;
}
}
@media (max-width: 980px) {
.g_language {display:none;}
}
/*
     FILE ARCHIVED ON 08:38:04 Jul 02, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:57:34 Jun 29, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.621
  exclusion.robots: 0.075
  exclusion.robots.policy: 0.06
  esindex: 0.012
  cdx.remote: 5.085
  LoadShardBlock: 74.362 (3)
  PetaboxLoader3.datanode: 73.545 (5)
  PetaboxLoader3.resolve: 332.754 (2)
  load_resource: 372.48
  loaddict: 47.897
*/