@charset "utf-8";
@import url(html5reset-1.6.1.css);

body
{
    margin: 0;
    padding: 0;
    text-align: left;
    font: 14px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
    color: #fff;
    line-height: 160%;
    background:url(../images/mainbg.jpg) repeat-y center top #18110c;
}


/* common classes */
a:link        { color: #fff; text-decoration: none;}
a:visited    { color: #fff; text-decoration: none;}
a:hover        { color: #fff; text-decoration: underline;}
a:active    { color: #fff; text-decoration: underline;}

.clear
{
    clear:both;
    height:0;
}

.clearfix:after
{
    content:".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}

hr
{
    margin:10px 0;
    height:1px;
    background:none;
    color:#ccc;
    border-top:#ccc;
}

hr.hrbg
{
    background:url(../images/hrbg.png) no-repeat center top;
    height:10px;
}

.dotborder
{
    border-bottom:1px dotted #000;
    margin:5px 0;
}

.left    {    float:left;}
.right    {    float:right;}
.center    {    text-align:center;}
.tright    {    text-align:right;}
.tleft    {    text-align:left;}

.large    {    font-size:115%!important;  line-height:140%;}
.larger    {    font-size:120%;}
.gigantic{    font-size:150%;}
.small{  font-size:85%;}

.orange{color:#CC9900;}

.tm3    {    margin-top:3px;}
.tm5    {    margin-top:5px;}
.lm5    {    margin-left:5px;}
.rm5    {    margin-right:5px;}
.bm5    {    margin-bottom:5px;}
.tm10    {    margin-top:10px;}
.lm10    {    margin-left:10px;}
.rm10    {    margin-right:10px;}
.bm10    {    margin-bottom:10px;}
.tm20    {    margin-top:20px;}
.lm20    {    margin-left:20px;}
.rm20    {    margin-right:20px;}
.bm20    {    margin-bottom:20px;}
.tm25    {    margin-top:25px;}
.tm30    {    margin-top:30px;}
.lm30    {    margin-left:30px;}
.rm30    {    margin-right:30px;}
.bm30    {    margin-bottom:30px;}
.bm35    {    margin-bottom:35px;}
.bm50    {    margin-bottom:50px;}
.bm60    {    margin-bottom:60px;}

h1
{
    color:#fff;
    font-size:12px;
    font-weight:normal;
    margin:5px 0 5px 0;
}

.w280{    width:280px;    }
.w650{    width:660px;    }/* 修正　650px⇒660px */

/* class追加 */
.bottombox{
    text-align: left;
    color:#fff;
    padding:20px;
    margin:10px 25px;
    background: #740000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #c67f7f;
    border-top: 1px solid #e2bfbf;
    -moz-box-shadow: 0 1px 3px black;
    -webkit-box-shadow: 0 1px 3px black;
    box-shadow: 0 1px 3px black;
}

a:hover img
{
     opacity:0.6;
     filter:alpha(opacity=60);
     -ms-filter: "alpha( opacity=60 )";
     background:none !important;
}

/* basic structure */
/* Hides from IE-mac */
*html #wrap
{
    display:block;
    margin: 0 auto;
    padding:0;
    width:100%;
    height:1%;
}
/* End hide from IE-mac */

/* IE-mac */
#wrap
{
    display:inline-table;
    width:100%;
}

/* winNN macNN */
#wrap:after
{
    content:"";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    width:100%;
}

#wrap
{
    margin:0 auto 0 auto;
    padding:0;
    width:100%;
}

#base
{
    width:880px;
    margin:0 auto 0 auto;
}

#base .gnav li
{
    float:left;
}

#base #left
{
    width:660px;
    margin:10px 0 0 0;
}

#base #left .newsarea
{
    padding:0 0 0 40px;
    margin-bottom:10px;
}

#base #left .newsarea dl dt
{
    border-bottom:1px solid #958135;
    padding:5px 0 5px 10px;
    width:110px;
    float:left;
}

#base #left .newsarea dl dd
{
    border-bottom:1px solid #958135;
    padding:5px 0 5px 0;
    width:500px;
    float:left;
}

#base #left .newsarea .icon{
    background:url(../images/icon.png) no-repeat center left;
    padding:0 0 0 15px;
}

#base #left .videoarea
{
    width:620px;
    padding:20px;
    text-align:center;
}

#base #left .videoarea p.datetitle
{
    color:#cc9900;
    font-weight:bold;
    font-size:125%;
    margin-bottom:20px;
}

#base #left .videoarea .videotitle
{
    text-align:left;
    margin:20px 0 10px 0;
}

#base #left .videoarea .videorank
{
    font-weight:bold;
    font-size:125%;
    margin:0 0 10px 0;
    color:#cc9900;
}

#base #left .videoarea .videoprice
{
    font-weight:bold;
    font-size:125%;
    margin:0 0 10px 0;
    color:#ff0000;
}

#base #left .bottomarea
{
    padding:20px 0 60px 0;
    text-align:center;
}

#base #right .bannerarea p a:link,
#base #left .bottomarea a:link        { color: #ac9400; text-decoration: none;}
#base #right .bannerarea p a:visited,
#base #left .bottomarea a:visited    { color: #ac9400; text-decoration: none;}
#base #right .bannerarea p a:hover,
#base #left .bottomarea a:hover        { color: #ac9400; text-decoration: underline;}
#base #right .bannerarea p a:active,
#base #left .bottomarea a:active    { color: #ac9400; text-decoration: underline;}

/*left end*/

#base #right
{
    width:200px;
    margin:10px 0 0 0;
}

#base #right .information
{
    font-size:125%;
    padding:20px 0 20px 20px;
    line-height:150%;
}

#base #right h4.side
{
    font-size:14px;
    color:#fff;
    background:url(../images/side_h4.png) no-repeat;
    padding: 5px 0 5px 5px;
    margin: 5px 0 15px 0;
}

#base #right ul.side li{
    background:url(../images/icon.png) no-repeat center left;
    padding:2px 0 0 10px;

}

#base #right .bannerarea
{
    margin:20px 0 20px 0;
}

#base #right .bannerarea p
{
    margin:5px 0 15px 0;
    font-size:85%;
    text-align:center;
    line-height:120%;
}
#base #right .bannerarea p.sidemargin
{
        margin:30px 0 15px 0;
}



#footer .footertop
{
    background:url(../images/ichiback.jpg) no-repeat right bottom;
    text-align:center;
}

.footerlink{
    font-size:85%;
    text-align:center;
    padding:10px 0 10px 0;
    }

h2.top,
.sub_area h3,
#undercolumn_cart h2,
#detailphotobloc h2
{
    background:url(../images/detail_h2.png) no-repeat left top;
    font-size: 20px;
    padding: 15px 0 26px 60px;
    line-height: 110%;
    margin:0 0 30px 0;
}


#detailphotobloc .photo
{
    width:262px;
    float:left;
}

#detailrightbloc
{
    width:388px;
    float:right;
}

#base #left ul.cat
{
    width:630px;
    margin:0 auto 0 auto;
}

#base #left ul.cat li{
    background:url(../images/icon.png) no-repeat center left;
    padding:2px 0 0 10px;
    float:left;
    width:200px;
}

h3.cath3{
    font-size:18px;
    color:#8f6714;
    border-bottom:1px #8f6714 solid;
    padding:10px;
    margin-bottom:10px;
}

.keifu
{
    font-size: 16px;
    color: #CC9900;
    font-weight: bold;
    text-align:center;
}

.shoukai
{
    font-size: 14px;
    line-height: normal;
    font-weight: bold;
    color: #FFFFFF;
    text-align:center;}

.kantoku{
    font-size: 12px;
    color: #CCCCCC;
    border: thin dotted #666666;
    width:704px;
    margin:0 auto 30px auto;
}

table.kantoku tr td{
    vertical-align:middle;
    padding:10px;
}

.dotbox
{
    border:    thin dotted #666666;
    padding:20px;
    text-align:center;
    margin-bottom:30px;
}

.videowrap {
    width: 300px;
    display: inline-block;
    text-align: center;
}

.info-sp {
    display: none;
}

/*
*
* スマホ用スタイル
* 2015.06.17 -
*/


@media screen and (max-width: 640px) {
    #base {
        width: 100%;
    }

    h1 {
        font-size: 14px;
        margin: 5px;
    }

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

    header nav {
        display: none;
    }

    .bottombox {
        margin: 10px;
        padding: 10px;
    }

    .videorank {
        margin: 10px;
    }

    .mainvisual .info{
        display: none;
    }

    .info-sp {
        display: block;
        margin: 10px;
        background-color: #333333;
        padding: 5px;
    }

    #base .twilight-wrapper {
        max-width: 360px;
    }

    .twilight-box {
        zoom: 1;
        overflow: hidden;
    }

    .twilight-box div {
        width: 360px;
    }

    #base #left,
    #base #right{
        float: none;
        width: 100%;
        margin: 0;
        padding-top: 10px;
    }

            #base #right {
                text-align: center;
            }

        #base #right img {
            width: 70%;
            text-align: center;
        }

