@charset "utf-8";
/*
Theme Name:tpl_ginsen_kaim
Version:1.1
*/

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
img,abbr,acronym,fieldset{border:0;}

body{
color:#333;
font:16px/1.4 Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
background:url(images/bg.png);
}


a{color:#0033ff;}
a:hover{text-decoration:none;}
a:active, a:focus,input:active, input:focus{outline:0;}
a:hover img{opacity:.8;}

.clearfix:after {clear : both;}
.clearfix {*zoom : 1;}
.clearfix {overflow:hidden;}
.left {float : left;}
.right {float : right;}
.f18 {font-size : 18px;}


/* レイアウト
------------------------------------------------------------*/
#content, .inner{
width:980px;
margin:0 auto;
}

#content{padding-bottom:30px !important;}

.br-sp {
	display: none; 
}

/* 大事なお知らせ改修
------------------------------------------------------------*/
.bg-area {
	background-color: #fff;
	border: 3px solid #8EBD46;
	margin-top: 1.5em;
}

.important-news {
	display: flex;
	padding: 20px;
}

.post-wrapper {
	margin-left: 0.5em;
	flex: 1;
}

.date-wrapper {
	width: 9em;
}

.important-title {
	margin-bottom: 0.5em;
	color: #0033ff;
}

.important-title:hover {text-decoration:underline;}

.important-title a {
	text-decoration: none;
}



/* お知らせ改修 「お知らせ一覧」
------------------------------------------------------------*/

/* ---------銀泉ポータル参照--------- */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
} 

article.news-index h3 {
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	margin-top: 2em;
}


/* ---------タグ--------- */

/* 銀泉誌 */
li .icon-org:after {
  content: "銀泉誌";
  background-color: #fff;
  border: #EBB900 1px solid;
  color: #EBB900;
}

/* 賀寿 */
li .icon-longevity:after {
  content: "賀寿";
  background-color: #fff;
  border: #EB79FF 1px solid;
  color: #EB79FF;
}

/* ニュース */
li .icon-news:after {
  content: "ニュース";
  background-color: #fff;
  border: #6393C9 1px solid;
  color: #6393C9;
}

/* ご不幸 */
li .icon-rip:after {
  content: "ご不幸";
  background-color: #fff;
  border: #7B7B78 1px solid;
  color: #7B7B78;
}

/* 共通部分 */
li .icon-cat:after {
  display: inline-block;
  width: 100px;
  /* height: 20px; */
  margin-left: 15px;
  font-size: 0.8em;
  line-height: 1em;
  padding: 6px 0 4px 0;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
}

/* ---------過去の記事--------- */
article.news-index h3 + .page-content {
  margin-top: 20px;
}

article.news-index .past-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

article .page-content {
	margin-top: 1.5em;
	border-top: 2px solid #c7d53e;
}

.postContent{
margin-bottom:4em;
}


/* ---------過去記事ボタン--------- */

.btn-wrap .btn-movepage {
  display: block;
  padding: 10px 0;
	color: #fff;
	background-color: #005abe;
	padding: 0.75em 5em;
	border-radius: 3px;
	margin: 30px 0 0 0;
	text-align: center;
}

.btn-wrap a {
	text-decoration: none;
}

.btn-wrap:hover{opacity:.8;}

/* ---------記事エリア--------- */
.post-bgcolor {
	background-color: #fff;
	padding:20px 20px 50px;
}


article.news-index #newsList li {
	margin-bottom: 18px;
}

#newsList li a {
	text-decoration: none;
}

.date {
	color: #333333;
	margin-bottom: 1em;
}

.summary {
	margin-left: 1em;
}
.summary:hover {text-decoration:underline;}

.no-message {
	text-align: center;
}

/* お知らせ改修 「詳細ページ」
------------------------------------------------------------*/

/* 記事背景色 */
.bggray {
	background-color: #F2F2F2;
	padding: 0.5em 2.5em;
	border-radius: 10px;
}

.date {
	text-align: right;
}


/* ヘッダー
------------------------------------------------------------*/
#header{
padding:22px 0;
display:table;
table-layout:fixed;
}
#header.login{
padding-bottom:0;
}

#header h1{
display:table-cell;
width:100%;
line-height:0;
vertical-align:middle;
}
#header .headerR{
display:table-cell;
width:170px;
text-align:right;
}

#header #fontSize{
padding:35px 0 10px;
width:220px;
overflow:hidden;
}

