@charset "Shift_JIS";

div#index{/*width: 100%;min-width: 1000px*/;min-width: 100%;}
/*#topicsmainfull_in .bbox1{width:50%;float:left;}
#topicsmainfull_in .bbox2{width:50%;float:left;}*/

#indexheader {
    width: 1250px;
    margin: 10px auto;
}

#topicsmainfull h2 {
    font-weight: bold;
    font-size: 25px;
    margin:30px 0 60px 0!important;
    padding: 0px;
    text-align: left;
    border-bottom: 0px double #555;
}
#topicsmainfull h3 {
    font-size: 20px;
    font-weight: normal;
    padding: 5px 5px 5px 10px;
    text-align: left;
    margin:0 0 20px 0;
    background: #f6f6f6;
    border-left: none;
    border-bottom:none;
}
#listco h3{
    position:relative;
}
#listco h3 img{
    position: absolute;
    bottom: 0;
}
#keyvisual{background-color: #fff;}
#newco{background-color: #fff; padding:30px 0; margin-top: -50px; padding-top: 50px;}
#pickup{background-color: #fff; padding:30px 0; margin-top: -50px; padding-top: 50px;}
#topicsco{background-color: #f6f6f6; padding:50px 0; margin-top: -50px; padding-top: 50px;}
#categoryco{background-color: #fff; padding:30px 0; margin-top: -50px; padding-top: 50px;}
#listco{background-color:#f6f6f6; padding:30px 0; margin-top: -50px; padding-top: 50px;}

.contents_in {
    /* width: 90%; */
    width: 1250px;
    margin: auto;
}
.japanesetitle {
	font-size:15px;
	text-align:left;
	color:#555;
	/*padding:10px 0 50px 0;*/
	font-weight:bold;
	margin-left:20px;
}
#topicsmainfull_in .linkbtn a{
    display: inline-block;
    background: #fff;
    color: #666;
    margin: 7px auto;
    padding: 8px;
    font-size: 14px;
    border-radius: 8px;
    border: 0.5px solid #666;
    width: 90px;}
#topicsmainfull_in .linkbtn a:hover{border: 0.5px solid #ababab;color: #ababab;}
#topicsmainfull_in #prd .linkbtn a{
    display: inline-block;
    background: #219cf3;
    color: #fff;
    font-size: 17px;
    border-radius: 7px;
    border: none;
    width: 160px;
    text-align: center;}
#topicsmainfull_in #prd .linkbtn a:hover{background: #74c0f9;}
#topicsmainfull_in #kanren .linkbtn a{
    margin: 0;
    padding: 5px;
    font-size: 12px;
	width: 70px;
	color: #999;
	border: 0.5px solid #999;}
#topicsmainfull_in #kanren .linkbtn a:hover{border: 0.5px solid #000;color: #000;}

.title_b{margin:20px 0;}
.img_top{
	width: 60%;
    margin: 80px auto 50px}
.title_top{text-align:center; }
.title_top .tit_top{font-size: 35px; }
.title_top .tit_com{font-size: 26px;margin-top:15px; }

.secret_t{font-size: 30px;}
.r_point{
    font-weight: bold;
    font-size: 23px;
    margin: 20px 0 10px 0;
    text-align: left;
    color: #404040;
    background: url(/bc/c/images/bn/48x48/finger2.png?sr.dw=48) no-repeat left center;
    padding: 10px 5px 10px 54px;
    border-left: none;}

.comment{
    font-size: 17px;
    text-align: left;
    line-height: 29px;
	letter-spacing: 2px;}
/*最新情報*/
.newco_comment{
    font-size:18px;
    font-weight:bold;
    text-align: left;
    margin:20px 0 10px 0;
}
.newco_exp{
    font-size:12px;
    text-align:left;
    margin:10px 0 20px 0;
}
.update {
	font-size:13px;
	text-align:left;
	margin:10px 0 40px 0;
	color:#555;
}
/*最新情報*/

/*人気の記事*/
.pickup_comment{
    font-size:18px;
    font-weight:bold;
    text-align: left;
    margin:20px 0 10px 0;
}
.pickup_exp{
    font-size:12px;
    text-align:left;
    margin:10px 0 40px 0;
}
/*人気の記事*/

/*注目の記事*/
.topics_comment{
    font-size:12px;
    font-weight:bold;
    text-align: left;
    padding:0 20px 0 10px;
    letter-spacing: 2px;
    line-height:1.8em;
}
.topics_exp{
    font-size:11px;
    text-align: left;
    padding:0 20px 0 10px;
    color:#646262;
    letter-spacing: 2px;
    line-height:1.8em;
}
/*注目の記事*/

/*カテゴリ*/
.category_comment{
    font-size:14px;
    font-weight:bold;
    text-align: left;
    padding:0 0 0 10px;
    letter-spacing: 2px;
    line-height:1.8em;
}
.category_exp{
    font-size:11px;
    text-align: left;
    padding:0 0 0 10px;
    color:#646262;
    letter-spacing: 2px;
    line-height:1.8em;
}
.catelist{
	float:left;
	width:32%;
	margin-bottom:20px;
	padding:5px;
}
.cateicon{
	float:left;
	width:20%;
}
.catetext{
	float:left;
	width:80%;
}
/*カテゴリ*/

