@charset "UTF-8";

.dashed img{border:1px dashed #555;}
.wp-block-columns{justify-content: space-between;}
/**
 * 災害一覧,国際info,人権フォーラム,各種バックナンバー一覧
**/
.forum-body dl,.ki-body dl,.shien-body dl{display:block;margin:0 auto;padding:5px 0;}.forum-body dl dt,.ki-body dl dt,.shien-body dl dt{clear:left;float:left;margin:0 0 .2em;padding:0 0 0 10px;width:9em;}.forum-body dl dd,.ki-body dl dd,.shien-body dl dd{margin-bottom:.2em;margin-left:9em;padding:0 0 0 10px;}.forum-body dl:first-child,.ki-body dl:first-child,.shien-body dl:first-child{border-top:none;}

/** 禅の友バックナンバー **/
.list-box{margin-top:30px}.list-box h3{float:left;width:25%;padding:0 0 0 10%;border-bottom:none;font-size:102%;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif}.list-box h3 a:hover{text-decoration:underline;background:none;color:#00A0E9;}.list-box ul{float:left;width:65%;margin-bottom:0}.list-box ul li{background:none;margin-bottom:15px;padding-left:0;font-size:100%}.list-box ul li:before{display:inline-block;position:relative;top:-4px;content:'';width:0;height:0;border-style:solid;border-width:3px 0 3px 5px;border-color:transparent transparent transparent #4c4948;}h2.tit_gray{font-size: 110%;margin: 0 0 15px 0;color: #4C4948;background-color: #E6E6E6;padding: 5px;font-weight: normal;text-align: center;}

/** 曹洞宗婦人会だよりバックナンバー **/
ul.list{list-style:none;margin:30px 0 40px 25%;}ul.list li{background:none;margin-bottom:15px;padding-left:0;font-size:100%;}ul.list li:before{display:inline-block;position:relative;top:-2px;left:-9px;content:'';width:0;height:0;border-style:solid;border-width:3px 0 3px 5px;border-color:transparent transparent transparent #4c4948;}

@media screen and (max-width:767px){
  .list-box ul{margin-left:5px}.list-box ul li{background:none}.list-box ul li:before{display:inline-block;position:relative;top:-4px;margin-left:-5px;content:'';width:0;height:0;border-style:solid;border-width:3px 0 3px 5px;border-color:transparent transparent transparent #4c4948}
  ul.list{margin:30px 0 30px 5px}ul.list li{background:none;margin-bottom:15px}ul.list li:before{display:inline-block;position:relative;top:-3px;left:-9px;margin-left:-5px;content:'';width:0;height:0;border-style:solid;border-width:3px 0 3px 5px;border-color:transparent transparent transparent #4c4948}
}

/** その他 **/
.clear{clear:both}.fleft{float:left}.fright{float:right}.center{text-align:center}.middle{vertical-align:middle}.bottom{vertical-align:bottom}.small{font-size:80%}.fs85{font-size:85%}.fs90{font-size:90%}.fs100{font-size:100%}.fs1-2r{font-size:1.2rem;}.larger{font-size:130%!important;line-height:1.5em}.bold{font-weight:700}.normal{font-weight:normal!important}.gray55{color:#555}.orange{color:#A64A00}.red{color:red}.blue{color:#036}.white{color:#fff}.mt10{margin-top:10px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.mt50{margin-top:50px!important}.mt60{margin-top:60px!important}.mt70{margin-top:70px!important}.mb0{margin-bottom:0px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb30{margin-bottom:30px!important}.mb40{margin-bottom:40px!important}.mb50{margin-bottom:50px!important}.mb60{margin-bottom:60px!important}.mb70{margin-bottom:70px!important}.ml0{margin-left:0!important}.ml5{margin-left:5px!important}.ml10{margin-left:10px!important}.ml15{margin-left:15px!important}.ml20{margin-left:20px!important}.ml30{margin-left:30px!important}.ml40{margin-left:40px!important}.ml50{margin-left:50px!important}.mr10{margin-right:10px!important;margin-left:auto!important}.mr20{margin-right:20px!important;margin-left:auto!important}.mr30{margin-right:30px!important;margin-left:auto!important}.mtb20{margin:20px auto!important}.mall20{margin:20px!important}.mall10{margin:10px!important}.mall0{margin:0!important}.m0auto{margin:0 auto!important}.mt10auto{margin:10px auto 0!important}.mt20auto{margin:20px auto 0!important}.mtb30auto{margin:30px auto!important}.mr020{margin:0 20px!important}.mrl20{margin-right:20px!important;margin-left:20px!important}.mrl30{margin-right:30px!important;margin-left:30px!important}.mlrb{margin:0 20px 20px 10px!important}.pb10{padding-bottom:10px!important}.pl0{padding-left:0!important}.pl20{padding-left:20px!important}.pr10{padding-right:10px !important}.pr15{padding-right:15px !important}.pall0{padding:0!important}.pall5{padding:5px!important}.ptb5{padding:5px 0!important}.ptb10{padding:10px 0!important}.ofh{overflow:hidden}.floattext{overflow:auto;zoom:1}.lh100{line-height:100%}.lh120{line-height:120%}.lh130{line-height:130%}.lh140{line-height:140%}.disblo{display:block}.bgcol01{background:#E1F0E9}.bgwhite{background:#fff}.nobg{background:none!important}.underline{text-decoration:underline}.width05{width:5%;}.width10{width:10%}.width20{width:20%}.width30{width:30%}.width40{width:40%}.width45{width:45%}.width48{width:48%}.width49{width:49%}.width50{width:50%}.width55{width:55%}.width60{width:60%}.width70{width:70%}.width80{width:80%}.width90{width:90%}.width100{width:100%}.width100px{width:100px !important;}.width330{width:330px}.borderbottom01{border-bottom:1px dotted #999}.border01{border-top:1px solid #ccc!important;border-left:1px solid #ccc!important}.border02{border:1px dotted #006!important;padding:5px}.border03{border:1px solid #ddd!important}.bordernone{border:none!important}.bleft03{border-left:4px solid #ADAD5C;margin:30px}.border01 th{border-right:1px solid #ccc;border-bottom:1px solid #ccc}.border01 td{border-right:1px solid #ccc;border-bottom:1px solid #ccc}.nowrap{white-space:nowrap}.text-right{text-align: right;}

@media screen and (max-width:767px){
  .width05,.width10,.width20,.width30,.width40,.width45,.width48,.width49,.width50,.width55,.width60,.width70,.width80,.width90,.width100px {width:100%}
  .br-pc {display: none;}
}
/**** 基本レイアウト調整 ****/
.pglayout-container,.site-footer .footer-container, .newarticles-container, .introduction-container .textarea, .featured-container, .top-content01-container, .top-content02-container,.breadcrumb-list{width:100%;max-width:1100px}
article.pglayout-kv .kv{width:100%;max-width:1200px}

/****   扉ページタイトルサブタイトル ****/
article.pglayout-kv .kv hgroup.ttl-single h1{align-items: baseline;padding-top:65px;}
article.pglayout-kv .kv hgroup.ttl-single h4 {    -webkit-box-align:baseline;
    -ms-flex-align: baseline;align-items: baseline; -webkit-box-pack: baseline;}
  h4.subtitle_head { font-size: 19px;font-weight: normal;line-height: 1.6;}
  article.pglayout-kv .kv hgroup.ttl-single h1 span.lead,article.pglayout-kv .kv hgroup.ttl-single h1 span.main{text-align: left;}
article.pglayout-kv .kv hgroup.ttl-combo h2 {margin-top:0;}

@media screen and (max-width:797px){
  article.pglayout-kv .kv hgroup.ttl-single h1{padding-top:20px;}
  h4.subtitle_head { font-size: 2.4vw;margin-bottom:0;}
}

/**** タブレット ****/
@media screen and (max-width:820px) and (min-width: 768px){
  .site-header article#sitemap{}.site-header article#sitemap .sitemap-container,.site-header article#sitemap .sitemap-footer{width:90%;}
  .site-header article#sitemap .sitemap-container section{width:33.3%;}
  .site-header article#sitemap .sitemap-footer .sns-container ul{margin-top:0;justify-content:center;}
  ul.vertical-nav li.list{margin-right: 10px;}
  h4.subtitle_head { font-size: 2.4vw;}
  article.pglayout-kv .kv hgroup.ttl-single h1 span.main{font-size: 28px;}
  article.pglayout-kv .kv hgroup.ttl-combo h2 span.lead, article.pglayout-kv .kv hgroup.ttl-combo h2 span.main{font-size: 24px;}
  .newarticles-container, .pglayout-container{padding: 50px 6% 0;}
  .featured-card .item{width:45%;}
  .introduction-container .textarea{padding:0 6%;}
  .top-content01-container, .top-content02-container, .featured-container,
  article.breadcrumb-list{width: 90%;}
  article.pglayout-noimg{padding-left:0;}
  article.pglayout-kv .kv{height:55.9vw;background: #000 url(../../common/img/kv_default_sp.png) no-repeat bottom center;background-size: 100%;}
  article.pglayout-kv .kv hgroup.ttl-combo h1{left: 37.5vw; top: 5vw; width: 24.5vw; height: 38vh;}
  article.pglayout-kv .kv hgroup.ttl-combo h2 {left: 59.5vw;top: 0;width: 14.2vw;height: 45vw;}
  article.pglayout-kv .kv hgroup.ttl-single h1 {padding: 30px 0 0;top: 55%;left: 50%;transform: translate(-55%, -50%);-webkit-transform: translate(-55%, -50%);-ms-transform: translate(-50%, -50%);width: 157px;height: 412px;}
  .site-header .header-container #gnav-container{display:none;}
}

/**** サイトマップ色調整 ****/
.site-header article#sitemap .sitemap-container section h1 a{color:#d8d8d8;}
.site-header article#sitemap .sitemap-container section ul li a {color: #d8d8d8;}
.site-header article#sitemap .sitemap-footer .sns-container ul {
    margin-top:auto;
    justify-content: center;
  }
/*** Gナビ 調整 ***/
li.menu__single ul.menu__second-level,
li.menu__single:hover ul.menu__second-level { top: 20px;}
  ul.vertical-nav li.list:first-child li.menu__single ul.menu__second-level {
    right: -186px;}
  ul.vertical-nav li.list:nth-child(2) li.menu__single ul.menu__second-level{
      right:-258px;  }
  li.menu__single ul.menu__second-level {
    height: 310px;}
@media screen and (max-width: 767px) {
  ul.vertical-nav li.list:first-child li.menu__single ul.menu__second-level{
    right: -41vw;}
  ul.vertical-nav li.list:nth-child(2) li.menu__single ul.menu__second-level {
    right: -56vw;}
}
@media screen and (max-width:820px) and (min-width: 768px){
  ul.vertical-nav li.list:nth-child(2) li.menu__single ul.menu__second-level {
    right: -260px;}
}

li.menu__single ul.menu__second-level li {
  margin-top: 10px;}
li.menu__single ul.menu__second-level li.menu__second-top {
  margin-top: 0px;}


/**** 見出しパディング調整 ****/
.title-container{padding: 36px 0 36px 50px;}

/**** 定義リスト幅固定委 ****/
dl.fixwidth10 {display: flex;flex-wrap: wrap;}
dl.fixwidth10 dt {width: 10%;}
dl.fixwidth10 dd {width: 90%;}
@media screen and (max-width:767px) {
  dl.fixwidth10 dt {width: 100%;}
  dl.fixwidth10 dd {width: 100%;}
}
/** カスタム投稿のターム一覧 **/
.term-list { color: #fff !important; display: inline-block; font-size: 1.2rem; font-weight: 500; text-align: center; line-height: 1.2rem; letter-spacing: 1; text-decoration: none;  background: #222; margin-right: 5px; padding: 2px 5px 3px;}

/****   YouTube スマホ対応 ****/
.youtube { position: relative;width: 100%;padding-top: 56.25%;}
.youtube iframe{ position: absolute;top: 0;ight: 0;width: 100% !important;height: 100% !important;}

/**** ボタン ****/
.wp-block-buttons > .wp-block-button {width:100%;}
.or-button1 .wp-block-button__link{color:#fff;background-color:#666;border-radius:5px;box-shadow:none;cursor:pointer;display:inline-block;font-size:1em;padding:4px 13px;text-align:center;text-decoration:none;word-break:break-word;box-sizing:border-box;margin-bottom:10px;}


/*
　基本レイアウト
---------------------------------------------------------------*/
.pglayout-container,
.site-footer .footer-container {
    width: 100%;
    max-width: 1100px;
}
/**
 * ヘッダー部
**/
@media screen and (max-width: 820px) {
    .site-header .header-container #gnav-container {
        display: none;
    }
}

/* フォーム
-------------------------------------------------------------- */
#mailformpro ul,
#mailformpro ol {
	list-style: none !important;
}
input,
textarea {
	font-size: 16px;
	border: 1px solid #4173b2;
    border-radius: 4px;
	line-height: 1.5;
	padding: 10px;
	margin: 0;
	color: #101727;
  background: #fff;
}
input[type="text"],
input[type="tel"]
{
    height: 45px;
}
@media screen and (max-width: 767px) {
	input[type="tel"],
	input.tel,
	input.fax,
	input[type="email"],
	select {
		width: 100% !important;
	}
}
textarea {
    width: 100% !important;
    height: 150px !important;
}
input[type="text"]:focus,
input[type="tel"]:focus,
textarea:focus
{
    background-color: #fffbc5;
    border: 2px solid #2c74f3 !important;
    outline: 0;
}

input[type="radio"] {
    display: none;
    position: relative;
    top: 2px;
    cursor: pointer;
}
.radio {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    margin-right: 15px;
    padding: 2px 0 0 35px;
    position: relative;
    width: auto;
    line-height: 1.5;
}
.radio::before {
    background: #fff;
    border: 1px solid #4173b2;
    border-radius: 50%;
    content: '';
    display: block;
    height: 24px;
    left: 0px;
    margin-top: -8px;
    position: absolute;
    top: 10px;
    width: 24px;
}
.radio::after {
    background: #4173b2;
    border-radius: 50%;
    content: '';
    display: block;
    height: 18px;
    left: 9px;
    margin-left: -6px;
    margin-top: -5px;
    opacity: 0;
    position: absolute;
    top: 10px;
    width: 18px;
}
.radio.check-on::after {
    opacity: 1;
}

/* チェックボックス */
input[type="checkbox"] {
    border-radius: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  input[type="checkbox"] {
    position: relative;
    width: 16px;
    height: 16px;
    border: 1px solid #4173b2;
    border-radius: 3px;
    vertical-align: -5px;
  }
  input[type="checkbox"]:checked:before {
    position: absolute;
    top: -2px;
    left: 5px;
    transform: rotate(50deg);
    width: 10px;
    height: 20px;
    border-right: 4px solid #4173b2;
    border-bottom: 4px solid #4173b2;
    content: '';
  }

label {
    margin-bottom: 0px;
    cursor: pointer;
}
@media screen and (max-width: 480px) {
    label {
        margin-right: 15px;
    }
}
input::placeholder {  color: #777;}
/* IE */
input:-ms-input-placeholder { color: #bbb;}
/* Edge */
input::-ms-input-placeholder { color: #bbb;}


dl.form_list {
	width: 100%;
    margin: 50px auto 30px;
}
dl.form_list > dt {
    padding: 20px 0 10px;
    text-align: left;
    line-height: 1.5;
}
dl.form_list > dd {
    padding: 0 0 20px;
    border-bottom: 1px dotted #b0b0b0;
}
dl.form_list > dd:nth-last-of-type(1) {
    border-bottom: none;
}
dl.form_list_inner1 {
    width: 100%;
    margin: 0 auto;
    border: none !important;
    display: block;
}
dl.form_list_inner1 > dt {
    padding: 0 0 10px;
    text-align: left;
    line-height: 1.5;
}
dl.form_list_inner1 > dd {
    padding: 0 0 10px;
}
dl.form_list_inner1 > dd:nth-last-of-type(1) {
    padding-bottom: 3px;
}
.fm_group {
    width: 100%;
}
@media screen and (min-width: 768px) {
    .fm_group {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
span.must {
    position: relative;
    top: -1px;
    display: inline-block;
    background-color: #3b6389;
    padding: 3px 4px;
	line-height: 1.2;
    font-size: 12px;
    color: #fff;
    margin-left: 6px;
    border-radius: 4px;
}
dl.form_list_inner1 input {
    width: 100%;
}

input.ouboninzu {
    width: 40%;
}
/** 郵便番号入力欄 **/
dl.form_list_inner1 input.yubin {
    width: 60%;
    margin-left: 10px;
}
@media screen and (min-width: 481px) {
    dl.form_list_inner1 input.yubin {
        width: 38%;
    }
}
span.yubin {
    margin-top: 8px;
}
/** メールアドレス入力欄 **/
input.mailaddress {
    width: 100%;
}
@media screen and (min-width: 768px) {
    input.mailaddress {
        width: 50%;
    }
}
/** 電話番号入力欄 **/
input.tel {
    width: 100%;
}
@media screen and (min-width: 768px) {
    input.tel {
        width: 40%;
    }
}
@media screen and (min-width: 768px) {
    dl.form_list {
	    display: -webkit-flex;
	    display: flex;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
    }
    dl.form_list > dt {
        width: 28%;
        padding: 30px 40px 7px 0;
        text-align: right;
        border-bottom: 1px dotted #b0b0b0;
    }
    dl.form_list > dd {
        width: 71%;
        padding: 22px 0 21px;
    }
    dl.form_list > dd.text-area {
        padding: 22px 0 15px;
    }
    dl.form_list > dt:nth-last-of-type(1) {
        border-bottom: none;
    }
    /** 都道府県選択欄 **/
    select.todofuken {
        width: 42% !important;
    }
}
@media screen and (min-width: 900px) {
    dl.form_list_inner1 {
	    display: -webkit-flex;
	    display: flex;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
    }
    dl.form_list_inner1 > dt {
        width: 14%;
        padding: 9px 20px 0 0;
        text-align: left;
    }
    dl.form_list_inner1 > dd {
        width: 85%;
        padding: 0 0 10px;
    }
}
/** その他欄 **/
dl.form_list > dt.sonota {
    padding: 20px 0 0;
}
dl.form_list > dd.sonota {
    padding: 0 0 20px;
}
dl.form_list > dd.sonota label:nth-last-of-type(1) {
    margin-right: 0 !important;
}
@media screen and (min-width: 768px) {
    dl.form_list > dt.sonota {
        padding: 19px 40px 7px 0;
    }
    dl.form_list > dd.sonota {
        padding: 10px 0 18px;
    }
}

input.sei,/** 姓欄 **/
input.sei-kana {/** セイ欄 **/
   /* margin-left: 10px; */
	margin-right: 15px;
    width: 32% !important;
}
input.mei,/** 名欄 **/
input.mei-kana {/** メイ欄 **/
    margin-left: 10px;
    width: 32% !important;
}
@media screen and (min-width: 970px) {
	textarea{
		width: 100% !important;
	}
}

/** 項目：お問い合わせ、その他を選択した場合のコメント **/
.box-other {
	margin-top: 20px;
}
@media screen and (max-width: 767px) {
	.box-other input {
		width: 100%;
	}
}

/** 入力例 **/
span.exam {
    display: block;
    margin-top: 5px;
}
span.exam2 {
    display: block;
    margin-top: 5px;
}
@media screen and (min-width: 481px) {
    span.exam2 {
        display: inline-block;
        margin-top: 8px;
    }
}
span.exam3 {
    display: block;
    margin-top: 5px;
}
@media screen and (min-width: 768px) {
    span.exam3 {
        display: inline-block;
        margin-top: 8px;
    }
}

/**
 * 送信ボタン
 **/
 .search-button {
 	text-align: center;
     margin: 50px auto 0;
 }
.search_buttons button[type="submit"],
 button.search_submit[type="submit"],
 #search_button_send,
 .print-button {
	width: 100%;
	margin: 0 auto;
	border-radius: 10px;
	background: #3b6389;
	background-size: 58px !important;
	padding: 10px 30px;
	text-align: center;
	font-size: 16px;
	font-weight: bold !important;
	color: #fff;
	cursor: pointer;
	border: none;
	box-shadow: 0px 3px 0px rgba(48,80,111,1.0);
	text-shadow: none !important;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.search_buttons button[type="submit"]:hover,/** 確認ボタン **/
button.search_submit[type="submit"]:hover,
 #search_button_send:hover {/** 送信ボタン **/
	opacity: 0.8;
}

/** 戻るボタン **/
 #search_button_cancel {
	width: 100%;
	margin: 0 auto;
	border-radius: 10px;
	background: url(../img/button-icon_arrow-left.png) left center no-repeat #3b6389 !important;
	background-size: 58px!important;
	padding: 15px 30px;
	text-align: center;
	font-size: 18px !important;
	font-weight: bold !important;
	color: #fff;
	cursor: pointer;
	border: none;
	box-shadow: 0px 3px 0px rgba(48,80,111,1.0);
	text-shadow: none !important;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
#search_button_cancel:hover {
	opacity: 0.8;
}
@media screen and (min-width: 768px) {
    .search_buttons button[type="submit"] {/** 確認ボタン **/
        width: 50%;
        font-size: 18px;
    }
    #search_button_send,/** 送信ボタン **/
	#search_button_cancel,/** 戻るボタン **/
    .print-button {/** 印刷ボタン **/
		width: 40%;
        font-size: 18px;
	}
	/** 送信ボタン(右側) **/
	#search_button_send {
		float: right;
		margin-right: 9%;
		margin-left: 0;
	}
	/** 戻るボタン(左側) **/
	#search_button_cancel {
		float: left;
		margin-left: 9%;
		margin-right: 0;
	}
}

/** 確認画面 **/
div#mfp_phase_confirm h4 {
	font-size: 17px !important;
	font-weight: bold !important;
	margin-bottom: 30px !important;
	text-align: left !important;
    padding-top: 40px !important;
}
@media screen and (min-width: 768px) {
	div#mfp_phase_confirm h4 {
		font-size: 20px !important;
		text-align: center !important;
	}
}
table.result-table {
    width: 100%;
    background:rgba(255,255,255,0.5);
    font-family: 'Century Gothic',Arial,"Noto Sans JP","Helvetica Neue",Helvetica,"メイリオ",Meiryo,sans-serif;
}
table.result-table tr th,
table.result-table tr td {
	font-size: 16px;
    padding: 20px;
    border-bottom: 1px solid #ddd;
}
table.result-table tr th {
	width: auto;
    text-align: left;
	white-space: normal !important;
	line-height: 1.5 !important;
    background: #ddd;
}
table.result-table tr td {
	width: auto;
}
table.result-table tr:nth-child(2n) td {
    background-color: #f0f0f0;
  }
@media screen and (max-width: 767px) {
	table.result-table tr th,
	table.result-table tr td {
/*		display: -webkit-flex !important;
		display: flex !important;
		-webkit-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
		width: 100% !important;
*/
        display: table-cell;
        padding: 10px 2px;
        text-align: center;
        vertical-align: middle;
        font-size: 15px;
        border-bottom: 1px solid #ccc;
	}
	table.result-table tr th {
		background: #ddd !important;
	}
    table.result-table tr:nth-child(2n) td {
        background-color: #f6f6f6;
      }
}


/*
　送信完了画面
---------------------------------------------------------------*/
.box-thanks {
    padding: 0;
}
.box-thanks p.intro {
    text-align: center;
}
.box-thanks p.intro.title {
    font-size: 17px;
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .box-thanks p.intro.title {
        font-size: 22px;
    }
}
/* 年回表
---------------------------------------------------------------*/
.nenkai-search-box {
    color: #000;
    padding: 50px;
    border-radius: 10px;
    background:rgba(255,255,255,0.5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.search-txt {
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-weight: 600;
    font-size: 18px;
    color: #000;
    margin-right: 10px;
}
.search-item {
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}
.select-box01 {
    position: relative;
    display: inline-block;
    background: #cfddef;
    font-size: 1.0em;
    line-height: 1;
    z-index: 0;
    color: #000000;
    vertical-align: middle;
    border-radius: 10px;
    margin-right: 20px;
}
.v-off{
opacity: 0.4;
pointer-events: none;
}

.search-result-birth,
.search-result-kijitsu,
.search-result-nenkai {
    width: 100%;
    max-width: 870px;
    margin: 0 auto 70px;
}
.search-result-container {
    margin-top: 70px;
}
.hayami-title {
    background: #5783bd;
    padding: 15px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    margin:0;
}
.print-button a {
    display: block;
    color: #fff;
    text-decoration: none;
}

/**
 * SELECT
**/
select {
    width: 100%;
    height: 50px;
	font-size: 16px;
    color: #101727;
    font-weight: bold;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #fff;
    display: inline-block;
    line-height: 1;
	padding: 10px 2.6em 10px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  white-space: nowrap;
}
select::-ms-expand{/** IE プルダウン矢印消す **/
    display: none;
}
select.off {
    background-color: #f6f6e7;
}
select.classic {
    background: transparent;
  background-image:
    linear-gradient(45deg, transparent 50%, #000 /* #4173b2 */ 50%),
    linear-gradient(135deg, #000 /* #4173b2 */ 50%, transparent 50%),
    linear-gradient(to right, #cfddef, #cfddef);
  background-position:
    calc(100% - 20px) calc(18px + 2px),
    calc(100% - 15px) calc(18px + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    48px 48px;
  background-repeat: no-repeat;
  cursor: pointer;
}
select.classic:focus {
  background-image:
    linear-gradient(45deg, #000 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #000 50%),
    linear-gradient(to right, #cfddef, #cfddef);
  background-position:
    calc(100% - 15px) 19px,
    calc(100% - 20px) 19px,
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    48px 48px;
  background-repeat: no-repeat;
  box-shadow: 1px 1px 3px 1px rgba(103, 143, 193, 0.5);
  outline: 0;
}
@media screen and (max-width:767px){
    .nenkai-search-box {
        padding: 20px 5px;
    }
    .search-txt {
        font-size: 15px;
    }
    select.classic {
        padding: 10px 25px 10px 5px;
        font-weight: normal;
       }
    .select-box01 {
        margin-right: 5px;
    }
}
/* Common
-------------------------------------------------------------- */
.block_sp {
	display: block;
}
br.block_sp {
	display: inline-block;
}
.inline-block_sp {
	display: inline-block;
}
.block_pc {
	display: none;
}
@media screen and (min-width: 768px) {
	.block_sp,
    br.block_sp
    {
		display: none;
	}
	.inline-block_sp {
		display: none;
	}
	.block_pc {
		display: block;
	}
	br.block_pc {
		display: inline-block;
	}
}

/**
 * テキスト配置
**/
.text-left {
    text-align: left !important;
}
.text-center_pc {
    text-align: left !important;
}
.text-right_pc {
    text-align: left !important;
}
@media screen and (min-width: 481px) {
	.text-center_pc {
		text-align: center !important;
	}
	.text-right_pc {
		text-align: right !important;
	}
}

/**
 * マージン関連
**/
.mt5{margin-top:5px!important}

/**
 * font関連の設定
 */
.font_normal {font-weight: normal !important;}
.font_bold {font-weight: bold !important;}
.font8 {font-size: 8px !important;}
.font9 {font-size: 9px !important;}
.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;}
.font21 {font-size: 21px !important;}
.font22 {font-size: 22px !important;}
.font23 {font-size: 23px !important;}
.font24 {font-size: 24px !important;}
.font25 {font-size: 25px !important;}
.font26 {font-size: 26px !important;}
.font27 {font-size: 27px !important;}
.font28 {font-size: 28px !important;}
.font29 {font-size: 29px !important;}
.font30 {font-size: 30px !important;}

.black { color: #000;}
.red { color: #c10119;}

/**
 * リスト表示
 */
/** 点 **/
ul.maru {
	list-style-type: disc;
	padding-left: 18px;
}
ul.maru li {
	line-height: 1.5;
	margin-bottom: 5px;
}

/** 数字 **/
ol.suji {
	list-style-type: decimal;
	padding-left: 20px;
}
ol.suji li {
	line-height: 1.5;
	margin-bottom: 15px;
}

/** 丸数字 **/
ol.marusuji {
	margin: 5px 10px 20px 10px;
	counter-reset: my-counter;
	list-style: none;
}
ol.marusuji li {
	padding-left: 20px;
	position: relative;
	line-height: 1.5;
	margin-bottom: 15px;
}
ol.marusuji li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  border: 1px solid #333;
  display: block;
  float: left;
  margin-top: 2px;
  line-height: 16px;
  margin-left: -25px;
  text-align: center;
  height: 16px;
  width: 16px;
  border-radius: 50%;
}

/** （）数字 **/
ol.kakkosuji {
	margin: 5px 10px 20px 10px;
	counter-reset: my-counter;
	list-style: none;
}
ol.kakkosuji li {
	padding-left: 20px;
	position: relative;
	line-height: 1.5;
	margin-bottom: 15px;
}
ol.kakkosuji li:before {
  content: "（"counter(my-counter)"）";
  counter-increment: my-counter;
  display: block;
  float: left;
  margin-left: -40px;
  text-align: center;
}

/** ）数字 **/
ol.kakkosuji2 {
	margin: 5px 10px 20px 10px;
	counter-reset: my-counter;
	list-style: none;
}
ol.kakkosuji2 li {
	padding-left: 20px;
	position: relative;
	line-height: 1.5;
	margin-bottom: 15px;
}
ol.kakkosuji2 li:before {
  content: ""counter(my-counter)") ";
  counter-increment: my-counter;
  display: block;
  float: left;
  margin-left: -25px;
  text-align: center;
}

/** ひし形 **/
ul.hishigata {
	margin-left:18px;
}
ul.hishigata li:before {
	content: '◆ ';
	margin-left:-18px;
}
ul.hishigata li {
	margin-bottom: 15px;
	line-height: 1.5;
}
ul.hishigata li:nth-last-of-type(1) {
	margin-bottom: 0;
}

/** 白丸 **/
ul.shiromaru {
	margin-left:18px;
}
ul.shiromaru li:before {
	content: '◯ ';
	margin-left:-18px;
}
ul.shiromaru li {
	margin-bottom: 15px;
	line-height: 1.5;
}
ul.shiromaru li:nth-last-of-type(1) {
	margin-bottom: 0;
}

/** 黒丸 **/
ul.kuromaru {
	margin-left:18px;
}
ul.kuromaru li:before {
	content: '● ';
	margin-left:-18px;
}
ul.kuromaru li {
	margin-bottom: 15px;
	line-height: 1.5;
}
ul.kuromaru li:nth-last-of-type(1) {
	margin-bottom: 0;
}

/** 四角 **/
ul.square {
	margin-left:18px;
}
ul.square li:before {
	content: '■ ';
	margin-left:-18px;
    position: relative;
    top: 0px;
}
ul.square li {
	margin-bottom: 15px;
	line-height: 1.5;
}
ul.square li:nth-last-of-type(1) {
	margin-bottom: 0;
}

/** ※印 **/
ul.chuki {
	margin: 0 0 0 18px;
    padding: 0;
}
ul.chuki li:before {
	content: '※ ';
	margin-left:-18px;
}
ul.chuki li {
	margin-bottom: 15px;
	line-height: 1.5;
    list-style: none;
}
ul.chuki li:nth-last-of-type(1) {
	margin-bottom: 0;
}
@media print{
    header,
    footer,
    .page-top,
    .pglayout-kv,
    .pglayout-noimg,
    .breadcrumb-list,
    .print-button,
    .title-container,
    .noprint,
    br {
        display: none !important;
    }
    .pglayout-container,
    .underlayer-container {
        padding-top: 20px !important;
        margin: 0 !important;
    }
    main.underlayer-container {
        padding-bottom: 0 !important;
    }
    .search-result-container {
        margin-top: 0px;
        }
    .search-result-birth, .search-result-kijitsu, .search-result-nenkai {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 1000px !important;
        padding: 0 10px !important;
        margin: 0 auto 20px !important;
    }
    main.underlayer-container.-bg03,
    main.underlayer-container {
        background-image: none;
        background-color: #fff;
    }
    .hayami-title,
    table.result-table tr td,
    table.result-table tr th {
        padding: 5px;
    }
}