#fontSize li{
float:right;
padding:1px 3px;
margin-right:5px;
border:2px solid #8ebd46;
background:#e3f9c0;
font-size:14px;
color:#000;
}

#fontSize li:hover,#fontSize li.active{
cursor:pointer;
color:#fff;
background:#8ebd46;
}

#fontSize li:last-child{
border:0;
padding:8px 0 0;
color:#694b19;
background:transparent;
}

#fontSize li:last-child:before{
padding-right:5px;
content:url(images/arrowGreenR.png);
}

/*メール発行*/
.wpcf7c-conf {background-color: #dcdcdc !important; color: black; border: 1px solid #333333;}
input.wpcf7-text {font-size: 23px !important;}

/* 銀行注意書き
------------------------------------------------------------*/
#attention{
margin-top:30px;
padding:10px 20px 10px 80px;
border:5px solid #ff0000;
color:#ff0000;
font-size:90%;
background:#fff8bd url(images/iconAttention.png) no-repeat 20px 50%;
}
#attention a{text-decoration:none;}
#attention a:hover{text-decoration:underline;}



/* フロントページ 初期画面
------------------------------------------------------------*/
.col2 .box{
position:relative;
margin-top:25px;
padding:20px 20px 120px;
background:#f2f2f2;
}

.col2 .btnWrap{
position:absolute;
bottom:20px;
width:90%;
}

.fc-brown h3{
font-size:100%;
font-weight:normal;
}



/* 会員ホーム
------------------------------------------------------------*/
#login #mainImg{margin-top:30px;}



/* 賀寿
------------------------------------------------------------*/
#longevityContent{background:#fff url(images/longevity_bg.jpg) no-repeat;}

.longevityTerm{
overflow:hidden;
margin:0 40px;
padding:25px 0 20px;
border-bottom:1px solid #d7bf7e;
}

#longevityContent h3{
margin-bottom:20px;
font-size:225%;
font-weight:normal;
font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}

#longevityContent h3 span{
padding-left:10px;
font-size:68%;
font-family:游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

#longevityContent ul{
margin-left:80px;
font-size:100%;
}

.longevityTerm p{font-size:110%;}



/* ご不幸
------------------------------------------------------------*/
#ripContent{
padding-bottom:0 !important;
background:#fff url(images/rip_bg.jpg) no-repeat 0 100%;
}

#ripContent .ulWrap{
margin:-20px 170px 0;
padding:20px 30px 50px;
background:rgba(255,255,255,.7); 
}

#ripContent ul{
padding-top:10px;
font-size:80%;
border-bottom:1px solid #b3b3b3;
}

#ripContent li{
width:33% !important;
padding-left:0 !important;
line-height:1.2;
vertical-align:middle;
}

#ripContent .list li:first-child{letter-spacing:-.05em;}
#ripContent li:nth-child(2){width:24%;}

.tableWrap{
width:800px;
margin:0 auto;
padding:30px 0 15px 30px;
background:rgba(255,255,255,.7);
}

#ripContent table{
margin-bottom:30px;
font-size:110%;
border-collapse: separate;
border-spacing: 0 1px;
}

#ripContent th{
width:10em;
padding:5px 10px;
font-weight:normal;
background:#f2f2f2;
vertical-align:top;
text-align:left;
}
#ripContent tr:last-child th{border:0;}

#ripContent td{padding:5px 10px 5px 50px;	}

#ripContent .address{line-height:2;}

#ripContent a{
color:#333;
text-decoration:none;
}
#ripContent a:hover{text-decoration:underline;}



/* お知らせ
------------------------------------------------------------*/
#newsList dt{
clear:both;
float:left;
width:210px;
padding:10px 5px;
font-size:110%;
font-weight:bold;
}

#newsList dd{
padding:10px 5px 10px 220px;
border-bottom:3px solid #f4f2e9;
}
#newsList>dt:nth-last-child(2)+dd{border:0;}



#newsList.home dd p{text-indent:0;}

#newsList h3{
font-size:110%;
margin-bottom:5px;
}

#newsList.home .post{
margin-top:-5px;
width:100%;
overflow:hidden;
}

#newsList h3 a{
display:block;
text-decoration:none;
}
#newsList h3 a:hover{text-decoration:underline;}

h2.title-news{
/* padding-left:35px; */
font-size:150%;
color: #333;
/* color:#0033ff;
background:url(images/iconNews.png) no-repeat 0 50%; */
margin-bottom: 1.5em;
}

