@charset "utf-8";

/*.clearfix******************************/
.clearfix:after {  content: "."; display: block;height: 0;font-size:0;clear: both; visibility:hidden;}
.clearfix{display: inline-block;} 
/* Hides from IE Mac \*/
* html .clearfix{height: 1%;}
.clearfix{display:block;}



/* Basic Structure
-------------------------------------*/
*{margin:0;padding:0;}
body {margin: 0;padding: 0;}
fieldset{border:none;}
a img{ border:none;}
ul li{
	list-style-type: none;
	text-decoration: none;
}
img{ vertical-align:bottom;}

/* Sentence, Character
------------------------------------*/
h1, h2, h3, h4, h5, h6{margin: 0;padding: 0;font-size: 87%;font-weight: normal;font-family: "�l�r �o�S�V�b�N", sans-serif;line-height: 170%;color: #786A56;}

/* 
-------------------------------------*/
.center {text-align:center;}
.right {text-align: right; float: right;}
.left {text-align:left;}



.fs9{font-size:9px;}
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs21{font-size:21px;}
.fs22{font-size:22px;}
.fs23{font-size:23px;}
.fs24{font-size:24px;}
.pt0{padding-top:0px;}
.pt10{padding-top:10px;}
.pt15{padding-top:10px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pb0{padding-bottom:0px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pl0{padding-left:0px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl70{padding-left:70px;}
.pl150{padding-left:150px;}
.pr0{padding-right:0px;}
.pr5 {padding-right: 5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr70{padding-right:70px;}


/***********************************************
yad-filter
***********************************************/
#yad_btn {
	width: 950px;
	margin: 0 auto 0px auto;
    overflow: hidden;
}

#yad_btn > li{
	float: left;
	margin: 10px 0 0px 6px;
}
#yad_btn a{
    display: block;
    width: 152px;
	height: 50px;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
#yad_btn a.area-all {background: url(../images/yad-btn/theme-all.png) top center no-repeat;}
#yad_btn a.theme-01 {background: url(../images/yad-btn/theme-01.png) top center no-repeat;}
#yad_btn a.theme-02 {background: url(../images/yad-btn/theme-02.png) top center no-repeat;}
#yad_btn a.theme-03 {background: url(../images/yad-btn/theme-03.png) top center no-repeat;}
#yad_btn a.theme-04 {background: url(../images/yad-btn/theme-04.png) top center no-repeat;}
#yad_btn a.theme-05 {background: url(../images/yad-btn/theme-05.png) top center no-repeat;}
#yad_btn a.area-all.is-active {background: url(../images/yad-btn/theme-all-on.png) top center no-repeat;}
#yad_btn a.theme-01.is-active {background: url(../images/yad-btn/theme-01-on.png) top center no-repeat;}
#yad_btn a.theme-02.is-active {background: url(../images/yad-btn/theme-02-on.png) top center no-repeat;}
#yad_btn a.theme-03.is-active {background: url(../images/yad-btn/theme-03-on.png) top center no-repeat;}
#yad_btn a.theme-04.is-active {background: url(../images/yad-btn/theme-04-on.png) top center no-repeat;}
#yad_btn a.theme-05.is-active {background: url(../images/yad-btn/theme-05-on.png) top center no-repeat;}
#yad_btn a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}






.freeArea a {display: block; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.freeArea a:hover {opacity: 0.8;}


.plan-check {z-index: 999; position: fixed; top: 230px; right: 8%; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;} 
.plan-check.changed {opacity: 0;}

.title {}
.area-content {position: relative; background: url(../images/free/area-bg.png) top center no-repeat; height: 1940px;}
.area-content {}
.area-content .list01 {position: absolute; left: 0; top: 76px;}
.area-content .list02 {position: absolute; top: 66px; left: 482px;}
.area-content .list03 {position: absolute; top: 304px; left: 24px;}
.area-content .list04 {position: absolute; top: 314px; left: 517px;}
.area-content .list05 {position: absolute; top: 512px; left: -2px;}
.area-content .list06 {position: absolute; top: 512px; left: 503px;}
.area-content .list07 {position: absolute; top: 707px; left: 24px;}
.area-content .list08 {position: absolute; top: 733px; left: 513px;}
.area-content .list09 {position: absolute; top: 1053px; left: 28px;}
.area-content .list10 {position: absolute; top: 1040px; left: 494px;}
.area-content .list11 {position: absolute; top: 1259px; left: 24px;}
.area-content .list12 {position: absolute; top: 1259px; left: 517px;}
.area-content .list13 {position: absolute; top: 1496px; left: 7px;}
.area-content .list14 {position: absolute; top: 1474px; left: 497px;}
.area-content .list15 {position: absolute; top: 1685px; left: 25px;}
.area-content .list16 {position: absolute; top: 1685px; left: 497px;}

.soft-content-title h2 {margin: 20px auto; overflow: hidden;}
.soft-content {width: 940px; margin: auto;}
.soft-content ul {margin: 0 -40px;}
.soft-content ul li {margin-left: 40px; float: left; margin-bottom: 20px;}
.soft-content .coupon {margin-top: 0px;}





.wrap-content {width: 990px; margin: auto;}
.soft-content-title {width: 990px; margin: auto;}

.yadlistarea-wrap {width: 100%; max-width: 1600px; margin: auto; background: url(../images/free/yad-list/all-bg.png) no-repeat top center;}
.yadlistarea-wrap .yadlistarea {width: 990px; margin: auto;}
.yadlistarea-wrap .yadlistarea .content {overflow: hidden;}


.soft-content-title {margin-top: 40px;}


/* yad-area */
.yad-zone {width: 960px; margin: auto;}
.yad-zone .yad-btn-list {width: 970px; margin: auto;}
.yad-zone .yad-btn-list ul {margin: 0 0px 20px 0px;}
.yad-zone .yad-btn-list ul li {float: left; margin-left: 0px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.yad-zone .yad-btn-list ul li:hover {opacity: 0.8;}
.yad-zone .yad-btn-list ul li#yad-btnall {margin-right: 6px;}
.yad-zone .yad-btn-list ul li .on {display: none;}
.yad-zone .yad-btn-list ul li .off {display: block;}
.yad-zone .yad-btn-list ul li.active .on {display: block;}
.yad-zone .yad-btn-list ul li.active .off {display: none;}


.big-yad {margin: 0px 0px 0px 0px;}
.big-yad .yad-content {}
.big-yad .yad-content li {margin-right: 20px; margin-bottom: 10px; float: left; position: relative;}

.big-yad .yad-content li a .kochira {    
	position: absolute;
    top: 168px;
    left: 150px;
    width: 190px;
    pointer-events: none;
    z-index: 99;
    opacity: 0;
}
.big-yad .yad-content li a:first-child:hover .kochira {    
	position: absolute;
    top: 168px;
    left: 150px;
    width: 190px;
    pointer-events: none;
    z-index: 99;
    opacity: 1;
}
.big-yad .yad-content li a .kochira img {width: 100%;}
.big-yad .yad-content li a:first-child:hover .kochira img {opacity: 1;}



.small-yad .yad-content li a .kochira {    
	position: absolute;
    top: 155px;
    left: 20px;
    width: 190px;
    pointer-events: none;
    z-index: 99;
    opacity: 0;
}
.small-yad .yad-content li a:first-child:hover .kochira {    
	position: absolute;
        top: 155px;
    left: 20px;
    width: 190px;
    pointer-events: none;
    z-index: 99;
    opacity: 1;
}
.small-yad .yad-content li a .kochira img {width: 100%;}
.small-yad .yad-content li a:first-child:hover .kochira img {opacity: 1;}

.big-yad .yad-content li {display: none;}
.big-yad .yad-content li a {width: 466px;}
.big-yad .yad-content li a img {width: 466px;}
.big-yad .yad-content li.point {display: block; border: 2px solid #add8e6; width: 466px; height: 461px; padding-bottom: 30px;}
.big-yad .yad-content li .plan-link-btn {position: absolute; bottom: 5                    <a class="plan-link-btn" href="" target="_blank">
                        <img src="images/free/yad-list/plan-link-btn.png" alt="">
                    </a>px; left: 0; right: 0; display: block; width: 215px; margin: auto;}
.big-yad .yad-content li .plan-link-btn img {width: 215px;}

.small-yad {margin: 0px -20px 0px 0px;}
.small-yad .yad-content {}
.small-yad .yad-content li {margin-right: 14px; margin-bottom: 10px; float: left; position: relative;}
.small-yad .yad-content li {display: none;}
.small-yad .yad-content li a {width: 225px;}
.small-yad .yad-content li a img {width: 225px;}
.small-yad .yad-content li.point {display: block; border: 2px solid #add8e6; width: 225px; padding-bottom: 10px;}
.small-yad .yad-content li.free.point {border: none;}
.big-yad .yad-content li.free.point {border: none;}





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

    .plan-check {display: none;}

}