@charset "utf-8";
/* CSS Document */

/*---------- common ----------*/
body {
background: #d8defc;
font-family: Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Lucida Grande", sans-serif;
font-size: 16px;
color: #111111;
line-height: 1.6em;
}
a {
color: #074BB4;
text-decoration: underline;
outline: none;
}
a:hover {
color: #074BB4;
text-decoration: none;
outline: none;
}
p {
	margin-bottom: 1em;
	line-height: 1.8em;
	margin-top: 1em;
}
img {
max-width: 100%; height: auto;
vertical-align:bottom;
}
#footer {
text-align: center;
}
/*---------- 文字装飾 ----------*/
span {
	font-weight: bold;
}
.small {
font-size: 11px;
}
.large {
font-size: 20px;
}
.blk,
.blk:hover {
color: #111111;
}
.normal {
font-weight: normal;
}
.text_red {
color: #FF0004;
font-weight: bold;
}
.text_blue {
color: #0000FF;
font-weight: bold;
}
.text_bold {
font-weight: bold;
text-decoration:underline;
}
.marker_yel {
background: -moz-linear-gradient(transparent 30%, #fff996 0%, #fff996 70%, #ffffff 70%);      /* Firefox用 */
background: -webkit-linear-gradient(transparent 30%, #fff9960 0%, #fff996 70%, #ffffff 70%);   /* Safari用 */
background: -ms-linear-gradient(transparent 30%, #fff996 0%, #fff996 70%, #ffffff 70%);       /* IE用 */
background: -o-linear-gradient(transparent 30%, #fff996 0%, #fff996 70%, #ffffff 70%);        /* Opera用 */
background: linear-gradient(transparent 30%, #fff996 0%, #fff996 70%, #ffffff 70%);           /* Default */
padding: 0.5em;
margin-left: 0.3em;
margin-right: 0.3em;
}
.marker_lyel {
background: -moz-linear-gradient(transparent 30%, #fff996 0%, #fff996 70%, #ffffff 70%);      /* Firefox用 */
background: -webkit-linear-gradient(transparent 30%, #fff9960 0%, #fff996 70%, #ffffff 70%);   /* Safari用 */
background: -ms-linear-gradient(transparent 30%, #fff996 0%, #fff996 70%, #ffffff 70%);       /* IE用 */
background: -o-linear-gradient(transparent 30%, #fff996 0%, #fff996 70%, #ffffff 70%);        /* Opera用 */
background: linear-gradient(transparent 30%, #fff996 0%, #fff996 70%, #ffffff 70%);           /* Default */
padding: 0.3em;
margin-left: 0.3em;
margin-right: 0.3em;
}

.line_yel {
background:#ffffe0;
}
/*---------- header ----------*/
#header {
padding: 20px 0;
background: #202c66;
text-align: center;
}
#header h1 {
font-size: 24px;
font-weight: bold;
color: #fff;
line-height: 1.0;
letter-spacing: 0.05em;
}
@media screen and (max-width: 720px) {
#header {
padding: 5px 0;
}
}
/*---------- contents ----------*/
#contents {
margin: 0 auto;
padding: 15px 30px;
width: 640px;
background: #ffffff;
}
#contents img {
width: 100%;
}
#contents .sec{
margin: 3em auto 15px;
}
#contents .offer{
margin: 3em auto 15px;
	text-align: center;
}
@media screen and (min-width: 720px) {
    .br-sp { display:none; }
	.sp {display:none;}
}
@media screen and (max-width: 720px) {
#contents {
width: auto;
padding: 15px;
}
	.pc {
		display:none;
	}

}
/*---------- 日付・SNS ----------*/
#contents .information {
position: relative;
font-size: 12px;
color: #777777;
line-height:18px;
float: right;
padding-right: 10px;
}
#contents .social_plugin {
margin-bottom: 15px;
overflow: hidden;
text-align: right;
}
#contents .social_plugin .social_plugin_fb,
#contents .social_plugin .social_plugin_tw {
float:right;
padding-right: 10px;
}
/*---------- 記事タイトル ----------*/
#contents h1 {
margin-bottom: 1em;
font-size: 28px;
font-weight: bold;
line-height: 1.5;
text-align:left;
}
#contents h2 {
margin: 3em 0 15px;
padding: 15px 0;
border-top: 2px solid #0f2e6d;
border-bottom: 2px solid #0f2e6d;
color: #000000;
font-size: 22px;
font-weight: bold;
}
@media screen and (max-width: 720px) {
#contents h2 {
text-align:left;
font-size: 18px;
}
}