h3.date{
margin:5px 0 20px;
padding:5px 10px;
font-size:110%;
background:#f9f9f7;
}

/* お問い合わせ
------------------------------------------------------------*/
.contact-bk, .inquiry-bk {
    padding       : 15px;
    background    : #f2f2f2;
    border-radius : 5px;
}

.attention-contact {
    padding       : 20px;
    background    : #8ebd46;
    border-radius : 5px;
    font-size     :140%;
    text-align    :center;
    color         :#ffffff;
    font-weight  :bold;
}

.inquiry-bk02 {
    width  : 830px;
    margin : auto;
}
.attention-contact {
    width  : 820px;
    margin : auto;
}
.inquiry-bk {
    margin-bottom : 30px;
}

.inquiry-bk .net-icon {
    float         : left;
    padding-right : 20px;
}

.inquiry-bk h3 {
    font-size   : 185%;
    padding     : 15px 0px 10px 0px;
    font-weight : normal;
}

.inquiry-bk p {
    font-size     : 120%;
    padding-left  : 110px;
    margin-bottom : 10px;
}

.inquiry-time {
    background   : url('images/inquiry03.png') no-repeat 0px 2px;
    padding-left : 20px !important;
    margin-left  : 110px;
}

.inquiry-bk .inquiry-number {
    font-size    : 24px;
    padding-top  : 5px;
    padding-left : 175px;
}

.inquiry-bk .inquiry-tel {
    padding-left : 220px;
}

.contact-title {
    display : inline-block;
    margin  : 0px 10px -15px 0px;
}

.contact-title {
    display : inline-block;
    margin  : 0px 10px -10px 0px;
}

.contact-description {
    padding    : 10px 0px 20px 0px !important;
    text-align : center;
}    

.contact-form dt {
    width         : 180px;
    float         : left;
    font-size     : 24px;
    padding       : 10px;
    color         : #333333;
    clear         : left;
    margin-bottom : 20px;
}

.contact-form dd {
    margin-left   : 180px;
    margin-bottom : 20px;
}

input[type="text"], input[type="email"], input[type="password"], textarea, select {
    font-size     : 18px;
    border-radius : 5px;
    border        : 1px solid #bdbdbd;
    color         : #666666;
}

input[type="text"], input[type="email"], input[type="password"], select {
    height  : 45px;
    padding : 0px 0px 5px 10px;
}

select {
    font-size  : 18px;
    background : #ffffff;
    min-width:140px;
    max-width:90%;
}

.contact-form dd .contact-text01 {
    width         : 350px;
}

.contact-form dd .contact-text02 {
    width       : 55px;
    margin-left : 20px;
}

.contact-form dd .contact-text03{
    width:140px;
}

.contact-form dd .contact-text04 {
    width : 490px;    
}

.address-dd div {
    margin-bottom : 20px;
}

.caution01 {
    padding-left  : 15px;
    padding-right : 20px;
    font-size     : 24px;
    color         : #666666;
}

.caution02 {
    padding-left  : 15px;
    font-size     : 20px;
    color         : #666666;
}

.mail-dd {
    padding : 20px 0px;
}

.contact-form dd textarea {
    width  : 510px;
    height : 240px;
}

.trans {/*送信*/
    width       : 400px;
    height      : 75px;
    border      : 0px;
    background  : url('images/contact02.png') no-repeat;
    float       : right;
    cursor      : pointer;
    text-indent : 9999px;
}
.trans2 {/*確認画面*/
    width       : 400px;
    height      : 75px;
    border      : 0px;
    background  : url('images/contact04.png') no-repeat;
    float       : left;
    margin      : 22px 20px 20px 50px;
    cursor      : pointer;
    text-indent : 9999px;
}
.trans3 {/*戻る*/
    width       : 400px;
    height      : 75px;
    border      : 0px;
    background  : url('images/contact03.png') no-repeat;
    float       : left;
    /*margin      : 22px 20px 20px 50px;*/
    cursor      : pointer;
    text-indent : 9999px;
}
.login_submit {
    width      : 400px;
    height     : 75px;
    border     : 0px;
    display    : block;
    background : url('images/login.png') no-repeat;
    margin     : 20px auto 20px;
    cursor     : pointer;
}

.trans:hover, .login_submit:hover {
    opacity : 0.8;
}

#per-info {
    width      : 900px;
    height     : 350px;
    overflow-y : scroll;
    background : #ffffff;
    padding    : 40px;
}