#base #right ul.side li {
    margin: 0 10px;
    padding: 0;
    }

    #base #right ul.side li a {
        display: block;
    border-top: 1px dashed #333333;
        padding: 10px;
    }

        #base #right ul.side li:last-child a {
    border-bottom: 1px dashed #333333;
    }

    h2 {
        margin-left: 5px;
    }

    #base #left .newsarea {
        padding: 0;
    }

    #base #left .newsarea dl dd {
        width: auto;
        padding-left: 120px;
        padding-right: 5px;
        padding-bottom: 10px;
        padding-top: 10px;
        float: none;
    }

    #base #left .newsarea dl dt {
        border: none;
        padding-top: 10px;
    }

    #base #left .newsarea .icon {
        margin-top: 10px;
        margin-left: 10px;
    }

    #base #left .videoarea {
        width: 100%;
        padding: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #base #left .videoarea .left,
    #base #left .videoarea .right{
        width: 49%;
    }

    #base #left .videoarea p.datetitle {
        font-size: 16px;
    }

    #base #left .videoarea .videotitle {
        font-size: 17px;
    }

    #base #left .videoarea .videoprice {
        font-size: 16px;
    }

    #base #left .bottomarea {
        padding: 10px 10px 0 10px;
    }

    #base #right h4.side {
        background-repeat: repeat-x;
    }

    #feed div {
        margin-bottom: 10px;
    }

    #footer {
        margin: 0 10px 10px;
    }

}


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

    #base .twilight-wrapper {
        max-width: 320px;
    }

    .twilight-box div {
        width: 320px;
    }
}

