@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 480px) {
body {
}
body a {
    display: block;
}
#footer .link,#side .compare ul,#side .options ul,#side .rank ul{
	display:none;
}
#footer > div > .copy > p{
	padding-top:10px;
}
#page {
    overflow: hidden;
}
#page > div {
}
#page > .top {
    height: 5px;
}
#wrap {
    margin: 10px;
    min-width: 250px;
    padding: 0;
    width: auto;
}
#wrap > div {
    float: none;
    width: auto;
}
#header {
}
#header > .logo {
    display: block;
    float: none;
    margin-bottom: 10px;
}
#header > .logo > a {
}
#header > .logo > a > img {
    height: auto;
    width: 100%;
}
#header > h1 {
    float: none;
    width: auto;
}
#content {
}
#banner {
}
#banner > img {
    height: auto;
    width: 110%;
}
#banner > #text_banner, #banner > #text_banner.sub {
    font-size: 10px;
    height: 100%;
    overflow: hidden;
    padding: 6% 3% 0;
    width: 63%;
}
#banner > #box_text {
    margin-bottom: 5px;
    overflow: hidden;
    position: static;
    width: auto;
}
#banner > #box_text > div {
    background-position: 0 1px;
    margin-bottom: 10px;
    padding: 0;
}
#banner > #box_text > div > p {
    font-size: 12px;
}
#sec {
}
#sec > div {
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
}
#sec > div > h2, .foreign h2, .tactics h2, .topic h2, .view h2, .column2 h2, .circumstance h2, .view2 h2, .yen h2 {
    margin-bottom: 15px;
	width: 100%;
	height: auto;
	background-size: cover;
	box-sizing: border-box;
}
#sec > div > h2 > img {
    height: auto;
    width: 100%;
}
.column h2, .foreign h2, .tactics h2, .topic h2 {
    background-color: #e2f9e5;
    background-image: none;
    box-shadow: -100px 0 50px -50px #88c98f inset;
    height: auto;
    width: auto;
}
#sec > div > .pad {
    background-image: none;
    float: none;
    height: auto;
    margin: 0 2px 0 1px;
    overflow: hidden;
    padding: 0;
    width: auto;
}
#sec > div > .pad > img {
    height: auto;
    margin-bottom: 15px;
    width: 100%;
}
#sec > div > div > ul > .left, #sec > div > div > ul > .right {
    float: none;
    list-style: outside none none;
    margin: 0 0 20px;
    width: auto;
}
#sec > div > .pad > div, #sec > .sec02 > div > .box-2, #sec > .sec02 > div > .box-3 {
    border-bottom: 1px dashed #777777;
    float: none;
    margin: 0 0 20px;
    padding-bottom: 20px;
    width: auto;
}
#sec > .sec02 > div > .box-3 {
    border-bottom: 0 none;
    margin: 0;
    padding-bottom: 0;
}
#sec > div > .pad > div > a {
}
#sec > div > .pad > div > a > img {
    height: auto;
    width: 100%;
}
#sec > div > .pad > div > p {
    margin-bottom: 10px;
    min-height: 0;
}
#sec > div > .pad > div > .btn_detail {
    overflow: hidden;
}
#sec > div > .pad > div > .btn_detail > a {
	float:none;
}
#sec > div > .pad > div > .btn_detail > a > img {
}
#sec > .sec01 > p {
    background-image: none;
    height: auto;
    padding: 0;
}
#sec > .sec03 > div {
    background-image: none;
    float: none;
    height: auto;
    margin-bottom: 20px;
    padding: 0;
    width: auto;
}
#sec > .sec03 > div > ul {
    float: none;
    margin-bottom: 10px;
    padding: 0;
    width: auto;
}
#sec > .sec03 > div > ul > li {
    padding: 0;
    width: auto;
}
#sec > .sec03 > div > .btn_detail {
    border-bottom: 0 none;
    float: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
	text-align:center;
}
.btn3{
	width:auto;
}
#sec > .sec03 > div > .btn_detail > a {
    float: none;
}
#sec > .sec03 > div > .btn_detail > a > img {
    width: auto;
}
#sec > .sec04 {
    display: block;
    margin-bottom: 0;
    overflow: hidden;
}
#sec > .sec04 > .box-1 {
    background-image: none;
    height: auto;
    padding-bottom: 0;
}
#sec > .sec04 > div > p {
    float: none;
    padding: 0;
    width: auto;
}
#sec > .sec04 > .pad {
    margin-bottom: 15px;
    overflow: hidden;
}
#sec > .sec04 > .box-1 > ul {
    overflow: hidden;
    padding: 0;
}
#sec > .sec04 > .box-1 > ul > li {
    margin: 0 0 20px;
    padding: 0;
}
#sec > .sec04 > div > ul > .link.a1, #sec > .sec04 > div > ul > .link.a2, #sec > .sec04 > div > ul > .link.a3 {
    margin: 0 0 10px;
}
#sec > .sec05 > div > ul > li > .btn5, #sec > .sec06 > .btn6 {
    float: none;
    padding: 0;
    text-align: center;
	width:100%;
}
#sec > div > div > ul > .left > h3 {
}
#sec > .sec05 > div > ul > li > a > img {
    height: auto;
    width: 100%;
}
#sec > .sec06 {
    margin-bottom: 20px;
}
#side {
}
#side > div > p {
    margin-bottom: 10px;
}
#side > div > p > img {
    height: auto;
    width: 100%;
}
#side > .rank > ul > li > div {
    width: 60%;
}
#side > .rank > ul > li > a {
    float: right;
}
#side > .link {
}
#side > .rank > ul, #side > .compare > ul, #side > .options > ul, #side > .link > ul {
    margin-bottom: 20px;
}
#side > .link > ul > li {
}
#side > .link > ul > li > a {
}
#side > .link > ul > li > a > img {
    height: auto;
    width: 100%;
}
#footer {
}
#footer > div {
    margin: 0 10px;
    width: auto;
}
#footer > div > div {
}
#footer > div > .totop {
    right: 0;
}
#footer > div > .link {
}
#footer > div > .link > ul {
    padding: 25px 0;
}
#footer > div > .link > ul > li {
    display: inline-block;
}
#footer > div > .link > ul > li > a {
    display: inline;
}
#footer > div > .copy {
}
#banner > #box_text > div > .ps {
    border-bottom: 0 none;
    line-height: 140%;
    margin: 0;
}
.column .content_sec {
    background-image: none;
    padding: 0;
    width: auto;
}
#third > .content_sec {
    margin: 0;
}
.column .content_sec .detail {
    padding: 15px 15px 0;
}
.column .content_sec .detail .img_sec {
    float: none;
    margin: 0;
}
.column .content_sec .detail .img_sec > img {
    height: auto;
    margin-bottom: 10px;
    width: 100%;
}
.column .content_sec .detail p {
    margin-bottom: 10px;
}
.faq dl dt {
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0 0 0 35px;
}
.content_sec {
    border-bottom: 1px dashed #777777;
    margin: 0 0 20px;
    padding-bottom: 20px;
}
.content_sec > div, .content_sec > .detail_list, .content_sec > .fr > .detail_list {
    display: block;
    margin: 0 0 20px;
}
.content_sec > div > p {
    margin: 0;
}
.content_sec > div > img {
    height: auto;
    width: 100%;
}
.content_sec > .detail_list > div {
    margin-bottom: 15px;
}
.content_sec > .detail_list > div > .h {
    line-height: 1.6;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.content_sec > .detail_list > div > .h > img {
    margin-bottom: 3px;
    margin-right: 5px;
}
.content_sec > .detail_list > div > .detail {
    margin: 0;
}
.foreign > .content_sec {
    border: 0 none;
    margin: 0;
    padding: 0;
}
#sec > .faq {
    margin-bottom: 0;
}
.faq > dl > dd.content_sec {
    padding: 0;
}
.faq dl dd:last-child {
    border-bottom: 0 none;
    margin: 0;
    padding: 0;
}
.faq dl dd p {
    font-size: 12px;
    padding: 0 0 0 35px;
}
.faq dl dd p:first-letter {
}
.content_sec > .fr {
    margin: 0;
    padding: 10px;
}
.content_sec > .fr > .detail_sec.w {
    margin: 0 0 15px;
    width: auto;
}
.content_sec > .fr > .detail_sec.w > p {
}
.content_sec > .fr > .detail_sec.w > p > br {
    display: none;
}
.content_sec > .fr > .detail_sec.w > p > span {
    display: block;
    margin-bottom: 10px;
}
.content_sec > .fr > .detail_sec.w > p > span > img {
    position: relative;
    top: -3px;
}
.content_sec > .fr > div > img {
    height: auto;
    margin-bottom: 15px;
    width: 100%;
}
.content_sec > .fr > .detail_list {
    margin: 0;
}
.content_sec > .detail_sec.w {
    margin: 0;
    width: auto;
}
.content_sec > .btn > a {
}
.content_sec > .btn > a > img {
    height: auto;
    width: 100%;
}
#sec > div > table > thead {
}
#sec > div > table > thead > tr {
}
#sec > div > table > thead > tr > th {
}
#sec > div > table > thead > tr > th.i {
}
#sec > div > table > thead > tr > th.t {
    font-size: 12px;
    padding: 5px 5px 5px 0;
}
#sec > div > table > thead > tr > th.t > .star {
    float: none;
    font-size: 10px;
}
#sec > div > table > thead > tr > th.fs.b {
    font-size: 10px;
    padding: 0 5px 5px 0;
}
#sec > div > table > tbody > tr > td > .content_sec {
    border-bottom: 0 none;
    margin: 10px;
    padding: 0;
}
#sec > div > table > tbody > tr > td > .content_sec > .img_sec {
    margin: 0 0 10px;
}
#sec > div > table > tbody > tr > td > .content_sec > .img_sec > img {
    float: none;
}
#sec > div > table > tbody > tr > td > .content_sec > .detail_sec.w {
    margin: 0 0 15px;
}
#sec > div > table > tbody > tr > td > .content_sec > .detail_list {
}
#sec > div > table > tbody > tr > td > .content_sec > .detail_list > p {
}
#sec > div > table > tbody > tr > td > .content_sec > .detail_list > p > span {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}
#sec > div > table > tbody > tr > td > .content_sec > .detail_list > p > span > img {
    margin-right: 5px;
}
#sec > div > table > tbody > tr > td > .content_sec > .detail_list > p > br {
    display: none;
}
#sec > div > table > tbody > tr > td > .content_sec > .content_image {
    margin: 0 0 15px;
}
#sec > div > table > tbody > tr > td > .content_sec > table {
    margin: 0 0 15px;
    width: 100%;
}
#sec > div > table > tbody > tr > td > .content_sec > table > tbody > tr {
    border: 1px solid #cccccc;
}
#sec > div > table > tbody > tr > td > .content_sec > .btn {
    margin: 0;
}
.tactics .content_sec, .topic .content_sec {
    border: 0 none;
    margin: 0;
    padding: 0;
}
.tactics h3 {
    margin: 0 0 10px;
}
.tactics .content_sec > .detail_sec.w {
    margin: 0 0 15px;
}
.tactics .content_sec > .list_tactics {
    margin: 0 0 20px;
}
#sec > .topic {
    margin: 0 0 10px;
}
.topic .content_sec > .detail_sec.w {
    margin: 0 0 15px;
}
.topic .content_sec > .img_sec {
    clear: both;
    margin: 0 0 15px;
}
.topic .content_sec > .img_sec > img {
    float: none;
}
.topic .content_sec > .detail_list {
    margin: 0 0 10px;
}
.topic .content_sec > .topic_image {
    margin: 0;
}
.topic .content_sec > .topic_image > img {
    margin: 0 0 20px;
}
.topic .content_sec > .detail_sec.topic1 {
    margin: 0 0 15px;
}
.topic .content_sec > .item > table {
    margin: 0;
    width: 100%;
}
.topic .content_sec > .item > table > tbody > tr > th {
    width: 30%;
}
.detail_text.yen {
	height: auto;
	width: auto;
	margin: 5px 1%;
}
.detail_text {
	height: auto;
	width: auto;
	margin: 5px 1%;
}
.imgL > img,.imgR > img {
    float: none;
}
.imgR,.imgL {
	text-align:center;
}
img.flL{
	margin-right:1%;
}
img.flR{
	margin-left:1%;
}
}