#per-info h3 {
    margin-bottom : 20px;
}

.message {
    text-align : center;
}

.error {
    color      : red;
    text-align : center;
}

/* ログイン
------------------------------------------------------------*/
span.login-attention {
display:block;
margin-bottom:10px !important;
}
ul.login-attention-ul{
margin-left:30px !important;
list-style-type: disc !important;
}
div.login-div {
width:580px;
margin:auto;
}

/* 弔電のご利用方法
------------------------------------------------------------*/

.telegram_des {
    font-size : 75%;
}

.tel_wrap {
    width  : 760px;
    margin : 10px auto 40px;
}

.tel_text {
    font-size : 100%;
    color     : #0068b7;
    text-align : center;
}

.tel_text a{
    text-decoration : none;
}

.tel_send {
    font-weight : normal;
    text-align  : center;
    font-size   : 150%;
    display     : block;
    margin      : 0px auto 10px;
}

.tel_bg {
    width         : 800px;
    margin        : auto;
    background    : #f2f2f2;
    border-radius : 5px;
    padding       : 30px 20px 5px 30px;
}

.tel_dl {
    margin-top : 15px;
}

.tel_dl span {
    text-align : center;
    display    : block;
}

.tel_dl dt {
    width      : 250px;
    float      : left;
    clear      : left;
    background : #ffffff;
    padding    : 5px 0px;
    text-align : center;
}

.tel_dl dd {
    margin-left   : 260px;
    background    : #ffffff;
    margin-bottom : 10px;
    padding       : 5px 0px 5px 10px;
}


/* 銀泉のご案内
------------------------------------------------------------*/

.ginsen_des {
    font-size : 75%;
}

.ginsen_box01 {
    width      : 215px;
    height     : 80px;
    background : #8ebd46;
    margin     : auto;
    padding    : 15px 50px 5px;
}

.ginsen_box01 img, .ginsen_box02 img, .ginsen_box03 img {
    float : left;
}

.ginsen_inner01 {
    margin : 2px 0px 0px 85px;
    color  : #ffffff;
}

.ginsen_inner01 h3 {
    font-size : 180%;
}

.ginsen_inner01 p {
    font-size : 120%;
}

.ginsen_wrap {
    width  : 760px;
    margin : auto;
}

.ginsen_box02 {
    background : #46a8bd;
    float      :left;
}

.ginsen_box03 {
    background : #bd9446;
    float      : right;
}

.ginsen_box02, .ginsen_box03 {
    padding    : 15px 20px 10px 20px;
    width      : 305px;
    margin     : 40px 0px 10px 0px;
}

.ginsen_box02 h3, .ginsen_box03 h3 {
    color    : #ffffff;
    font-size : 130%;
    margin    : 6px 0px 0px 55px;
}
.ginsen_box01 a , .ginsen_box02 h3 a , .ginsen_box03 h3 a {
	text-decoration: none !important;	
	color:#FFFFFF !important;
}
.ginsen_box01 a:hover , .ginsen_box02 h3 a:hover , .ginsen_box03 h3 a:hover {
	text-decoration: underline !important;
}
.ginsen_list {
    margin : 15px 0px 0px 0px;
}

.ginsen_list li {
    margin-bottom : 10px;
    padding       : 5px 0px 5px 30px;
    background    : #ffffff url('images/ginsen04.png') no-repeat 10px center;
}
.ginsen_list li a {
	text-decoration: none;	
	color:#3d3d3d;
}
.ginsen_list li a:hover {
	text-decoration: underline;
}

#grouwplink ul {
	list-style-type: none;
	padding-left: 0;
	text-align: center;
	padding-top:30px;
	padding-bottom:30px;
}
#grouwplink li {
	width: 300px;
	height: 50px;
	padding: 0px;
	margin: 10px;
	display: inline;
}


