@charset "utf-8";
/*
Theme Name: custom
Theme URI: http://bizvektor.com
Template: biz-vektor
Description: The style sheet for JRHN
Author: Toru Ebisawa
Tags:
Version: 0.1.0
*/

/*---------------------------*/
/*見出しh1の追加スタイル     */
/*---------------------------*/
#content h1.entryPostTitle{
	border-left: 4px solid #3c9e0f;
}



/*---------------------------*/
/*テーブルの縦線 1pxの直線 #616161で指定*/
/*---------------------------*/
	/*#content table { border:1px solid #616161; }*/
	/*#content table th { border:1px solid #616161; }*/
	#content table td { border:1px solid #616161; }
	#content table {border-collapse:collapse;border:1px solid #616161;}



/*---------------------------*/
/*銀行へのリンクボタン(銀行詳細ページで使用)*/
/*---------------------------*/

.bank_bottun {
    width:300px;
    font-size:18px;
    font-weight:regular;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 8px;
    color:#fff;
    background-color:#49a9d4;
    margin-left: auto;
    margin-right: auto;


    background-image:-moz-linear-gradient(
    top,
    #49a9d4 0%,
    #2989d8 40%,
    #2285d6 52%,
    #2989d8);

    background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#49a9d4),
    color-stop(0.49,#2989d8),
    color-stop(0.52,#2285d6),
    to(#2989d8));
}

.bank_bottun:hover{
	opacity:0.75;
	color:#fff !important;
}

/*---------------------------*/
/*銀行へのリンクボタン タイプ2 (銀行一覧ページで使用)*/
/*---------------------------*/

.bank_bottun_type2 {
    width:200px;
    font-size:16px;
    font-weight:regular;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:5px 0px 5px 0px;
    color:#fff;
    background-color:#49a9d4;
    margin-left: 2;
    margin-right: auto;


    background-image:-moz-linear-gradient(
    top,
    #49a9d4 0%,
    #2989d8 40%,
    #2285d6 52%,
    #2989d8);

    background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#49a9d4),
    color-stop(0.49,#2989d8),
    color-stop(0.52,#2285d6),
    to(#2989d8));
}

.bank_bottun_type2:hover {
	opacity:0.75;
	color:#fff !important;
}
.bank_bottun_type2{
	width:auto !important;
}

/*---------------------------*/
/*口コミ投稿フォームへのボタン*/
/*---------------------------*/


.form_bottun {
    width:300px;
    font-size:18px;
    font-weight:regular;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 8px;
    color:#fff;
    background-color:#f55fa2;
    margin-left: auto;
    margin-right: auto;


    background-image:-moz-linear-gradient(
    top,
    #f55fa2 0%,
    #d82994 40%,
    #d622bf 52%,
    #d82994);

    background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#f55fa2),
    color-stop(0.49,#d82994),
    color-stop(0.52,#d622bf),
    to(#d82994));
}

.form_bottun:hover{
	opacity:0.75;
	color: #6e266a;
	}


/*---------------------------*/
/*サイトの横幅を変更*/
/*---------------------------*/
@media (min-width: 970px){
#main #container #content { width:700px; }
}


/*---------------------------*/
/*リンクのある画像を半透明に*/
/*---------------------------*/
a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
}


/*---------------------------*/
/*半透明をスタイリッシュに*/
/*---------------------------*/
img {
	transition: 0.6s ;
}


/*---------------------------*/
/*文字と行間*/
/*---------------------------*/
body {
	font-size: 16px;
	line-height: 1.6;
	font-family: Tahoma, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}


/*---------------------------*/
/*サイドウィジェットのCSS*/
/*---------------------------*/
/*.sideWidget: hover {
	background-color: #fff;
	text-color: #3c9e0f;
}*/


/*---------------------------*/
/*銀行の公式サイトへのCSSテキストボタン*/
/*---------------------------*/

.button_bank {
  display: inline-block;
  margin: 0.75rem;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 0.0rem;
  outline: none;
  background-color: #e74c3c;
  color: white;
  font-family: inherit;
  font-size: 1.000em;
  font-weight: 600;
  line-height: 1.5rem;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
}
button_bank:focus, button_bank:hover,
.button_bank:focus,
.button_bank:hover {
  background-color: #e74c3c;
  box-shadow: 0 0 0 0.1875rem white, 0 0 0 0.375rem #e74c3c;
}
button_bank:active,
.button_bank:active {
  background-color: #e74c3c;
  box-shadow: 0 0 0 0.1875rem #e74c3c, 0 0 0 0.375rem #e74c3c;
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
}


/*---------------------------*/
/* テーブルを横スクロール */
/*20161114現在機能していない*/
/*---------------------------*/
.table {
 width: 100%;
}

/*tableをスクロールさせる*/
/*tableのセル内にある文字の折り返しを禁止*/
.scroll {
 overflow: scroll;
 white-space: nowrap;
}

/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar {
 height: 5px;
}

/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar-track {
 background: #F1F1F1;
}

/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}

/*****ここから会話のCSS*****/
.talk-wrap{
 display: block;
 clear: both;
 margin:0 auto 3px auto;
 }
.talk-wrap p{
 margin:0;
 }
 .left-icon{
 width: 100px;
 height: 100px;
 border-radius: 50%;
 -webkit-border-radius: 50%;
 background: no-repeat;
 background-size: 180%;
 background-position: center;
 float:left;
 display:inline-block;
 box-shadow: 1px 1px 5px #aaa; /*左のアイコンの影の設定*/
 border: 3px solid #fff; /*左のアイコンの枠の設定*/
 margin-bottom: 10px;
 }
 .talk-left{
 float:right;
 position: relative;
 background: #fff; /*左の会話の背景色*/
 border: 2px solid #666;
 padding: 3%;
 border-radius: 10px;
 width: 70%;
 margin-top:10px;
 box-shadow: 1px 1px 5px #aaa; /*左の会話の影の設定*/
 margin-bottom: 10px;
 }
.talk-left:before {
 content: "";
 display: inline-block;
 border: 10px solid transparent;
 border-right-color: #666;
 position: absolute;
 left: -20px;
 top: 25%;
 margin-top: -9px;
}
.talk-left:after {
 content: "";
 display: inline-block;
 border: 9px solid transparent;
 border-right-color: #fff;
 position: absolute;
 left: -16px;
 top: 25%;
 margin-top: -8px;
}
 .right-icon{
 width: 100px;
 height: 100px;
 border-radius: 50%;
 -webkit-border-radius:50%;
 background: no-repeat;
 background-size: 180%;
 background-position: center;
 float:right;
 display:inline-block;
 box-shadow: 1px 1px 5px #aaa; /*右のアイコンの影の設定*/
 border: 3px solid #FFF; /*右のアイコンの枠の設定*/
 margin-bottom: 10px;
 }
 .talk-right{
 float:left;
 position: relative;
 background: #fff; /*右の会話の背景色*/
 border: 2px solid #666;
 padding: 3%;
 border-radius: 10px;
 width: 70%;
 margin-top:10px;
 box-shadow: 1px 1px 5px #aaa; /*右の会話の影*/
 margin-bottom:10px;
 }
 .talk-right:before {
 content: "";
 display: inline-block;
 border: 10px solid transparent;
 border-left-color: #666;
 position: absolute;
 right: -20px;
 top: 25%;
 margin-top: -9px;
}
.talk-right:after {
 content: "";
 display: inline-block;
 border: 9px solid transparent;
 border-left-color: #fff;
 position: absolute;
 right: -16px;
 top: 25%;
 margin-top: -8px;
}
.talk-end{
 clear:both;
}
/*****レスポンシブ設定*****/
@media screen and (max-width: 480px){
 .left-icon{
 width: 80px;
 height: 80px;
 }
 .talk-left{
 width: 65%; 
 }
 .right-icon{
 width: 80px;
 height: 80px;
 }
 .talk-right{
 width: 65%; 
 }
 }
 @media screen and (max-width: 380px){
 .left-icon{
 width: 60px;
 height: 60px;
 }
 .talk-left{
 width: 65%; 
 }
 .right-icon{
 width: 60px;
 height: 60px;
 }
 .talk-right{
 width: 65%; 
 }
 }