/*---------- ライター ----------*/
.writer_profile {
	background-color: #ffe4db;
	margin: 20px auto 30px;
	padding: 10px 15px;
	overflow: hidden;
}
.writer_profile .profile_title {
	font-weight: bold;
	margin-bottom: 5px;
}
.writer_profile .writer_image {
	width: 40%;
	float: right;
	margin: 0 0 5px 5px;
}
.writer_profile .writer_name {
	font-size: 84%;
	font-weight: bold;
}
.writer_profile .writer_desc {
	font-size: 76%;
}
/*---------- 目次 ----------*/
.mokuji {
background: #f7f7fa;
text-align: left;
padding: 10px 15px;
}
.mokuji ul li a {
color: #1072bd;
}
.mokuji ul li a:hover {
color: #1072bd8;
}
/*---------- 見出し ----------*/
#contents h3 {
margin: 3em 0 15px;
padding: 15px 0;
border-top: 2px solid #7097a7;
border-bottom: 2px solid #7097a7;
color: #506c77;
font-size: 22px;
font-weight: bold;
line-height:1.5;
}
#contents h4 {
margin: 3em 0 15px;
padding: 3px 0 3px 8px;
border-bottom: 2px solid #7097a7;
font-size: 18px;
font-weight: bold;
}
/*---------- 引用 ----------*/
.qtbox_gray {
background: url(../img/ten_left.png) no-repeat 15px 15px #f7f7fa;
padding: 15px 0;
margin-bottom: 5px;
}
.qtbox_gray p {
margin-bottom: 0;
background: url(../img/ten_right.png) no-repeat bottom right;
}
.ten_text {
padding: 10px 10px 10px 20px;
margin: 0 20px;
}
/*---------- ポイント ----------*/
.point {
background: #ffe4db;
text-align: left;
padding: 10px 15px;
margin-bottom: 10px;
}
.point ol {
list-style-type: decimal;
padding-left: 20px;
}
/*---------- ボタン ----------*/
.cv_btn{
width: 100%;
margin: 10px auto 20px;
}

.cv_btn a {
display: block;
color: #ffffff;
background: -moz-linear-gradient(top, #0080FF 0%, #0080FF 49%, #0080FF 50%, #0080FF);
background: -webkit-linear-gradient(top, #0080FF 0%, #0080FF 49%, #0080FF 50%, #0080FF);
background: -ms-linear-gradient(top, #0080FF 0%, #0080FF 49%, #0080FF 50%, #0080FF);
background: -o-linear-gradient(top, #0080FF 0%, #0080FF 49%, #0080FF 50%, #0080FF);
background: linear-gradient(top, #0080FF 0%, #0080FF 49%, #0080FF 50%, #0080FF);
text-align: center;
font-size: 20px;
font-weight: bold;
padding: 15px 2px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
text-decoration: none;
box-shadow:4px 4px #005ab3;

}
@media screen and (max-width: 720px) {
.cv_btn a {
padding: 35px 2px !important;
}
}

.cv_btn .cv_site  a{
display: block;
color: #ffffff;
background: -moz-linear-gradient(top, #0080FF 0%, #0080FF 49%, #0080FF 50%, #0080FF);
background: -webkit-linear-gradient(top, #0080FF 0%, #0080FF 49%, #0080FF 50%, #0080FF);
background: -ms-linear-gradient(top, #0080FF 0%, #0080FF 49%, #0080FF 50%, #0080FF);
background: -o-linear-gradient(top, #0080FF 0%, #0080FF 49%, #0080FF 50%, #0080FF);
background: linear-gradient(top, #0080FF 0%, #0080FF 49%, #0080FF 50%, #0080FF);
box-shadow:4px 4px #268b56;
}

.cv_siryou  a{
display: block;
color: #ffffff;
background: -moz-linear-gradient(top, #36C77B 0%, #36C77B 49%, #36C77B 50%, #36C77B);
background: -webkit-linear-gradient(top, #36C77B 0%, #36C77B 49%, #36C77B 50%, #36C77B);
background: -ms-linear-gradient(top, #36C77B 0%, #36C77B 49%, #36C77B 50%, #36C77B);
background: -o-linear-gradient(top, #36C77B 0%, #36C77B 49%, #36C77B 50%, #36C77B);
background: linear-gradient(top, #36C77B 0%, #36C77B 49%, #36C77B 50%, #36C77B);
box-shadow:4px 4px #268b56;
}

.cv_trial a{
display: block;
color: #ffffff;
background: -moz-linear-gradient(top, #FB5240 0%, #FB5240 49%, #FB5240 50%, #FB5240);
background: -webkit-linear-gradient(top, #FB5240 0%, #FB5240 49%, #FB5240 50%, #FB5240);
background: -ms-linear-gradient(top, #FB5240 0%, #FB5240 49%, #FB5240 50%, #FB5240);
background: -o-linear-gradient(top, #FB5240 0%, #FB5240 49%, #FB5240 50%, #FB5240);
background: linear-gradient(top, #FB5240 0%, #FB5240 49%, #FB5240 50%, #FB5240);
box-shadow:4px 4px #fa250e;


/*---------- 注釈 ----------*/
.notes{
font-size: 10px;
text-align: right;
}
.noteslink{
text-align: right;
}
.noteslink a{
font-size: 10px;
text-decoration:none;
color:#CDCDCD;
}
/*---------- フィード風 ----------*/
#contents h5 {
padding: 3px 0 10px;
font-size: 18px;
font-weight: bold;
}
.feedbox{
margin: 0 0 20px;
padding: 3px 0;
border-top: 1px dashed #cdd1d5;
overflow: hidden;
}
.feedbox li a:hover{
background: #ffe4db;
display:block;
}
.feedbox dl{
font-size: 14px;
display:block;
padding: 10px 0;
border-bottom: 1px dashed #cdd1d5;
overflow: hidden;
}
.feedbox dt{
display:block;
}
.feedbox dd{
width: 90px;
float: left;
margin: 0 10px;
display:block;
border: 1px solid #cdcdcd;
}
/*---------- footer ----------*/
#footer {
font-weight: normal;
text-align: center;
background: #3f4047;
padding: 5px;
}
#footer a{
color:#999999;
text-decoration:none;
}
/*---------- admin ----------*/
.admin{
width: 100%;
border-collapse: collapse;
}
.admin th{
width: 25%;
padding: 6px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #f5f5f5;
border: 1px solid #cdcdcd;
}
.admin td{
padding: 6px;
background-color: #fff;
border: 1px solid #cdcdcd;
}