/* 談話室
------------------------------------------------------------*/
h2.title.danwa {
	margin-left:50px;
	margin-right:50px;
}
p.danwa-p{
	margin-bottom:40px;
	text-align:left;
	display:block;
	margin-left:50px;
	margin-right:50px;
}
h3.danwa {
	background-image: url(images/h3-danwa.png);
	line-height: 58px;
	text-align: center;
	font-size: 180%;
	color: #FFFFFF;
	padding: 0;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: center center;
}
.danwa-zone {
	margin-bottom:20px;
}
.danwa-zone.nomar {
	margin-bottom:0 !important;
}
.danwa-zone .left , .danwa-zone .right {
	width:459px;
	float:left;
	position:relative;
	z-index:2;
	padding:0;
	margin-bottom:20px;
}
.danwa-zone .left {
	margin-right:20px;
}
.danwa-zone .left p , .danwa-zone .right p {
	position: absolute;
	z-index: 3;
	bottom: 0;
	display: block;
	width: 100%;
	background-image: url(images/bg-white.png);
	background-repeat: repeat;
	color: #000000;
	font-size: 150%;
	text-align: left;
	line-height: 200%;
}
.danwa-zone .left p span , .danwa-zone .right p span {
	margin-left:20px;
	margin-right:20px;
}
.danwa-zone .left img , .danwa-zone img {
	margin:0;
	padding:0;
	vertical-align: bottom;
}
.zone-sisetsu {
	margin-bottom: 20px;
	background-color: #F2F2F2;
	clear: both;
	border-radius: 10px;
	padding-top:20px;
	padding-bottom:20px;
	overflow:hidden;
	width:100%;
}
.zone-sisetsu.nomar {
	padding-top:0px;
	padding-bottom:0px;
}
.zone-sisetsu .zswrap {
	margin-left:30px;
}
.zone-sisetsu .p-title {
	display: block;
	background-image: url(images/danwa-titlebg.png);
	background-position: left center;
	font-size: 180%;
	background-repeat: no-repeat;
	margin-bottom:15px;
	padding-left:40px;
	margin-left:20px;
}
.zone-sisetsu .p-title2 {
	display: block;
	background-image: url(images/danwa-titlebg2.png);
	background-position: left center;
	font-size: 180%;
	background-repeat: no-repeat;
	margin-bottom:15px;
	padding-left:40px;
	margin-left:20px;
}
.danwa-time {
margin-left:30px;
margin-right:30px;
font-size:160%;
}
.zone-sisetsu .float {
	float:left;
	width:50%;
}
.zone-sisetsu .float img {
	float:left;
	margin-right:20px;
}
.zone-sisetsu .float p {
	margin-right:30px;
}
.zone-sisetsu strong {
	font-size: 140%;
	font-weight: normal;
}
.danwa-tel {
	margin-bottom:40px;
}
.danwa-tel .p-txt {
	text-align:center;
	font-size:130%;
	margin-bottom:20px;
}
.danwa-tel .tel-no {
	float:left;
	text-align:center;
	width:50%;
}
.zone-sisetsu table {
	width:100%;
	border:0;
	border-radius: 10px;
}
.zone-sisetsu table th ,  .zone-sisetsu table td {
	background-color: #FFFFFF;
	border: 13px solid #F2F2F2;
	padding: 10px;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}


/* ページナビゲーション
------------------------------------------------------------*/
.pagenav{
margin-top:30px;
text-align:center;
}

.pagenav a{
padding:15px;
color:#333;
text-decoration:none;
background:#f2f2f2;
border:1px solid #c0c0be;
}

/* お知らせ一覧 */
#pagenavNews{
margin-top:3em;
text-align:center;
}

#pagenavNews li{display:inline-block;}

#pagenavNews .btn,#pagenavNews li a{
padding:10px 20px !important;
font-size:110% !important;
}

#pagenavNews .btn{
	padding:10px 50px !important;
}


/* 共通 + タイポグラフィー
------------------------------------------------------------*/
.title{
padding:30px 10px 20px;
font-size:190%;
color:#694b19;
text-align:center;
}
h1.title{
padding:30px 10px;
margin:30px 0;
color:#fff;
background:#169f07 url(images/title_bg.png) no-repeat 0 100%;
}

h2.title{
font-weight:normal;
font-size:150%;
}

/* .postContent{
padding:20px 20px 30px;
margin-bottom:30px;
background-color:#fff;
} */

.post{
	display: block;
	line-height: 1.75em;
}


/* ボタン ***********/
.btn,#pagenavNews li a{
padding:10px;
border-radius:5px;
font-size:185%;
text-align:center;
color:#fff;
background:#005abe;
text-decoration:none;
}
.home .btn{font-size:150% !important;}

.btn:hover{opacity:.8;}

/* フロントページ */
.btnWrap .btn{display:block;}

.btnWrap .btn span:before{
padding-right:10px;
content:url(images/arrowWhiteR.png);
}

/* 矢印付きボタン */
.btn.arrow{
padding:10px 70px 10px 80px;
background:#005abe url(images/arrowWhiteR.png) no-repeat 50px 50%;
}


