@charset "utf-8";
/* CSS Document */

/*文字組*/
* {
	font-family: "ヒラギノ角ゴ", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
	margin:0;
	padding:0
}
html {
	-webkit-text-size-adjust: none
}
body {
	margin:0;
	padding:0;
	width:100%
}
#sourcenext
{
    position:relative;
    }
#sourcenext #favorite_regist_img{
    max-width:200px;
    }
#sourcenext h1 {
	font-size:18px;
	line-height:120%
}
#sourcenext h2 {
	font-size:16px;
	line-height:120%
}
#sourcenext h3 {
	font-size:15px;
	line-height:130%
}
#sourcenext h4 {
	font-size:14px;
	line-height:140%;
	margin-bottom:0.4em
}
#sourcenext h5 {
	font-size:12px;
	line-height:140%;
	margin-bottom:0.4em
}
#sourcenext p {
	font-size:14px;
	line-height:140%;
	margin-bottom:0.5em
}
#sourcenext ul {
	margin:0
}
#sourcenext li {
	font-size:14px;
	line-height:130%;
	margin:0 0 0.4em 1.3em
}
#sourcenext dt {
	font-size:14px;
	line-height:130%;
	font-weight:bold;
	margin-bottom:0.2em
}
#sourcenext dd {
	font-size:14px;
	line-height:140%;
	margin-bottom:0.5em
}
#sourcenext th {
	font-size:12px
}
#sourcenext td {
	font-size:12px
}
#sourcenext a {
	text-decoration:none; /*color:#36a1c9*/
}
#sourcenext a img {
	border:none
}
#sourcenext .kome {
	text-indent:-2em;
	margin-left:2em;
	font-size:12px
}
/*汎用*/
#sourcenext .clear {
	clear:both
}
#sourcenext .img_sp {
	width:100%
}
#sourcenext .img_c {
	text-align:center
}
#sourcenext .icon {
	vertical-align:middle;
	margin-right:5px;
	margin-top:-3px
}
#sourcenext .list_f li {
	float:left;
	margin-right:1.5em
}
#sourcenext {
	background:#333
}
#sourcenext h1 {
	color:#fff;
	margin:0 5px 10px 5px;
	padding:10px 0 0 0
}
#sourcenext #lineup {
	text-align:center;
	margin:10px 0 0;
	color:#fff
}
#sourcenext #lineup_in {
	width:315px;
	margin:0 auto
}
#sourcenext #lineup .lineup_p {
	margin-right:10px;
	float:left;
	width:70px
}
#sourcenext #lineup p {
	margin:3px 0 0 0;
	line-height:100%
}
#sourcenext .pBox {
	clear:both;
	background:#fff;
	margin:15px 3px 25px;
	padding:0;
	border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 0 0;
	box-shadow:0 5px 5px #000;
	-webkit-box-shadow: 0 5px 5px #000;
	-moz-box-shadow: 0 5px 5px #000;
	border:1px solid #111
}
#sourcenext .pBox h2 {
	padding:10px 0 0 0
}
#sourcenext .pBox h3 {
	color:#087694;
	/*text-shadow:0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #999;*/
}
#sourcenext .pBox .picon {
	float:left;
	margin:-10px 5px 5px 5px
}
#sourcenext .pDetail {
	margin:5px;
	padding:5px 0 0;
}
#sourcenext .btn_dl {

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ca4d4', endColorstr='#0b74ab', GradientType=0 ); /* IE6-8 */
}
#sourcenext .btn_open {
	margin:5px 0 0 0;
	padding:10px;
	font-size:14px;
	text-align:center;
	text-shadow:0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #999;
	background:#eee
}
#sourcenext .btn_basic {
	margin:0 20px 10px;
	padding:10px;
	border:1px solid #aaa;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	font-size:14px;
	text-align:center;
	text-shadow:0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #999;
}
#sourcenext #bottomBox {
	padding:15px 8px 0;
	clear:both;
	padding-bottom:20px;
	background:#d01111
}
#sourcenext #bottomBox a {
	color:#fff
}
#sourcenext #footer {
	clear:both;
	padding:0;
	text-align:center;
	color:#fff
}
#sourcenext #footer p {
	font-size:12px
}
/*スライド*/
#pickup {
	margin:10px 0 15px 0
}
#pickup .nav {
	width: 100%;
	text-align: center;
}
#pickup .nav ul {
	width: 230px;
	padding:10px 0 0 0;
	margin: 0 auto
}
#pickup .nav ul li {
	display: inline-block;
	margin:0;
	font-size: 18px;
}
#pickup .nav ul li a {
	font-weight: bold;
	color: #666;
	text-decoration: none;
}
#pickup .nav ul li.selected a {
	color: #36a1c9
}
#pickup .arrows {
	position: relative;
	padding: 0 8px;
	top:-26px;
	margin:0 0 -26px 0
}
#pickup .arrows > .prev {
	float: left;
	font-size:13px;
	line-height:100%;
	border:1px solid #000;
	font-weight:normal;
	margin:0 5px;
	padding:8px 10px;
	-webkit-border-radius:5px;
	-moz-border-radius:3px;
	background:#fff;
	color:#000;
}
#pickup .arrows > .next {
	float: right;
	font-size:13px;
	line-height:100%;
	border:1px solid #000;
	font-weight:normal;
	margin:0 5px;
	padding:8px 10px;
	-webkit-border-radius:5px;
	-moz-border-radius:3px;
	background:#fff;
	color:#000;
}
#pickup .arrows .prev.off, #pickup .arrows .next.off {
	color: #000;
	border-color:#000
}
.pickupbox {
}
.pickupbox .icon {
	margin-top:-3px
}
.pickupbox .item {
	width:230px
} /* 中身が画像だと、検知がしづらいので。widthの値はもちろん任意です */
.pickupbox .moving {
-webkit-transition: -webkit-transform .2s ease-out
} /* スピード等は任意です。 */
.pickupbox .p_icon img {
	width:40px;
	float:left;
	margin:5px
}
.pickupbox_txt {
	float:left;
	width:265px;
	padding:5px 0
}
.pickupbox_txt h3 {
	font-size:14px;
	margin:0;
	padding:3px 0 5px
}
.pickupbox_txt h3 a {
	color:#000;
	background:url(/m/img/icon_next.png) no-repeat 0 4px;
	padding:0 0 0 15px
}
.pickupbox_txt h3 a.topc {
	color:#000;
	background:url(/m/img/icon_topc.png) no-repeat 0 4px;
	padding:0 0 0 15px
}
.pickupbox_txt p {
	font-size:12px;
	line-height:130%;
	margin-bottom:3px
}
video {
	max-width: 100%;
	height: auto;
}

