﻿.fs15{
	font-size: 1.5em;
}
.fs2{
	font-size: 1.6em;
    line-height: 1.3;
    margin: 0 0 20px;
}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{
	text-align: right;
	margin: 10px 0 30px;
}
.disp-inbl{display: inline-block;}
.fwb{font-weight: bold;}
.bgcwhite{background-color: #fff;}
.mgb20{margin-bottom: 20px;}
.maindesign #inc_main ul{
	text-align:center;
}
.maindesign img{
	width: 100%;
}
.frames {
    width: 100%;
    max-width: 900px;
    margin: auto;
}
.videos {
    width: 100%;
    height: 100%;
}
.maindesign .mask01{
	opacity:0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha( opacity=40 )";
	background: #f00;
	}
.maindesign .mask02{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	/*background: #FFF;*/
	}
.maindesign .alpha a:hover{
	opacity:0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha( opacity=40 )";
	background: #f00;
}
.maindesign .other{
padding-top:10px;
}
.maindesign .ank{
float:left;
margin:1px;
}
.maindesign .ank_goods{
float:left;
margin:0px 2px 3px 0px;
width:175px;
}

.maindesign .ank_goods2{
float:left;
padding-left:1px;
width:185px;
}
.maindesign .left{
float:left;
}


.maindesign .goTop{
	text-align:right;
}

/*↓ 特集別 ↓*/

.maindesign{
	width:100%;
	max-width:860px;
	margin: auto;
	text-align:left;
	}
.maindesign h1{
	margin:0;
	padding:0;
}
.maindesign img{
	border:none;
	margin-bottom:10px;
}
.maindesign .btn{
	list-style:none;
	margin:0;
	padding:0;
	padding-top:10px;
	clear:both;
	overflow:hidden;
}
.maindesign .btn li{
	float:left;
	width:210px;
	margin:2px;
}

.maindesign .btn li img{
	width:100%;
}

.maindesign .tab{
	list-style:none;
	margin:0;
	padding:0;
	padding-top:10px;
	overflow:hidden;
}

.maindesign .heading{
	margin-top:0px;
}
div#main .maindesign .memo{
	text-align:right;
	margin-bottom:0;
}

.maindesign .mb0{
	margin-bottom:0px !important;
}

.maindesign .mb10{
	margin-bottom:10px;
}

.maindesign .mt20{
	margin-top:20px !important;
}

.maindesign .mt30{
	margin-top:30px !important;
}

.maindesign .mt40{
	margin-top:40px !important;
}


.maindesign .mt60{
	margin-top:60px !important;
}

.maindesign .mt10{
	margin-top:10px !important;
}

.maindesign .mr10{
	margin-right:10px!important;
}
.maindesign .mr5{
	margin-right:5px!important;
}

.maindesign .mr8{
	margin-right:8px!important;
}

.maindesign .ml10{
	margin-left:10px!important;
}

.maindesign .ml20{
	margin-left:20px!important;
}

.maindesign .ml5{
	margin-left:5px!important;
}

.maindesign .ml8{
	margin-left:8px!important;
}
.maindesign .hidden{
	overflow:hidden;
}

.maindesign .fl{
	float:left;
}

.maindesign .kome{
	text-align:right;
	margin:0;
	font-size:14px;
}

.maindesign .dashed{
	border-bottom:2px dashed #000;
}

.maindesign h3.headingMiddle {
    position: relative;
    padding-bottom: 0.4em;
    border-bottom: 3px solid #DDD;
    text-align: left;
}
.maindesign h3.headingMiddle::after {
    position: absolute;
    content: " ";
    border-bottom: solid 3px #E5002D;
    bottom: -3px;
    width: 6.5%;
    display: block;
}

.maindesign a:hover img {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}


.maindesign .series a:hover img {
	background-color:#FFFFFF;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}


.maindesign .pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.maindesign .pagetop a {
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 5px 10px;
}
.maindesign .pagetop a:hover {
    display: block;
    text-align: center;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.maindesign .per_type {
	margin-left:20px;
}

.maindesign .per_type .two_rows{
	overflow:hidden;
	/*margin-bottom:10px;*/
}

.maindesign .per_type .two_rows .block{
	width:405px;
}


.maindesign .per_type .three_rows{
	overflow:hidden;
	/*margin-bottom:10px;*/
}

.maindesign .per_type .three_rows .block{
	width:268px;
}

.maindesign .w820{
	width:820px;
}

.maindesign .w268{
	width:268px;
}

.maindesign .ggNavi{
margin:20px 0}
.maindesign .ggNavi li{
float:left;
margin-right:7px;
}
.maindesign .mr0{
margin-right:0 !important;
}
.maindesign .fr{
float:right !important;}
/*.maindesign h2{
margin:20px 0}*/
.maindesign .bBtn{
text-align:center;
margin:20px 0}
.maindesign a:hover img {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
	background-color:#fff;
}
.maindesign .headp{
font-weight:bold;
text-align:center;
font-size:2.5em;
margin:15px 0}
.maindesign .gd img{
width:820px;
display:block;
margin:auto;
margin-bottom:15px;
}


.gd-text{
	display: block;
	margin: 20px auto;
}
.gd-h2{
	font-size: 3em;
    text-align: center;
    border-bottom: #000 5px solid;
    padding-bottom: 10px;
    width: 7em;
    margin: 80px auto 40px;

}
h3{
	font-size: 2em;
    margin: 20px 0;
	font-weight: bold;
}
.h3-subtxt{
	font-size: 0.8em;
    display: inline-block;
}
h4{
    font-size: 1.3em;
    margin: 20px 0 5px;
    font-weight: bold;
}
.maindesign .gray {
    background: #ccc;
    margin: 20px auto;
    padding: 10px;
}
.flash_movie {
    margin: 20px auto;
	/*padding: 10px;*/
}
.flash_movie iframe {
    width: 100%;
    height: 535px;
}
.gd-textbox{
	margin: 20px auto;
	line-height: 1.5em;
	padding: 10px;
}
.point-txt{
	line-height: 2.0;
}
.col-bnr{
	display: flex;
	justify-content: center;
}
.bnr-area{
	width: 40%
}
.maindesign .fsMedium {
    font-size: 1.0em;
    padding: 0.75em 1em;
	line-height: 1.2;
}
@media screen and (max-width:767px) {
	.flash_movie iframe {
		width: 100%;
    height: 200px;
	}
	.gdtextsp01 p{
		font-size: 4.5vw;
		width: 90%;
		line-height: 1.3em;
	}
	.gd-h2{
	    font-size: 7vw;
		margin: 50px auto 30px;
}
	h3{
	font-size: 6vw;
}
.maindesign a.btnRadius01 {
    height: 50px;
}
.maindesign .fsMedium {
    font-size: 0.8em;
}
.maindesign .fslarge {
    font-size: 1.1em;
    padding: 0.8em 1em;
}
.maindesign h3.headingMiddle::after {
    width: 10.5%;
}
.point-txt{
	line-height: 1.5;
}
.bnr-area{
	width: 50%
}
}
@media screen and (min-width:768px) {
.maindesign .w50 {
    width: 50% !important;
    margin: 0 auto 20px !important;
}
	.kanren{
    display: flex;
    flex-wrap: wrap;
}
	.kanren a{
width: calc(50% - 7px);
    height: auto;
    min-height: 75px;
    margin-right: 10px;
    transition: 0.6s;
    text-align: justify;
	}
	.maindesign .kanren a:nth-child(2n) {
    margin-right: 0;
}
}



