@charset "UTF-8";

/* 回り込み解除 */
#private_entry_flow .btn_line2:after,
#private_entry_flow a.btn_private_entry:after,
#private_entry_flow a.btn_private_entry_moshicom:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
    overflow:hidden;
    zoom:1;
}

h2#page_title { 
background:#288EB3;
background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #288EB3 0%, #20719F 100%) repeat scroll 0 0;
font-size : 20px !important; font-weight : bold !important; color:#ffffff; 
padding:10px;
margin:10px 0 0;
}

.page_title_date { 
_background:#f28920;
border:solid 1px #288EB3;
color:#288EB3;
font-size : 15px;
font-weight : bold;
padding:5px;
margin:0 0 0;
text-align:center;
}

.font_red {
margin: 20px 30px 0;
font-size: 16px;
color:#FF0000;
}

.entry_date {
margin: 10px 0px 10px;
text-align:center;
font-size: 20px;
font-weight:bold;
line-height:120%;
}

.red_box {
border:6px solid #284B88;
margin: 0 30px 20px;
}
.red_box .title {
color:#fff;
font-weight:bold;
background:#284B88;
font-size:16px;
padding:1px 0 4px 15px;
text-align:center;
margin:0 0 0;
}
.red_box .text {
padding:20px 18px 0 15px;
margin:0;
font-size:14px;
}

.red_box dl { margin:0 0 20px; }
.red_box dt {
font-size: 16px;
color:#284B88;
font-weight:bold;
padding:15px 18px 0 15px;
text-align:left;
}
.red_box dd {
font-size: 15px;
padding:8px 15px 0 32px;
margin:0;
text-align:left;
line-height:140%;
}

#private_entry_flow {
margin:0 30px 0;
}
#private_entry_flow h4 {
background: #666666;
text-align:left;
font-size:18px;
font-weight:normal;
margin:0 0 20px;
padding:8px 10px;
_border-left:solid 5px #1C6889;
color:#ffffff;
}

#private_entry_flow p {
font-size:14px;
margin:0 0 10px 10px !important;
}
#private_entry_flow p.tm_15 {
margin:15px 0 10px 10px !important;
clear:both;
}
#private_entry_flow p.size_s {
font-size:12px;
}
#private_entry_flow a {
color:#1B75BB;
}

#private_entry_flow a.btn_private_entry {
background: #1C76BC;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1C76BC), color-stop(100%,#024B88));
background: -webkit-linear-gradient(top, #1C76BC 0%, #024B88 100%);
background: -moz-linear-gradient(top, #1C76BC 0%, #024B88 100%);
background: -o-linear-gradient(top, #1C76BC 0%, #024B88 100%);
background: -ms-linear-gradient(top, #1C76BC 0%, #024B88 100%);
background: linear-gradient(to bottom, #1C76BC 0%, #024B88 100%);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
color:#ffffff;
font-size:15px;
font-weight:bold;
margin:0 0 20px ;
padding:10px 10px;
_width:100%;
text-align:center;
display:block;
text-decoration:none;
}
#private_entry_flow a.btn_private_entry:hover {
text-decoration:none;
background: #024B88;
}
#private_entry_flow a.btn_private_entry_moshicom {
background: #53A328;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#83CF5A), color-stop(100%,#53A328));
background: -webkit-linear-gradient(top, #83CF5A 0%, #53A328 100%);
background: -moz-linear-gradient(top, #83CF5A 0%, #53A328 100%);
background: -o-linear-gradient(top, #83CF5A 0%, #53A328 100%);
background: -ms-linear-gradient(top, #83CF5A 0%, #53A328 100%);
background: linear-gradient(to bottom, #83CF5A 0%, #53A328 100%);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
color:#ffffff;
font-size:15px;
font-weight:bold;
margin:0 0 ;
padding:10px 10px;
_width:100%;
text-align:center;
display:block;
text-decoration:none;
}
#private_entry_flow a.btn_private_entry_moshicom:hover {
text-decoration:none;
background: #53A328;
}


#private_entry_flow .btn_right {
width:300px;
margin:0 auto 0;
text-align:center;
}
#private_entry_flow .btn_line2 {
margin:0 0 10px;
}
#private_entry_flow .btn_line2 a {
max-width:300px;
}
#private_entry_flow .btn_line2 a.btn_private_entry,
#private_entry_flow .btn_line2 a.btn_private_entry_moshicom {
display:inline-table;
width:35%;
margin:0 10px;
}


#private_entry_flow .entry_title {
border:solid 1px #288DB3;
padding:6px 10px 5px;
margin:0 0 15px !important;
color:#288DB3;
font-weight:bold;
font-size:14px;
clear:both;
}
#private_entry_flow .moshicom_box {
background: url(images/logo_header.png) no-repeat 15px center; 
background-size: 100px;
border:solid 2px #83CF5A;
padding:10px 15px;
margin:0 0 10px !important;
clear:both;
}
#private_entry_flow .moshicom_box p {
margin:0 0 5px 130px !important;
}


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

.font_red {
margin: 20px 15px 0;
font-size: 0.9em;
line-height:120%;
}

.entry_date {
margin: 10px 15px 10px;
font-size: 1.0em;
}

.red_box {
margin:0 15px ;
}
.red_box .title {
font-size:1.0em;
padding:5px 0 8px ;
text-align:center;
}
.red_box .text {
font-size: 0.9em;
line-height:120%;
}

#private_entry_flow {
margin:0 15px ;
}
#private_entry_flow h4 {
font-size:1.0em;
margin:0 0 10px;
}

#private_entry_flow p {
font-size:0.9em;
margin:0 0 0 0 !important;
line-height:120%;
}
#private_entry_flow p.tm_15 {
margin:0 0 10px 0 !important;
clear:both;
}
#private_entry_flow p.size_s {
font-size:0.8em;
margin:0 0 15px !important;
}

#private_entry_flow .btn_right {
float: none;
width:260px;
margin:0 auto 0;
}

#private_entry_flow .btn_line2 {
margin:20px 0 0;
}
#private_entry_flow .btn_line2 a.btn_private_entry,
#private_entry_flow .btn_line2 a.btn_private_entry_moshicom {
display: block;
width:100%;
max-width:290px;
margin:0 auto 15px;
}

}