/* ツールズ */
#sourcenext .tool_list li { list-style-type:none;
	float:left;
	text-align:center;
	/*width:97px;*/
	width:105px;
	margin-left:1em;
}

/* 非対応端末 */
#sourcenext .dl_ng{
	border:1px solid #ccc;
	font-size:14px;
	font-weight:bold;
	margin:0 20px 10px;
	padding:10px 0;
	background-color:#fff;
	color:#000;
	text-align:center;
}

/* コラム */
#sourcenext #Column_Area_Wrap{ margin:0 10px;}
#sourcenext #Column_Area #Column_title{ background:#f9ee00; padding:5px 10px; margin-bottom:10px; font-weight:bold; font-weight:100%;}

#sourcenext #Column_Area #Column_ranking_title{ color:#fff; font-weight:bold;}

#sourcenext #Column_Area ul#ranking  li {
	color:#FFFFFF;
	list-style-type:none;
	font-size:0.8em;
	margin-left:4px;
}
#sourcenext ul#ranking li a {
	color:#7BECFB;
}
#sourcenext ul#ranking li a:hover {
	color:#8dd6e0;
}

#sourcenext ul#ranking li.rank_1{background:url(https://www3.sourcenext.com/01cpn064001/img/icon_no1.png) no-repeat; padding-left:20px;}
#sourcenext ul#ranking li.rank_2{background:url(https://www3.sourcenext.com/01cpn064001/img/icon_no2.png) no-repeat; padding-left:20px;}
#sourcenext ul#ranking li.rank_3{background:url(https://www3.sourcenext.com/01cpn064001/img/icon_no3.png) no-repeat; padding-left:20px;}

#sourcenext .for_notUser1,
#sourcenext .for_notUser2{ display:none; text-align:center;}
#sourcenext .for_notUser1{ border:2px solid #cb0133; padding:5px 10px; margin:5px auto; background-color:#fff; width:70%; max-width:600px; clear:right;}
#sourcenext .for_notUser1 p{ color:#cb0133; margin-bottom:0;}
#sourcenext .for_notUser2 p img{ min-width:300px; max-width:600px; width:70%;}

#sourcenext .for_notUser1_popup_isRegist,
#sourcenext .for_notUser1_popup
{
    display:none;
    width:157px;
    height:123px;
    position:absolute;
    top:0;
    right:0;
    z-index: 10000;
}
.btn_dl
{
    position : relative;
    }
.btn_dl .dl_pop
{
    display:none;
    width:56px;
    height:63px;
    position:absolute;
    bottom:10px;
    right:0;
    }

.accordion-check
, .accordion
{
    display:none;
    }
.accordion-check + .and-def-browser label{
    display: block;
    box-sizing: border-box;
    background-color: rgba(255,255,255,0);
    width:100%;
    margin: 0;
    padding: 10px;
    cursor: pointer;
    text-shadow: none;
    text-align: right;
    font-size: 14px;
    }
.accordion-check + .and-def-browser label::before
{
    /*contentの値を"data-open属性"から取得する*/
    content:attr(data-open);
    }
.accordion-check:checked + .and-def-browser label::before
{
    /*contentの値を"data-open属性"から取得する*/
    content:attr(data-close);
    }
.accordion-check:checked + .and-def-browser .accordion
{
    display:block;
    }

/*非対応ボタンセンタリング*/
[src$="btn_hitaou.png"]
{
    width: 300px;
    display: block;
    margin: auto;
    height: 42px;

}