/*----------------------------------------------------
縲縲 笳� 縺ゅｋ遞句ｺｦ縺ｫ陦ｨ遉ｺ縺励∪縺�
縲縲縲縲笳� 繝�ぅ繝ｬ繧ｯ繝医Μ蜷�
縲縲縲縲笳� parts蜷�
----------------------------------------------------*/
div.main-zone h1 {
font-size: 30px;
margin: 0 auto 20px;
line-height: 1.4;
border-bottom: 2px solid #9999a0;
font-weight: normal;
}
div.main-zone h1 span {
display: inline-block;
position: relative;
}
div.main-zone h1 span:before {
height: 2px;
width: 100%;
content: "";
background-color: #af0001;
position: absolute;
left: 0;
bottom: -2px;
}
div.main-zone h2 {
border-left: 2px solid #af0001;
box-sizing: border-box;
background-color: #f2f2f2;
font-size: 1.55em;
padding: 6px 10px;
margin: 10px auto 20px;
}
div.main-zone h3 {
font-size: 1.40em;
font-weight: bold;
margin: 27px auto 18px;
border-bottom: 1px solid #ccc;
box-sizing: border-box;
padding-left: 10px;
position: relative;
}
div.main-zone h3:before {
width: 3px;
height: 100%;
position: absolute;
left: 0;
top: 0;
content: "";
background-color: #EDEDED;
background-color: #af0001;
}
div.main-zone h4 {
margin: 24px auto 16px;
border-bottom: 1px solid #ccc;
font-size: 1.35em;
padding:5px 8px 0;
}
div.main-zone h5 {
margin:0 auto 10px;
/*background-color:#efefef;*/
font-size:1.30em;
font-weight:bold;
padding:0.2em 10px;
box-sizing:border-box;
text-decoration:underline;
}
div.main-zone h6 {
margin:0 auto 10px;
/*background-color:#FFF7F7;*/
text-decoration:underline;
font-size:1.23em;
font-weight:normal;
padding:0.2em 10px;
box-sizing:border-box;
}
div.main-zone p {
line-height: 1.7;
margin:5px 0 10px !important;
font-size:16px;
}
div.main-zone p span {
color:#af0001;
}
div.main-zone div.notes {
border: #CCC solid 1px;
margin: 15px 0;
padding: 10px 13px 8px;
color: #666;
}
div.main-zone ul {
line-height: 1.2;
margin:5px 0 5px !important;
font-size:17px;
}
div.main-zone ul li {
line-height: 1.4;
/*margin:5px 15px !important;*/
font-size:14px;
}
div.main-zone table {
width: 100%;
margin: 10px auto 30px;
box-sizing: border-box;
line-height: 1.5;
box-sizing: border-box;
}
div.main-zone p.attention-mark-red,div.main-zone div.attention-mark-red,div.main-zone span.attention-mark-red {
background-image:url(/lib/cmn_img/rule/common/attention.png);
background-repeat:no-repeat;
background-position:5px 6px;
margin:8px 12px 15px;
padding:5px 5px 0px 35px;
color:#af0001;
line-height:1.7;
}
div.main-zone span.attention-mark-red {
background-image:url(/lib/cmn_img/rule/common/attention.png);
background-repeat:no-repeat;
background-position:0 6px;
line-height:1.7;
margin:8px 0 15px;
padding:5px 5px 0px 30px;
color:#af0001;
}
div.main-zone p.attention-mark,div.main-zone div.attention-mark,div.main-zone span.attention-mark {
background-image:url(/lib/cmn_img/rule/common/attention.png);
background-repeat:no-repeat;
background-position:5px 6px;
margin:8px 12px 15px;
padding:5px 5px 0px 35px;
}
div.main-zone span.attention-mark {
background-image:url(/lib/cmn_img/rule/common/attention.png);
background-repeat:no-repeat;
background-position:0 6px;
line-height:1.7;
margin:8px 0 15px;
padding:5px 5px 0px 30px;
}
div.main-zone div.attention-mark-area {
border:#CCC solid 1px;
border-radius:5px;
background-image:url(/lib/cmn_img/rule/common/attention.png);
background-repeat:no-repeat;
background-position:12px 13px ;
margin:15px;
padding:15px 13px 13px 45px;
color:#666;
line-height:1.3em;
}
div.main-zone dl {
border:#CCC solid 1px;
border-radius:5px;
width:auto;
margin:10px 0 5px;
}
div.main-zone dt {
border-radius:5px 5px 0 0;
border-bottom:#CCC solid 1px;
margin:0px;
padding:12px 8px 10px 15px;
background-color:#ededed;
color:#333;
font-weight:bold;
font-size:1.2em;
}
div.main-zone dd {
margin:0px;
padding:15px 15px;
}
div.main-zone dt.attention-mark {
border-radius:5px 5px 0 0;
border-bottom:#CCC solid 1px;
margin:0px;
padding:12px 8px 10px 40px;
background-color:#ededed;
color:#333;
font-weight:bold;
background-image:url(/lib/cmn_img/rule/common/attention.png);
background-repeat:no-repeat;
background-position:12px 11px;
}
div.main-zone dt.attention-mark-red {
border-radius:5px 5px 0 0;
border-bottom:#CCC solid 1px;
margin:0px;
padding:12px 8px 10px 40px;
background-color:#ededed;
color:#af0001;
font-weight:bold;
background-image:url(/lib/cmn_img/rule/common/attention.png);
background-repeat:no-repeat;
background-position:12px 11px;
}
div.main-zone .dl-style01 {
margin: 0 auto 20px !important;
}
div.main-zone .dl-style01:last-child {
margin-bottom: 0 !important;
}
div.main-zone .dl-style01 dt {
font-size: 1.54em !important;
color: #af0001 !important;
}
div.main-zone .dl-style01 dt:before {
content: "" !important;
width: 10px !important;
height: 16px !important;
margin-right: 5px !important;
display: inline-block !important;
background: url(/lib/cmn_img/mark_arrow.png) center center no-repeat !important;
background-size: 100% auto !important;
}
div.main-zone .dl-style01 dd {
font-size: 1.30em !important;
padding: 0 15px;
}
div.main-zone dl.dl-style01 dt {
font-size: 1.60em !important;
background-color:#FFF !important;
border-radius:0 !important;
border-bottom:none !important;
font-weight:normal;
padding: 0 15px;
}
div.main-zone dl.dl-style01 {
border:none !important;
padding: 10px 0;
}
div.main-zone div.waku-box01 {
box-sizing: border-box !important;
border: 1px solid #CCCCCC !important;
padding: 10px 10px !important;
margin: 0 auto 20px !important;
}
div.main-zone div.free-call-waku.btm30 div dl {
border:none;
}
div.main-zone div.free-call-waku.btm30 div dl dt {
background-color:#FFF !important;
line-height:1.7 !important;
margin: 0 auto 10px;
padding:0 !important;
}
div.main-zone div.free-call-waku.btm30 div dl dd {
padding:0px 0px !important;
}
/*----------------------------------------------------
縲縲 笳� a 繧ｿ繧ｰ
----------------------------------------------------*/
div.att_area_red {
line-height: 1.7;
border:#af0001 solid 1px;
padding:20px 20px 20px;
margin:10px 0 15px !important;
font-size:16px;
color:#af0001;
}
div.att_area2 {
line-height: 1.7;
border:#af0001 solid 1px;
padding:20px 20px 20px;
font-size:16px;
margin:10px 0 15px !important;
border-radius:0;
}
div.att_area {
line-height: 1.7;
border:#CCC solid 1px;
padding:20px 20px 20px;
font-size:16px;
margin:10px 0 15px !important;
}
div.main-zone dl.hint {
border:none;
}
div.main-zone dl.hint dd ul {
margin:0 10px 0 25px;
color:#FF6B00;
}
div.main-zone dl.hint dt {
background-image:url(/lib/cmn_img/rule/common/hint.png);
background-repeat:no-repeat;
background-position:4px 0px;
padding:13px 0 8px 39px;
border-bottom:#FC6 double 3px;
color:#FF6B00;
background-color:#FFF !important;
font-size:11pt;
}
div.main-zone dl.hint dd {
border:none !important;
}
div.main-zone .pc {
display:block !important;
}
div.main-zone .sp {
display:none !important;
}
div.main-zone h6.example,#main h6.example {
background-image:url(/lib/cmn_img/rule/common/example.png);
background-repeat:no-repeat;
background-position:0 8px;
margin:10px 0 5px;
padding:5px 5px 0 27px;
color:#1B1BB5;
font-size:1.2em;
text-decoration:none;
font-weight:bold;
}
div.main-zone .attention1 {
color:#666;
}
div.main-zone .attention-red1 {
color:#af0001;
}
div.main-zone p.attention1, div.main-zone p.attention-red1,
div.main-zone div.attention1, div.main-zone div.attention-red1 {
line-height: 1.1;
margin:0 0 10px !important;
font-size:15px;
}
div.main-zone .attention1:before,div.main-zone .attention-red1:before {
content:"窶ｻ ";
}
div.free-call-inr dl.free-call-dl {
border:none;
}
div.free-call-inr dl.free-call-dl dt {
border:none;
background-color:#FFF;
}
/*----------------------------------------------------
縲縲 笳� a 繧ｿ繧ｰ
----------------------------------------------------*/
.file-link {
display: block;
color: #0001ae;
}
.citation {
display: inline-block;
box-sizing: border-box;
padding-left: 1em;
position: relative;
margin:5px 0;
}
.citation:before {
font-family: FontAwesome;
content: "\f01d";
margin-right: 5px;
font-weight: normal;
position: absolute;
left: 0;
color: #f49f1a;
}
.pdf {
display: inline-block;
box-sizing: border-box;
padding-left: 1em;
position: relative;
}
.pdf:before {
font-family: FontAwesome;
content: "\f1c1";
margin-right: 5px;
font-weight: normal;
position: absolute;
left: 0;
color: #af0001;
}
.other-site-link {
display: inline-block;
box-sizing: border-box;
padding-right: 1.1em;
position: relative;
}
.other-site-link:after {
position: absolute;
font-family: FontAwesome;
content: "\f08e";
right: 0;
font-weight: normal;
color: #af0001;
}
a .fa-external-link{
color: #af0001;
}
/*----------------------------------------------------
縲縲 笳� li 繧ｿ繧ｰ
----------------------------------------------------*/
div.main-zone ol li{
font-size:16px !important;
line-height: 1.7;
}
div.main-zone ol.number {
list-style-type: decimal !important;
margin:10px 0 10px 30px !important;
}
div.main-zone ol.disc {
list-style-type:disc;
margin:10px 0 10px 30px !important;
}
div.main-zone ol.number li,div.main-zone ol.disc li {
padding:5px 0 10px;
line-height: 1.7;
font-size:16px;
}
div.main-zone ol.number ol,div.main-zone ol.disc ol,
div.main-zone ol.number ul,div.main-zone ol.number ul {
padding:5px 0 5px 30px !important;
}
div.main-zone ol.number ol.disc li,div.main-zone ol.disc ol.disc li{
list-style-type:disc;
padding:3px 0 3px 0 !important;
}
div.main-zone ol.number ol.number li,div.main-zone ol.disc ol.nymber li{
list-style-type:decimal !important;
padding:3px 0 3px 0 !important;
}
div.main-zone ul.ul-link-style02{
margin: 12px 0 12px !important;
}
div.main-zone ul.ul-link-style02 li a{
height: 4em;
font-size:14px;
}
/*----------------------------------------------------
縲縲 笳� table 繧ｿ繧ｰ
----------------------------------------------------*/
table.simple-table thead.strong th,table.simple-table thead.strong td {
background-color:#606C78;
color:#FFF;
font-weight:bold;
text-align:center;
}
table caption {
color:#333;
text-align:left;
width:100%;
padding:20px 0 10px;
font-size:15px;
}
table caption:before {
content:"笆�";
color:#333;
font-size:15px;
}
.table-c {
width: 100%;
box-sizing: border-box;
margin: 0 auto 30px;
}
.table-c th,.table-c td {
border:#CCC solid 1px;
}
.table-c th {
background-color:#E7E7E7;
text-align:center;
}
.table-c thead th,.table-c thead td {
background-color:#606060;
color:#FFF;
font-weight:bold;
text-align:center;
}
.table-c th, .table-c td {
box-sizing: border-box;
vertical-align: top;
padding: 15px 5px;
text-align: left;
font-size:15px;
font-weight: normal;
line-height: 1.5;
}
.table-c tbody td {
text-align:right;
}
/*----------------------------------------------------
縲縲 笳� account 繧ｿ繧ｰ
----------------------------------------------------*/
.account-flow-wrapper {
margin: 0 auto 30px;
}
.account-flow-box {
margin: 0 auto 40px;
box-sizing: border-box;
border: 1px solid #000000;
padding: 60px 5% 20px;
position: relative;
counter-increment : num;
}
.account-flow-box:before {
width: 100%;
background-color: #000000;
color: #fff;
font-size: 20px;
line-height: 1.7;
padding: 5px 0;
font-weight: bold;
content : "Step" counter(num);
position: absolute;
left: 0;
top: 0;
box-sizing: border-box;
text-align: center;
}
.account-flow-box:after {
width: 0;
height: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 20px solid #000000;
content: "";
position: absolute;
left: 50%;
margin-left: -30px;
bottom: -20px;
}
.account-flow-box .txt-box {
box-sizing: border-box;
padding-right: 160px;
position: relative;
z-index: 3;
}
.account-flow-p01 {
font-size: 24px;
font-weight: bold;
margin: 0 auto 10px;
}
.account-flow-p02 {
font-size: 1.23em;
}
.account-flow-box .free-img {
position: absolute;
right: 5%;
bottom: 10px;
z-index: 1;
}
.account-flow-box.c-red {
border-color: #AF0001;
}
.account-flow-box.c-blue {
border-color: #0059B2;
}
.account-flow-box.c-green {
border-color: #006600;
}
.account-flow-box.c-black {
border-color: #272727;
}
.account-flow-box.c-red:before {
background-color: #AF0001;
}
.account-flow-box.c-blue:before {
background-color: #0059B2;
}
.account-flow-box.c-green:before {
background-color: #006600;
}
.account-flow-box.c-black:before {
background-color: #272727;
}
.account-flow-box.c-red:after {
border-top-color: #AF0001;
}
.account-flow-box.c-blue:after {
border-top-color: #0059B2;
}
.account-flow-box.c-green:after {
border-top-color: #006600;
}
.account-flow-box.c-black:after {
border-top-color: #272727;
}
.account-flow-box:last-child:after {
display: none !important;
}
div.main-zone div.col-8 {
float: left;
width: 66.666666%;
min-width:300px;
padding: 0;
}
div.main-zone div.col-6 {
float: left;
width: 50%;
min-width:300px;
padding: 0;
}
div.main-zone div.col-4 {
float: left;
width: 33.333333%;
min-width:200px;
padding: 0;
}
/*----------------------------------------------------
縲縲 笳� 蜿｣蠎ｧ髢玖ｨｭ繝ｻ繝ｭ繧ｰ繧､繝ｳ繝懊ち繝ｳ
----------------------------------------------------*/
div.main-zone div.account-login {
border:#CCC solid 1px;
text-align:center !important;
padding:0 50px;
}
div.main-zone div.account-login:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
div.main-zone div.account-login div.account,div.main-zone div.account-login div.login {
display:block;
width:50%;
text-align:center !important;
float:left;
}
div.main-zone div.account-login div.account a {
width:50%;
margin:20px auto;
padding:20px 0;
background-color:#AF0001;
color:#FFF;
display:block;
text-align:center;
font-weight:bold;
}
div.main-zone div.account-login div.login a {
width:50%;
margin:20px auto;
padding:20px 0;
background-color:#5FB0FF;
color:#FFF;
display:block;
text-align:center;
font-weight:bold;
}
/*----------------------------------------------------
縲縲 笳� Step
----------------------------------------------------*/
div.main-zone div.step1 dl,
div.main-zone div.step2 dl,
div.main-zone div.step3 dl,
div.main-zone div.step4 dl,
div.main-zone div.step5 dl,
div.main-zone div.step6 dl,
div.main-zone div.step7 dl,
div.main-zone div.step8 dl
{
margin:0 0 10px;
padding:0 0 28px;
border:none;
background-image:url(/lib/cmn_img/step-next.gif);
background-position:bottom center;
background-repeat:no-repeat;
}
div.main-zone div.step1 dt,
div.main-zone div.step2 dt,
div.main-zone div.step3 dt,
div.main-zone div.step4 dt,
div.main-zone div.step5 dt,
div.main-zone div.step6 dt,
div.main-zone div.step7 dt,
div.main-zone div.step8 dt {
padding:17px 16px 20px 56px;
background-repeat:no-repeat;
background-position:13px 15px;
font-weight:bold;
border-top:#CCC solid 1px;
border-left:#CCC solid 1px;
border-right:#CCC solid 1px;
border-bottom:none;
background-color:#FFF !important;
}
div.main-zone div.step1 dt {
background-image:url(/lib/cmn_img/step1.gif);
}
div.main-zone div.step2 dt {
background-image:url(/lib/cmn_img/step2.gif);
}
div.main-zone div.step3 dt {
background-image:url(/lib/cmn_img/step3.gif);
}
div.main-zone div.step4 dt {
background-image:url(/lib/cmn_img/step4.gif);
}
div.main-zone div.step5 dt {
background-image:url(/lib/cmn_img/step5.gif);
}
div.main-zone div.step6 dt {
background-image:url(/lib/cmn_img/step6.gif);
}
div.main-zone div.step7 dt {
background-image:url(/lib/cmn_img/step7.gif);
}
div.main-zone div.step8 dt {
background-image:url(/lib/cmn_img/step8.gif);
}
div.main-zone div.step1 dd,
div.main-zone div.step2 dd,
div.main-zone div.step3 dd,
div.main-zone div.step4 dd,
div.main-zone div.step5 dd,
div.main-zone div.step6 dd,
div.main-zone div.step7 dd,
div.main-zone div.step8 dd {
border-bottom:#CCC solid 1px;
border-left:#CCC solid 1px;
border-right:#CCC solid 1px;
border-top:none;
border-radius:0 0 5px 5px;
padding:20px 16px 30px 46px;
}
/*----------------------------------------------------
縲縲 笳� 蜿｣蠎ｧ髢玖ｨｭ繝懊ち繝ｳ
----------------------------------------------------*/
.account-ul00 {
margin: 0 auto 30px;
font-size: 0;
text-align: center;
}
.account-ul00 li {
display: inline-block;
width: 32.33%;
margin: 0 0.5% 20px;
vertical-align: top;
font-size: 14px;
}
.account-ul00 li a {
display: table;
position: relative;
padding: 0 0;
font-size: 18px;
color: #fff;
border: 1px solid #af0001;
background-color: #af0001;
line-height: 1.1 !important;
width: 100%;
text-decoration: none;
}
.account-ul00 li a:hover {
background-color: #fff;
color: #af0001;
transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
}
.account-ul00 li a:after {
position: absolute;
bottom: 2px;
font-family: FontAwesome;
content: "\f144";
left: 0;
width: 100%;
text-align: center;
font-size: 13px;
}
.account-ul00 li a .account-ul00-p01 {
display: table-cell;
vertical-align: middle;
padding: 20px 0;
text-align: center;
line-height: 1.2 !important;
}
/*----------------------------------------------------
縲縲 笳� 繝｢繝ｼ繝九Φ繧ｰ繧ｹ繧ｿ繝ｼ諠��ｱ
----------------------------------------------------*/
#header li.ms_fund_sp,div.main-zone p.ms_fund_sp{
display:none !important;
}
/*
#header li.ms_fund_pc,div.main-zone p.ms_fund_pc{
display:inline !important;
}*/
@media screen and (max-width:1080px) {
/*----------------------------------------------------
縲縲 笳� 縺ゅｋ遞句ｺｦ縺ｫ陦ｨ遉ｺ縺励∪縺�
縲縲縲縲笳� 繝�ぅ繝ｬ繧ｯ繝医Μ蜷�
縲縲縲縲笳� parts蜷�
----------------------------------------------------*/
div.main-zone div.col-8 {
float: left;
width: 1000%;
min-width:300px;
padding: 0;
}
div.main-zone div.col-6 {
float: left;
width: 100%;
min-width:300px;
padding: 0;
}
div.main-zone div.col-4 {
float: left;
width: 100%;
min-width:200px;
padding: 0;
}
div.main-zone div.account-login {
}
div.main-zone div.account-login div.account a,div.main-zone div.account-login div.login a {
width:80%;
margin:20px auto;
padding:20px 0;
}
div.main-zone div.account-login div.account,div.main-zone div.account-login div.login {
display:block;
width:50%;
text-align:center !important;
}
}
@media screen and (max-width:780px) {
/*----------------------------------------------------
縲縲 笳� 縺ゅｋ遞句ｺｦ縺ｫ陦ｨ遉ｺ縺励∪縺�
縲縲縲縲笳� 繝�ぅ繝ｬ繧ｯ繝医Μ蜷�
縲縲縲縲笳� parts蜷�
----------------------------------------------------*/
div.main-zone h1 {
font-size: 18px !important;
margin-bottom:0;
}
div.main-zone h2 {
margin: 18px auto 18px;
font-size: 18px !important;
}
div.main-zone .pc {
display:none !important;
}
div.main-zone .sp {
display:block !important;
}
.table-c th, .table-c td {
display: block;
width: 100%;
padding: 10px 10px 0;
font-size: 1.08em;
border-bottom:none;
}
.table-style03 tr > *:last-child {
padding-bottom: 10px;
}
div.main-zone div.col-8 {
float: left;
width: 1000%;
min-width:300px;
padding: 0;
}
div.main-zone div.col-6 {
float: left;
width: 100%;
min-width:300px;
padding: 0;
}
div.main-zone div.col-4 {
float: left;
width: 100%;
min-width:200px;
padding: 0;
}
div.main-zone div.account-login {
padding:0 20px;
}
div.main-zone div.account-login div.account a,div.main-zone div.account-login div.login a {
width:90%;
margin:20px auto;
padding:20px 0;
}
div.att_area_red {
line-height: 1.5;
padding:10px 10px 10px;
margin:10px 0 15px !important;
color:#af0001;
}
div.att_area2 {
line-height: 1.5;
padding:10px 10px 10px;
margin:10px 0 15px !important;
border-radius:0;
}
div.att_area {
line-height: 1.5;
padding:10px 10px 10px;
margin:10px 0 15px !important;
}
.account-ul00 li {
width: 80%;
}
.account-ul00 li a .account-ul00-p01 {
display: table-cell;
vertical-align: middle;
padding: 20px 0;
text-align: center;
line-height: 1.2 !important;
}
.account-flow-box .txt-box {
padding-right: 0;
}
/*----------------------------------------------------
縲縲 笳� 繝｢繝ｼ繝九Φ繧ｰ繧ｹ繧ｿ繝ｼ諠��ｱ
----------------------------------------------------*/
#header li.ms_fund_pc,div.main-zone p.ms_fund_pc{
display:none !important;
}
#header li.ms_fund_sp,div.main-zone p.ms_fund_sp{
display:block !important;
}
}
/*----------------------------------------------------
縲縲 笳� List NEW
----------------------------------------------------*/
div.side-box ul.level05-ul li span.new_icon {
background-image:url(/lib/cmn_img/product/new_icon.gif);
background-repeat:no-repeat;
background-position:center center;
text-indent:100% !important;
line-height:1.0em;
height:19px;
width:38px;
margin-top:3px;
white-space:nowrap;
overflow:hidden;
display:inline-block;
margin-left:2px;
vertical-align:sub;
}
/*----------------------------------------------------
縲縲 笳� 蝗ｽ蜀��ｪ繝医ャ繝�
----------------------------------------------------*/
/*繧ｹ繝槭�譎よ隼陦�*/
.br-sp {
display: none;
}
.br-pc {
display: block;
}
/*繧ｹ繝槭�譎よ隼陦�*/
/*pcsp蛻�ｊ譖ｿ縺�*/
.pcview{ display:block; }
.spview{ display:none; }
@media screen and (max-width:780px) {
.pcview{ display:none; }
.spview{ display:block;text-align:center; }
}
/*pcsp蛻�ｊ譖ｿ縺�*/
#otherlogin div.login_msg {
margin: 10px 0 0 !important;
width: 100%;
}
div.login_btn, div.login_btn_other, div.login_msg {
margin: 0 20px 0 20px;
float: left;
}