.footer .tm10 h2, .tm10 h3 {
    text-align: center;
}
.keifu p {
	font-family: Meiryo;
	color: #c90;
	font-size: 105%;
	font-weight: bold;
	text-align: left;
	line-height: 150%;
	margin-left: 45px;
	margin-right: 45px;
}
.keifu ul {
	margin-left: 60px;
	margin-top: -15px;
}
.keifu ul li {
	font-family: Meiryo;
	color: #c90;
	font-size: 105%;
	font-weight: bold;
}
.kyuuryou {
	border: 1px solid white;
	margin: auto auto;
}
.kyuuryou th, td {
	border: 1px solid white;
}
.kyuuryou th p {
	font-family: Meiryo;
	color: #c90;
	font-size: 115%;
	font-weight: bold;
	text-align: center;
	margin: 5px 10px;
	line-height: 120%;
}
.kyuuryou td p {
	font-family: Meiryo;
	color: #c90;
	font-size: 115%;
	font-weight: bold;
	text-align: left;
	margin: 5px 10px;
	line-height: 120%;
}
.koumoku {
	width: 270px;
}
.regular, .parttimer {
	width: 220px;
}
.kimidori p {
	text-align: center;
	color: greenyellow;
	font-size: 300%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.benzouname p {
	text-align: right;
	color: white;
	font-size: 150%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.app-list {
	text-align: left;
	margin-left: 30px;
}
.tm10 h2, .keifu h3 {
	text-align: center;
}
.photo {
	float: left;
	margin: 20px 10px 0 20px;
}
.info {
	float: left;
	margin: 50px 20px 0 0;
}
.info2 {
	float: left;
	margin: 0 0 0 0;
}
.name {
	font-size: 250%;
	color: white;
	margin-bottom: 10px;
}
.position, .link {
	font-size: 170%;
	color: white;
	margin-left: 20px;
	line-height: 150%;
}
.floatclear {
	clear: both;

}
.nijigen-topbanner {
	background-image: url(../images/nijigen/nijigen02.jpg);
	width: 880px;
	height: 102px;
	margin: 0 auto; 
}
.boutou {
	width: 880px;
	border: 1px solid white;
	margin: auto auto;
}
.boutou td {
	border: 1px solid black;
}
.boutoubun p {
	font-family: Meiryo;
	color: white;
	font-size: 110%;
	text-align: left;
	line-height: 170%;
	margin: 15px 30px;
}
.large {
	font-size: 135%;
}
.nijigentitle dl {
	width: 820px;
}
.nijigentitle dt, .nijigentitle dd {
	font-family: Meiryo;
	color: white;
	font-size: 150%;
	text-align: left;
	line-height: 150%;
}
.nijigentitle dt {
	width: 170px;
	float: left;
	margin-left: 30px;
}
.nijigentitle dd {
	width: 650px;
	margin-left: 180px;
}
.hosokubun p {
	text-align: center;
	font-family: Meiryo;
	font-size: 110%;
	color: cyan;
}
.samplegazou {
	width: 720px;
	margin: auto auto;
}
.sampleimage {
	width: 720px;
	height: 540px;
	margin-bottom: 10px;
}
.sampleimage2 {
	width: 720px;
	margin-bottom: 10px;
}
.nijigenline {
	width: 885px;
	height: 14px;
	margin: 30px auto 15px auto;
}
.nijigen-shoukaibun {
	width: 780px;
	margin: auto auto;
}
.nijigen-shoukaibun p {
	font-family: Meiryo;
	color: white;
	font-size: 105%;
	line-height: 150%;
	text-align: left;
}
.nijigen-shoukaibun h3 {
	font-family: Meiryo;
	color: white;
	font-size: 150%;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
.nijigen-shoukaibun h4 {
	font-family: Meiryo;
	color: white;
	font-size: 115%;
	text-align: center;
	margin-bottom: 15px;
}
.nijigen-title h2 {
	font-family: Meiryo;
	color: white;
	font-size: 180%;
	text-align: center;
	margin-bottom: 30px;
	line-height: 180%;
}
.nijigen-spec {
	text-align: center;
}
.nijigen-staff {
	display: inline-block;
	margin-top: -10px;
}
.nijigen-staff p {
	font-size: 120%;
}
.caution p {
	color: yellow;
}
.linkcorner {
	width: 820px;
	margin: -5px auto 30px auto;
	clear: both;
}
.linkcorner p {
	text-align: center;
	font-size: 90%;
}
.dlsite-link {
	float: left;
	margin-left: 0;
}
.dlsite-link p {
	color: #aabbff;
}
.fanza-link {
	float: left;
	margin-left: 5px;
}
.digiket-link {
	float: left;
	margin-left: 5px;
}
.gyutto-link {
	float: left;
	margin-left: 5px;
}
.fanza-link p {
	color: #ffccdd;
}
.digiket-link p {
	color: #aaffcc;
}
.gyutto-link p {
	color: #ffffbb;
}
.toplink {
	width: 800px;
	font-family: Meiryo;
	text-align: center;
	margin: 0 auto 0 auto;
	font-size: 140%;
}
.nijigentitle dd a:link,
.nijigentitle dd a:visited,
.nijigentitle dd a:hover,
.nijigen-shoukaibun a:link,
.nijigen-shoukaibun a:visited,
.nijigen-shoukaibun a:hover,
.toplink a:link,
.toplink a:visited,
.toplink a:hover {
	color: white;
}
.taikenban {
	text-align: center;
}
.taikenban p,
.taikenban a:link,
.taikenban a:visited,
.taikenban a:hover {
	text-align: center;
	font-size: 120%;
	color: greenyellow;
}