@charset "utf-8";

.orange {color: #ff6600;}
.red{color: #b6001f;}
.green{color: #00653c;}

article img{
	width: fit-content;
	max-width: 100%;
	height:auto;
}

/*759px以下*/
@media screen and (max-width: 759.9px) {
.spnone{display:none;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}

/* CSS */
#wrapper {
	width: 100%;
	margin:0 auto;
	padding:0;
 	font-size:16px;
	line-height:1.4;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

main article {
    width: 100%;
    margin: 0;
	padding: 0 0 20px;
    display: block;
	background: #cfecfa;
	box-sizing: border-box;
}

section {
	width: 100%;
    background: #FFF;
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
}

#dirPathBlock{
	font-size:12px;
	width: 98%;
    margin: 1%;
    display: block;
}

#Foot {
	margin: 0;
}

h1{
	color: #37377e;
    font-size: 20px;
    font-weight: normal;
    background: #f1fafe;
    margin: 0 0 20px 0;
    padding: 5px 0 5px 85px;
}

h2 {
	margin-bottom: 2%;
	padding: 10px 0;
	color: #fff;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    background: #20208C;
}

h3 {
    font-size: 18px;
    font-weight: bold;
    background: #FFF;
    color: #ffae21;
    border-left: 5px solid #ffae21;
    margin-bottom: 2%;
    padding: 5px 0 5px 10px;
}
h4 {
    font-size: 18px;
    text-align: center;
}
.inbox{
	background: #FFF;
	margin-bottom: 2%;
    padding: 10px;
}
ul.inbox li{
	list-style: none;
	margin: 0 0 0 20px;
	position: relative;
}
ul.inbox li:before {
	border-radius: 50%;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    left: -20px;
    top: 6px;
    content: "";
    background: #ffae21;
}

ol.inbox li{list-style: none;margin: 0;}
ol.inbox li span.number{
	background: #ffae21;
    color: #FFF;
    width: 22px;
    height: 22px;
    display: inline-block;
    text-align: center;
    border-radius: 12px;
    margin-right: 5px;
}

/*title*/
#main_title{
    width: 100%;
    margin: 0 auto;
	padding: 20px 0;
    display: block;
	background: #cfecfa;
	position:relative;
}

#main_title h1 img{
	width: 60px;
    position: absolute;
    top: 12px;
    left: 12px;
}
	
/*nav*/
main nav ul{display: flex;}
main nav li{width:100%;}
main nav li a{
	width: 96%;
    margin: 2%;
    padding: 5px 0;
    display: block;
    text-align: center;
    background: #fff2db!important;
    border-radius: 10px;
    border: 1px solid #ffae21;
    color: #ffae21!important;
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
}

/*main*/
.summary {
    font-size: 14px;
	margin-bottom: 2%;
}

section.sectionbox .inner{
	background: #e3f6ff;
    padding: 10px;
}
section.sectionbox .txtCenter img{width: 100%;margin-bottom: 2%}

section.sectionbox h4.prtitle {
	background: rgb(255,211,80);
	background: linear-gradient(90deg, rgba(255,211,80,1) 0%, rgba(255,255,255,1) 100%);
    margin: 0;
	padding: 5px;
    font-size: 16px;
    font-weight: normal;
	position:relative;
}

section.sectionbox h4.prtitle .pr_icon{
	display: block;
    margin: 2px auto 5px;
    font-size: 16px;
    background: #ffae21;
    color: #ffffff;
    padding: 3px;
    border-radius: 50%;
    width: 64px;
}
section.sectionbox h4.prtitle img{display:none;}

.float_w33,
.float_w50{
	width:96%;
	margin:0 2% 5%;
}

/*外貨*/
section#gaika dl{background: #f7f7f7;}
section#gaika dt{
	padding: 8px 0;
    text-align: center;
    color: #ffae21;
    font-weight: bold;
    font-size: 18px;
}
section#gaika dl img{
	margin:auto;
	display:block;
}
section#gaika .shopurl{
	text-align:right;
	padding:5px;
}