/* 弔電ボタン */
.tele .btn{
padding:20px 50px 20px 100px;
background-image:url(images/iconTele.png);
}

.col2,.col3{letter-spacing:-0.4em;}

 .col2 li, .col3 li{
display:inline-block;
vertical-align:top;
letter-spacing:normal;
}

.col2{
margin:30px 0;
padding:25px 0 0;
overflow:hidden;
background:#fff;
}

.col2 li{
width:460px;
padding:0 0 55px 20px;
}

.col3{clear:both;}

.col3 li{
width:30%;
padding-left:2%;
margin-bottom:5px;
font-size:140%;
}

.footernav li{
float:left;
width:49%;
padding-right:1%;
margin:0 0 20px;
}
	
.footernav li:last-child{
float:right;
padding:0 0 10px 1%;
}

#footer .col3 li{
width:313px;
padding:0 20px 50px 0;
}

#footer .col3 li:last-child{padding-right:0;}


.mt-30{margin-top:-30px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt60{margin-top:60px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.ml20{margin-left:20px !important;}
.p20{padding:20px !important;}
.pr30{padding-right:30px !important;}
.pl30{padding-left:30px !important;}
.crBox{clear:both !important;}
.ta-C{text-align:center !important;}
.ta-R{text-align:right !important;}
.ta-L{text-align:left !important;}
.bgWhite{background:#fff;}
.fc-brown{color:#694b19;}
.txtI-1{text-indent:1em;}
.alignright{float:right;}
.alignleft{float:left;}
img.aligncenter{display:block;margin:5px auto;}
img.alignright, img.alignleft{margin:0 0 5px 5px;display:inline;}
img.alignleft{margin: 0 5px 5px 0;}




@media only screen and (min-width:981px){
  a#menu,.sp{display:none;}

	.pc,.panel{display:block !important;}

#mainnav{
clear:both;
border-top:1px solid #8ebd46;
border-bottom:1px solid #8ebd46;
background:#8ebd46;
overflow:hidden;
}

	#mainnav li{
	float:left;
	width:162px;
	line-height:0;
	border-right:1px solid #a9cf6e;
	background:#faf9d6;
	}
	#mainnav li:nth-child(4),#mainnav li:last-child{width:163px;}
	#mainnav li:last-child{border:0;}

	#mainnav li a{
	display:block;
	width:100%;
	padding:25px 0;
	text-align:center;
	}

	#mainnav li.active,#mainnav li:hover{
	background:#e3f9c0;
	}

}

@media only screen and (max-width:980px){
	.pc,#attention br{display:none;}
	
	.sp{display:block;}
	
	#content, .inner{
	width:96%;
	padding:0 2%;
	}
	
	#header.inner{
	width:100%;
	padding:10px 0;
	}
	#header.login{
	padding-bottom:0;
	}
	
	#header h1{
	width:98%;
	padding-left:2%;
	}
	#header .headerR{	padding-right:2%;	}
	
	#fontSize{
	width:126px !important;
	height:30px;
	}
	
	#fontSize li{display:none;}
	
	#mainnav{
	position:absolute;
	top:10px;
	left:0;
	width:100%;
	}	
	
	a#menu{
	display:block;
	position:absolute;
	right:10px;
	}
	
	.panel{
	display:none;
	overflow:hidden;
	position: relative;
	left:0;
	top:66px;
	z-index: 1;
	background:#fff;
	border-top:2px solid #a9cf6e;
	border-bottom:2px solid #a9cf6e;
	}
	
	.panel li a{
	display:block;
	padding:15px 0;
	border-bottom:1px solid #a9cf6e;
	}
	.panel li:last-child a{border:0;}
	
	#attention{margin:10px 0;}
	
	img{
	max-width:100%;
	height:auto;
	}
	
	#mainImg{margin:0 -2%;}
	
	/* フロントページ */	
	.btnWrap .btn{
	font-size:18px;
	line-height:1.2;
	}
	
	/* 共通 */
	.col2 li{
	width:46%;
	padding:0 0 20px 2%;
	}
	
	.col2 .box{
	margin-top:5px;
	padding:10px 10px 80px;
	}
	
	.postContent{
  padding: 0;
	margin-bottom: 4em;
	}
	
	/* 賀寿 */
	.longevityTerm{margin:0 10px;}
	
	#longevityContent ul{margin-left:0;}
	
	/* ご不幸 */
	#ripContent{padding-bottom:20px !important;}
	
	#ripContent .ulWrap{
	margin:0;
	padding:20px 10px;
	}

  #ripContent li{width:45% !important;}

	#ripContent li:first-child,#ripContent li:nth-child(2){
	width:25% !important;
	padding-right:2% !important;
	}

	
	.tableWrap{
  width:94%;
  margin:0 auto;
	padding:0;
	}
	
	#ripContent table{margin-bottom:10px}

	#ripContent td{padding:5px 10px;}

	#footer .col3 li{
	width:32.3333%;
	padding:0 .5%;
	}
	
	#footer .col3 li:first-child{
	padding:0 1% 0 0;
	}
	
	#footer .col3 li:last-child{
	padding:0 0 0 1%;
	text-align:right;
	}
	
	/* コンタクトバナー */
	#footer .sp{width:100%;}
	
	/* 談話室 */
