@charset "utf-8";


/* style

ドットマネー記事ページで使用するCSS

------------------------------------------------ */

html {
    font-size: 62.5%
}
body {
    color: #534741;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.2rem;
    line-height: 1.5em;
    background: #fff;
}

/* 共通 */
.dotmoney {
  text-align: left;
    margin-top: 10px;
    padding-bottom: 20px;
    background: #fff url(../img/bg.gif) no-repeat center top;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%;
}
.dotmoney .center { text-align: center;}
.dotmoney .right { display: block; text-align: right;}


/* リンク */
.dotmoney a {
	text-decoration: underline;
	color: #04c;
}
.dotmoney a:hover {
	color: #6cf;
}

/* ヘッダー */
.logo {
  box-sizing: border-box;
  padding: 5px 0 0 10px;
  text-align: left;
}

/* メインビジュアル */
.dotmoney .mainvisual { margin-bottom: 20px;}
.dotmoney .mainvisual img { width: 100%;}

/* 見出し */
.dotmoney h1 {
    margin: 0 10px 15px;
    padding: 10px 0;
    border-bottom: #d2d2d2 1px solid;
    letter-spacing: 1px;
    line-height: 1.7em;
    font-size: 1.5rem;
    font-weight: bold;
    color: #363636;
}
.dotmoney h2 {
    margin: 0 10px 20px;
    padding: 9px 1px 8px 1px;
    border-top: #ff4b4e 2px solid;
    border-bottom: #a0a0a0 1px solid;
    background: none;
    letter-spacing: 1px;
    line-height: 1.7em;
    font-weight: bold;
    font-size: 1.4rem;
    color: #363636;
}
.dotmoney h3 {
	margin-bottom: 25px;
	padding: 10px 10px 9px 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
	border-bottom: #d2d2d2 1px solid;
	background: #393939;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 1.3rem;
	color: #fff;
}
.dotmoney .case {
	margin: 0 10px 20px;
	padding: 10px 10px 7px;
	border-top: #fb9595 1px solid;
	border-bottom: #fb9595 1px solid;
	background: #fff0f0;
	letter-spacing: 1px;
  line-height: 1.8em;
	font-weight: bold;
	font-size: 1.5rem;
}



/* 記事 */
.dotmoney .dotmoney_inner {
  margin-bottom: 30px;
  padding: 0 10px;
}
.dotmoney ul,
.dotmoney .txt {
    margin-bottom: 25px;
    letter-spacing: 1px;
    line-height: 2.1em;
    font-size: 1.2rem;
}
.dotmoney .txt_small { font-size: 1.0rem;}
.dotmoney .txt_large1 { line-height: 1.8em; font-size: 1.8rem;}
.dotmoney .txt_large2 { font-size: 2.4rem;}
.dotmoney .bold { font-weight: bold;}

.dotmoney .str { color: #fc2d54;}

.dotmoney .dotmoney_inner img {
    margin-bottom: 25px;
}
.dotmoney span.point {
    display: inline-block;
    margin-bottom: 20px;
    padding: 5px 0 5px 30px;
    background: url(../img/ico_coin.gif) no-repeat 0 0;
    -moz-background-size: 26px;
    -webkit-background-size: 26px;
    background-size: 26px;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 3.7rem;
    color: #f23d52;
}
.dotmoney .dotmoney_inner .btn_entry {
    margin-bottom: 35px;
}
.dotmoney .dotmoney_inner .btn_entry a {
    text-decoration: underline;
    font-size: 1.5rem;
}

/* リスト */
.dotmoney ol.list_up {	margin: 20px 0 25px 20px;}
.dotmoney ul.list_up {	margin: 20px 0 25px 10px;}
.dotmoney ol.list_up li {	list-style-type: decimal;}
.dotmoney ul.list_up li {	list-style-type: none;}
.dotmoney .list_up li {
	margin-bottom: 10px;
	letter-spacing: 1px;
  line-height: 1.8em;
	font-weight: bold;
	font-size: 1.2rem;
	color: #111;
}
.dotmoney ul.list_up li {
  text-indent: -1em;
  padding-left: 1em;
}
.dotmoney .list_up li p {
	display: block;
	font-weight: normal;
}
.dotmoney .list_up li span {
	font-weight: bold;
	color: #ff4851;
}

.dotmoney .btn_sora a {
    width: 85%;
    display: block;
    box-sizing: border-box;
    margin: 15px auto 25px;
    padding: 13px 8px 11px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 4px;
    background: #67cdd2;
    background: -moz-linear-gradient(top, #67cdd2  0%, #3cb1b7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67cdd2), color-stop(100%,#3cb1b7));
    background: -webkit-linear-gradient(top,  #67cdd2 0%,#3cb1b7 100%);
    background: linear-gradient(to bottom,  #67cdd2 0%, #3cb1b7 100%);
    border: #3CB1B7 solid 1px;
	  cursor: pointer;
    font-weight: bold;
    font-size:  16px;
    text-align: center;
    color: #FFF;
}