/*btn*/
.orangeBtn,
.orangeBtn2{
	border: 1px solid #FF9326;
	margin-bottom: 5%;
	position: relative;
}
.orangeBtn:before,
.orangeBtn2:before{
	content: "";
    position: absolute;
	bottom: 4px;
    right: 4px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 25px 25px;
	border-color: transparent transparent #fff transparent;
	line-height: 0px;
	_border-color: #000000 #000000 #fff #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#fff');
}
.orangeBtn:after,
.orangeBtn2:after{
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.orangeBtn a {
	display: block;
    width: 100%;
    padding: 12px 0;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    background: rgb(255,126,0);
    background: linear-gradient(0deg, rgba(255,126,0,1) 0%, rgba(255,168,0,1) 100%);
    font-size: 16px;
    text-decoration: none !important;
    border: 2px solid #fff;
    box-sizing: border-box;
}

.orangeBtn2 a {
    display: block;
    width: 48%;
    float: left;
    margin: 0px 1% 15px;
    padding: 12px 0;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
    background: #FF9326 url(/shared2015/common/images/im_arrow.png) no-repeat scroll 5% center;
    font-size: 16px;
    text-decoration: none !important;
	border: 2px solid #fff;
}

/*under_link*/
#boxBnr ul{
	width: 308px;
    margin: auto;
}
#boxBnr ul li a{
	width: 150px;
    height: 60px;
    float: left;
    margin: 0 2px;
}
#boxBnr ul li:nth-last-of-type(1) a{background: #FFF url(../images/bt_bottom10.gif) no-repeat;background-size:100%;}
#boxBnr ul li:nth-last-of-type(2) a{background: #FFF url(../images/bt_bottom9.gif) no-repeat;background-size:100%;}
#boxBnr ul li:nth-last-of-type(3) a{background: #FFF url(../images/bt_bottom7.gif) no-repeat;background-size:100%;}
#boxBnr ul li:nth-last-of-type(4) a{background: #FFF url(../images/bt_bottom6.gif) no-repeat;background-size:100%;}
#boxBnr ul li:nth-last-of-type(5) a{background: #FFF url(../images/bt_bottom5.gif) no-repeat;background-size:100%;}
#boxBnr ul li:nth-last-of-type(6) a{background: #FFF url(../images/bt_bottom4.gif) no-repeat;background-size:100%;}
#boxBnr ul li:nth-last-of-type(7) a{background: #FFF url(../images/bt_bottom3.gif) no-repeat;background-size:100%;}
#boxBnr ul li:nth-last-of-type(8) a{background: #FFF url(../images/bt_bottom2.gif) no-repeat;background-size:100%;}
#boxBnr ul li:nth-last-of-type(9) a{background: #FFF url(../images/bt_bottom1.gif) no-repeat;background-size:100%;}
#boxBnr ul li:nth-last-of-type(10) a{background: #FFF url(../images/bt_bottom10.gif) no-repeat;background-size:100%;}
#boxBnr ul li a span{
	color: #222;
	position: relative;
    top: 25%;
    left: 10px;
    font-size: 14px;
    text-align: center;
    width: 100%;
    display: inline-block;
    line-height: 16px;
	text-shadow:
       1px  1px 0px #fff,
      -1px  1px 0px #fff,
       1px -1px 0px #fff,
      -1px -1px 0px #fff,
       1px  0px 0px #fff,
       0px  1px 0px #fff,
      -1px  0px 0px #fff,
       0px -1px 0px #fff;/* 文字の影 */
}

/*ancer*/
#anchorLinkBlock {
	width: 100%;
    margin: 10px auto !important;
    display: block;
    font-size: 10px;
}

}

/*760px以上*/
@media screen and (min-width: 760px),print {
/* CSS */
.pcnone{display:none;}
#wrapper {
	width: 100%;
	margin:0 auto;
	padding:0;
 	font-size:16px;
	line-height:1.6;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}