.zone-sisetsu .float img {
	float:none;
	clear:both;
	margin-right:0px;
}
.danwa-zone .left , .danwa-zone .right {
	width:50% !important;
	text-align:center;
	margin-left:0;
	margin-right:0;
}
.danwa-zone .left p , .danwa-zone .right p {
	position:relative !important;
	bottom:auto !important;
	display: block;
	width: auto;
	margin-left:0px !important;
	margin-right:0px !important;
	padding:0 !important;
	background-image:none !important;
	text-align:center;
}
.smpimg {
	display:block;
	margin-left:10px;
	margin-right:10px;
}

	/* 銀泉のご案内 */
.ginsen_box01 , .ginsen_box02, .ginsen_box03 {
    width      : auto !important;
    height     : auto !important;
    margin:0;
    padding-left    : 20px;
	padding-right : 20px;
}
.ginsen_wrap {
    width  : auto !important;
}
.ginsen_box02 , .ginsen_box03 {
    float      :none ;
	clear:both;
}

	/* お問い合わせ */
.inquiry-bk02 {
    width  : auto !important;
}
.inquiry-time {
    margin-left  : 0px;
}

.inquiry-bk .inquiry-number {
    padding-left : 0px;
}
.inquiry-bk .inquiry-tel {
    padding-left : 0px;
}

.contact-description {
    padding    : 10px 0px 20px 0px !important;
    text-align : center;
}    

.contact-form dt {
	display:block;
    width         : auto;
    float         : none;
	clear:both;
    font-size     : 130%;
	margin-bottom:0;
}

.contact-form dd {
    margin-left   : 0px;
    margin-bottom : 20px;
}

.contact-form dd .contact-text01 {
    width : 80%; 
}

.contact-form dd .contact-text02 {
    max-width : 80%; 
}

.contact-form dd .contact-text03, select {
    max-width : 80%; 
}

.contact-form dd .contact-text04 {
    max-width : 80%;    
}
.caution02 {
    font-size     : 160%;
}
.contact-form dd textarea {
    width  : auto;
    max-width:95%;
}
.trans {
	width       : 200px;
	height      : 37px;
	border      : 0px;
	background  : url('images/contact02.png') no-repeat;
	float       : none;
	clear:both;
	background-size: cover;
}
.trans2 {
	width       : 200px;
	height      : 37px;
	border      : 0px;
	background  : url('images/contact04.png') no-repeat;
	float       : none;
	clear:both;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	background-size: cover;
}
span.caution01 {
display:block;
}
.login_submit {
    width      : 200px;
    height     : 37px;
    border     : 0px;
    display    : block;
    background : url('images/login.png') no-repeat;
float       : none;
	clear:both;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	background-size: cover;
}
.link-back img {
    width      : 200px;
    height     : 37px;
    border     : 0px;
}
.form-backbtn {
	width      : 200px;
    height     : 37px;
margin-top:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
.form-backbtn img {
	width:100%;
	height:auto;
}

#per-info {
    width      : auto !important;
}


}

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

	
	body{font-size:70%}
	
	.btnWrap .btn,#ripContent table{font-size:16px;}
	
	#ripContent li{font-size:14px;}
	
	#ripContent th{width:6em;}
	
	#longevityContent h3 span{
	display:block;
	padding-left:0;
	}
	
	#longevityContent .col3 li{
	width:49%;
	padding:0 1% 0 0;
	font-size:18px;
	}
	
	#newsList dt{
	float:none;
	width:96%;
	padding:10px 2% 0;
	}

	#newsList dd{
	width:96%;
	padding:10px 2%;
	border-bottom:3px solid #f4f2e9;
	}

	#newsList dd h3,#newsList dd p{text-indent:0px;}
	
	.alignright,.alignleft{float:none;}
	img.alignright, img.alignleft{display:block;margin:5px auto;}
	