/*画像と文字重ねる基本CSS*/
.section {
    margin-bottom: 2px;
    position: relative;
    width: 100%;}
.section .img_b img{width:100%}
.section .text_b .com {width: 470px;}
.section .text_b .tit {}
.section .text_b {
	margin-left: 9%;
    position: absolute;
    top: 15%;
    height: 100%;
    font-size: 17px;
    text-align: left;
    line-height: 29px;
	letter-spacing: 2px;}

.sfscale {
    overflow: hidden;
    position: relative;
}
.swiper-slide  p{
	position: absolute;
	font-size:16px;
	/*font-weight:bold;*/
	color:#fff;
	top: 85%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;
	padding:30px;
	background-color: rgba(20,20,20, 0.62);
	width:70%;
	text-align:center;
}
.sfscale img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.sfscale img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
#newco img, #pickup img, #topicsco img{
  /*width:90%;*/
}
#newco a, #pickup a, #topicsco a {
  color: #333;
}
#newco a:hover{
  text-decoration: underline;
  color: #333;
}
#pickup a:hover{
  text-decoration: underline;
  color: #333;
}
#topicsco a:hover{
  text-decoration: underline;
  color: #333;
}
#topicsco .commentblock .block3{
	margin-bottom:50px;
}
.topicscoblock {
	float: left;
	width: 33% !important;
	margin:30px 0;
}
/*画面サイズが1200px以下のときの指定*/
@media screen and (max-width: 1300px) {
.img_b {max-height: 650px;overflow: hidden;}
#sec1 .section .text_b {
	margin-left: 5%;
    top: 6%;}
.r_block{width:85%;margin:30px auto 15px;}
}

/*画面サイズが1201px以上のときの指定*/
@media screen and (min-width: 1301px) {
.section .img_b img {
    width: 100%;
    position: relative;
    top: 60%;
    left: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}
#sec1 .img_b img {top: 50%;}
#sec7 .img_b img {top: 50%;}
#sec8 .img_b img {top: 50%;}

.img_b {
    width: 100%;
    height: 650px;
    overflow: hidden;}
#sec5 .section .img_b {height: 600px;}
.r_block{width:60%;margin:30px auto 15px;}
}

/*SS部分のCSS*/
#c_main{width:85%;margin:auto;}
#c_main .text{
    font-size: 14px;
    text-align: left;
    line-height: 27px;
	letter-spacing: 1px;}
#c_main .img_b {max-height: 500px;overflow: hidden;}
#seen2 .img_b {max-height: 550px;overflow: hidden;}
#seen2 .text_b {top: 10%;}
#seen1 .text_b {top: 0%;}
#seen3 .text_b {
    top: 35%;
    margin-left: 43%;
    width: 60%;}
.pick{color:#219cf3;font-sixe:16px;}
/*ff4646*/


/*画面サイズが1201px以上のときの指定*/
@media screen and (min-width: 1301px) {
#c_main .section .img_b img {top: 40%;}
}
#menu {
  position:fixed;
  top:0;
  left:0;
  z-index:10;
  background-color: rgba(255, 255, 255, 0.82);
  /*background:#000;*/
  width:100%;
  margin:0 auto!important;
  padding:10px;
}
.f-menu {
  list-style:none;
  display: flex;
  margin:0 auto;
  padding:10px;
  font-size: 14px;
  width:900px;
}
.f-menu li { margin: 0 0.7%; width:25%;  z-index:9999;}
.f-menu li a {
  background:#605f5f;
  display:block;
  padding:10px 10px;
  color: #fff;
  text-decoration:none;
  border-radius: 4px;
}

/*画面サイズが1201px以上のときの指定*/
@media screen and (max-width: 850px) {
.nav{
	display:none;}}



/*.ie .swiper-container{display:none;}*/
.ie .swiper-slide{width:50%;float:left;}
.ie .swiper-container {
    width: 100%;
    margin: 10px auto;
	max-height:none;}
.ie .swiper-button-next {display:none;}
.ie .swiper-button-prev {display:none;}
.ie .disp {display:none;}


.recommendreading {
    zoom: 100%;
    margin: 0;
    padding: 0;
}
.recommendblock {
    padding:0;
    margin:0 0 20px 0;
    width: 33%;
    float: left;
}
.recommendtext{
    font-size:12px!important;
    padding:5px;
    text-align:left;
    width:270px;
    height: 50px;
    margin:5px auto;
}

hr.break {
    display: block;
    width: 90%;
    border-color: #555;
    margin: 60px auto;
}
.listar { padding:50px 20px; margin-top:-100px; padding-top:100px;}


#newco p.icon_pr_p {
    position: relative;
    width: 392px;
}
#newco img.icon_pr_r {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
}

#listco p.icon_pr_p {
    position: relative;
    width: 278px;
    margin:0 auto;
}
#listco img.icon_pr_r {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
}
#topicsco p.icon_pr_p {
    position: relative;
    width: 206px;
    margin:0 auto;
}
#topicsco img.icon_pr_r {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
}