#dirPathBlock,
h1,
#anchorLinkBlock{
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: auto;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}


main article {
    width: 970px;
    margin: 0 auto;
	padding: 0 20px 20px;
    display: block;
	background: #cfecfa;
	box-sizing: border-box;
}

section {
    background: #FFF;
    padding: 20px;
}

#dirPathBlock{
	font-size:13px;
    width: 970px;
    margin: 0 auto 15px;
    display: block;
}

#Foot {margin: 0;}

h1{
	color: #37377e;
    font-size: 40px;
    font-weight: normal;
    background: #f1fafe;
	margin-bottom: 20px;
    padding: 6px 0 0 150px;
}

h2 {
	margin-bottom: 2%;
	padding: 10px 0;
	color: #fff;
    font-size: 36px;
    font-weight: normal;
    text-align: center;
    background: #20208C;
}

h3 {
    font-size: 24px;
    font-weight: bold;
    background: #FFF;
    color: #ffae21;
    border-left: 5px solid #ffae21;
    margin-bottom: 2%;
    padding: 5px 0 5px 20px;
}
h4 {
    font-size: 24px;
    text-align: center;
}
.inbox{
	background: #FFF;
	margin-bottom: 2%;
    padding: 10px;
}
ul.inbox li{
	list-style: none;
	margin: 0 0 0 25px;
	position: relative;
}
ul.inbox li:before {
	border-radius: 50%;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    left: -20px;
    top: 6px;
    content: "";
    background: #ffae21;
}

ol.inbox li{list-style: none;margin: 0;}
ol.inbox li span.number{
	background: #ffae21;
    color: #FFF;
    width: 22px;
    height: 22px;
    display: inline-block;
    text-align: center;
    border-radius: 12px;
    margin-right: 5px;
}

/*title*/
#main_title{
    width: 970px;
    margin: 0 auto;
	padding: 20px 0;
    display: block;
	background: #cfecfa;
	overflow: hidden;
	position:relative;
}

#main_title h1 img{
	position:absolute;
    top: 5px;
    left: 20px;
}
	
/*nav*/
nav ul{display: flex;}
nav li{width:100%;}
nav li a{
	width: 96%;
    margin: 2%;
    padding: 5px 0;
    display: block;
    text-align: center;
    background: #fff2db!important;
    border-radius: 20px;
    border: 2px solid #ffae21;
    color: #ffae21!important;
    font-weight: bold;
    font-size: 18px;
	text-decoration: none;
}
nav li a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/*main*/
.summary {
    font-size: 16px;
    padding-left: 15px;
	margin-bottom: 2%;
}

section.sectionbox .inner{
	background: #e3f6ff;
    padding: 20px;
}
section.sectionbox .txtCenter img{width: 100%;margin-bottom: 2%}

section.sectionbox h4.prtitle {
	background: rgb(255,211,80);
	background: linear-gradient(90deg, rgba(255,211,80,1) 0%, rgba(255,255,255,1) 100%);
    margin: 0;
	padding: 5px 0;
    font-size: 20px;
    font-weight: normal;
	position:relative;
}

section.sectionbox h4.prtitle .pr_icon{
	position: absolute;
    top: -10px;
    left: 20px;
    background: #ffae21;
    color: #fff;
    padding: 5px 12px;
    border-radius: 25px;
    border: 2px solid #ffffff;
    font-weight: bold;
    transform: rotate(-10deg);
}
section.sectionbox h4.prtitle img{
	position:absolute;
	top: -35px;
    right: 0;
}

.float_w33{
	width:31.33333%;
	margin:0 1% 2%;
	float:left;
}
.float_w50{
	width:48%;
	margin:0 1% 2%;
	float:left;
}

/*外貨*/
section#gaika dl{background: #f7f7f7;}
section#gaika dt{
	margin:2% 0;
	text-align:center;
	color: #ffae21;
	font-weight:bold;
	font-size: 20px;
}
section#gaika dd img{
	margin:auto;
	display:block;
}
section#gaika .shopurl{
	text-align:right;
	padding:5px;
}