div.login-div {
width:100% !important;
}	
/* 談話室
------------------------------------------------------------*/
h2.title.danwa {
	margin-left:0px;
	margin-right:0px;
}
p.danwa-p{
	margin-bottom:40px;
	text-align:left;
	display:block;
	margin-left:0px;
	margin-right:0px;
}
.danwa-zone .left , .danwa-zone .right {
	width:100% !important;
	float:none !important;
	clear:both !important;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.danwa-zone .left p , .danwa-zone .right p {
	position:relative !important;
	bottom:auto !important;
	display: block;
	width: 100%;
	background-image:none !important;
}
.danwa-zone .left p span , .danwa-zone .right p span {
	margin-left:0px;
	margin-right:0px;
}
.zone-sisetsu .float img {
	float:none;
	clear:both;
	margin-right:0px;
}
.zone-sisetsu .float p {
	margin-right:20px;
}
.danwa-tel .tel-no img {
	max-width:80%;
}
.smpimg {
	margin-left:0px;
	margin-right:0px;
}
	/* 弔電のご利用方法 */


.tel_wrap {
    width  : auto !important;
    margin : 10px auto 40px;
}
.tel_bg {
    width         : auto !important;
}
.tel_wrap .left , .tel_wrap .right {
    clear:both !important;
    float:none !important;
    width:auto !important;
    text-align:center !important;
    margin-bottom:10px !important;
}

/* -------------大事なお知らせ改修-------------*/

.important-news {
	display: block;
	padding: 20px;
}

.post-wrapper {
	margin-left: 0;
}

.important-title {
	margin-top: 0.5em;
}

/* -------------「お知らせ一覧」改修-------------*/
.br-sp {
  display: block;
}

#newsList {
	line-height: 2rem;
}

.summary {
  margin-left: 0;
}

.btn-wrap .btn-movepage {
	display: block;
  padding: 10px 0;
	color: #fff;
	background-color: #005abe;
	padding: 0.8em 0.5em;
  border-radius: 3px;
  text-align: center;
}


.article.news-index .past-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

}

/*
Theme Name:tpl_ginsen_kaim　追加CSS 20210430-20211201
*/
.pt50{padding-top:50px;}

/* 詳細ページのスマホ表示対応 */
.post {
	display: block;
}


/* 銀行会館のご案内
------------------------------------------------------------*/
.kaikan-bk {
    padding       : 15px 50px;
    background    : #f2f2f2;
    border-radius : 5px;
	margin-bottom:50px;
}
.kaikan-bk .p-title {
	display: block;
	background-image: url(images/kaikan-titlebg.png);
	background-position: left center;
	font-size: 180%;
	background-repeat: no-repeat;
	margin-bottom:15px;
	padding-left:40px;
}
/* 住友クラブのご案内
------------------------------------------------------------*/
.sumitomoclub-bk {
    padding       : 50px;
    background    : #f2f2f2;
    border-radius : 5px;
	margin-bottom:50px;
}
.sumitomoclubUl li h3{
	padding-bottom:15px;
	
}
.sumitomoclubUl li{
	float:left;
	width:32%;
	padding-right:2%;
	
}
.sumitomoclubUl li:last-child{
	float:right;
	padding-right:0;
	
}
.sumitomoclubUl li .btn{
	font-size:110%;
	line-height:2.5;
	width: calc(100%-10px);
	display:block;
	padding:10px;
	background:#005abe;
}
.sumitomoclubUl li .btn .arrow{
	background:#005abe url(images/arrowWhiteR.png) no-repeat 0 50% !important;
	padding-left:30px;
}
@media only screen and (max-width:640px){
	.sumitomoclubUl li{
	float:none;
	width:100%;
	padding-right:0;
	margin:0 0 30px 0;
	}
}
/* home バナー
------------------------------------------------------------*/
.footernavLong{
	margin:0 0 20px;
	}
	@media only screen and (max-width:640px){
		.footernav li{
		margin:0 0 10px 0;
		}	
		.footernav li:last-child{
		padding:0;
		}
		.footernavLong{
		margin:0 0 10px 0;
		}
	}