/*btn*/
.orangeBtn,
.orangeBtn2{
	width: 100%;
    border: 2px solid #FF9326;
    margin-bottom: 5%;
    box-shadow: 5px 5px 10px 0px #b8b8b8;
    box-sizing: border-box;
	position: relative;
}
.orangeBtn a:before,
.orangeBtn2 a:before{
	content: "";
    width: 10%;
    height: 100%;
    position: absolute;
    top: 15%;
    left: 0;
    background-image: url(/nrs/images/arrow_bold.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.orangeBtn:after,
.orangeBtn2:after{
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.orangeBtn a {
	display: block;
    width: 100%;
    padding: 12px 0;
    color: #FFF !important;
    text-align: center;
    /* border-radius: 3px; */
background: rgb(255,126,0);
background: linear-gradient(0deg, rgba(255,126,0,1) 0%, rgba(255,168,0,1) 100%);
    font-size: 24px;
    text-decoration: none !important;
    border: 2px solid #fff;
    box-sizing: border-box;
}

.orangeBtn2 a {
    display: block;
    width: 48%;
    float: left;
    margin: 0px 1% 15px;
    padding: 12px 0;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
    background: #FF9326 url(/shared2015/common/images/im_arrow.png) no-repeat scroll 5% center;
    font-size: 16px;
    text-decoration: none !important;

	border: 2px solid #fff;
}

.orangeBtn a:hover,
.orangeBtn2 a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/*under_link*/
#boxBnr ul li a{
	width: 178px;
    height: 68px;
    float: left;
	position: relative;
}
#boxBnr ul li:nth-last-of-type(1) a{background: #FFF url(../images/bt_bottom10.gif) no-repeat;background-size: 98%;}
#boxBnr ul li:nth-last-of-type(2) a{background: #FFF url(../images/bt_bottom9.gif) no-repeat;background-size: 98%;}
#boxBnr ul li:nth-last-of-type(3) a{background: #FFF url(../images/bt_bottom7.gif) no-repeat;background-size: 98%;}
#boxBnr ul li:nth-last-of-type(4) a{background: #FFF url(../images/bt_bottom6.gif) no-repeat;background-size: 98%;}
#boxBnr ul li:nth-last-of-type(5) a{background: #FFF url(../images/bt_bottom5.gif) no-repeat;background-size: 98%;}
#boxBnr ul li:nth-last-of-type(6) a{background: #FFF url(../images/bt_bottom4.gif) no-repeat;background-size: 98%;}
#boxBnr ul li:nth-last-of-type(7) a{background: #FFF url(../images/bt_bottom3.gif) no-repeat;background-size: 98%;}
#boxBnr ul li:nth-last-of-type(8) a{background: #FFF url(../images/bt_bottom2.gif) no-repeat;background-size: 98%;}
#boxBnr ul li:nth-last-of-type(9) a{background: #FFF url(../images/bt_bottom1.gif) no-repeat;background-size: 98%;}
#boxBnr ul li:nth-last-of-type(10) a{background: #FFF url(../images/bt_bottom10.gif) no-repeat;background-size: 98%;}
#boxBnr ul li a span{
	color: #222;
	position: relative;
    top: 28%;
    left: 14px;
    font-size: 15px;
    text-align: center;
    width: 100%;
    display: inline-block;
    line-height: 16px;
	text-shadow:
       1px  1px 0px #fff,
      -1px  1px 0px #fff,
       1px -1px 0px #fff,
      -1px -1px 0px #fff,
       1px  0px 0px #fff,
       0px  1px 0px #fff,
      -1px  0px 0px #fff,
       0px -1px 0px #fff;/* 文字の影 */
}
#boxBnr ul li a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/*ancer*/
#anchorLinkBlock {
	width: 970px;
    margin: 10px auto !important;
    display: block;
    font-size: 10px;
}

}