@charset "UTF-8";

/*--------------------------------------------------------
解像度1200px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 1200px){

	.site-header-in,
	.global-nav-in,
	.all-body-in,
	.site-footer-in{
		width: 96%;
		margin: auto;
	}

	.main-image-in,
	.main-image-in-text,
	.main-image-in-text .main-image-in-text-cont,
	.main-image-in-text.wide .main-image-in-text-cont{
		width: 100%;
	}
	
	.col1 .section-border,
	.col1 .breadcrumbs,
	.col1 .section-border.wide .section-bor-lab,
	.col1.section-border.wide{
		width: auto;
	}

	.col1 .breadcrumbs-in,
	.col1 .float-area{
		width: 96%;
		margin-right: auto;
		margin-left: auto;
	}
	
	/*吹き出し*/
	.bubble{
		width: 70%;
	}
	
	.talker{
		width: 25%;
	}
	
	.bubble .bubble-in:after,
	.bubble .bubble-in:before{
		top: 30px;
	}
	
	.together .bubble,
	.together .talker{
		width: 100%;
	}
	
	.together .talker b{
		max-width: 25%;
	}
}/*解像度1200px以下*/



/*--------------------------------------------------------
解像度737px以上950px以下
--------------------------------------------------------*/
@media (min-width: 740px) and (max-width: 950px){

	/*ランキング*/
	.col2 .sub-conts .ranking-list03 .rank-thumb,
	.col2r .sub-conts .ranking-list03 .rank-thumb,
	.col2 .comparative-list01 .rank-thumb,
	.col2 .comparative-list02 .rank-thumb,
	.col2r .comparative-list01 .rank-thumb,
	.col2r .comparative-list02 .rank-thumb{
		float: none;
	}
	
	.col2 .comparative-list01 .rank-thumb,
	.col2 .comparative-list02 .rank-thumb,
	.col2r .comparative-list01 .rank-thumb,
	.col2r .comparative-list02 .rank-thumb{
		display: inline-block;
	}

	.col1 .ranking-list04 li,
	.col1 .ranking-list05 li,
	.col1 .post-list01 li,
	.col1 .post-list02 li{
		display: block;
		margin-right: auto;
		margin-left: auto;
	}

	.col1 .ranking-list04 .rank-box,
	.col1 .ranking-list05 .rank-box,
	.col1 .post-list01 .post-box,
	.col1 .post-list02 .post-box{
		width: 320px;
	}

	.col1 .banner-list li{
		display: list-item;
		margin-left: 0;
	}


}/*解像度740px以上950px以下*/

/*--------------------------------------------------------
解像度740px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 740px){

	html,
	body,
	.containr{
		min-width: 0;
	}

	html{
		overflow-x: hidden;
		overflow-y: scroll;
	}

	html,body{
		width: 100%;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}

	textarea,input{
		max-width: 95%;
	}
	
	input[type="submit"],input[type="image"],
	input[type="reset"],input[type="button"],
	input[type="file"]{
		max-width: none;
	}
	
	blockquote{
		position: relative;
		margin: 2em 0;
		/*padding: 50px 20px 10px;*/
		background: #eee;
                border-radius:10px;
	}

	.site-header-in,
	.global-nav-in,
	.all-body-in,
	.site-footer-in{
		width: 100%;
	}
	ul, ol {
    padding-left: 5%;
}
	
	
	.col2 .top-conts,
	.col2r .top-conts{
		float: none;
width: 98%;
margin: 0 auto;
		padding: 0;
	}

	.col2 .sub-conts,
	.col2r .sub-conts{
		float: none;
		width: 98%;
		margin: 10px auto;
		padding: 0;
	}
	
	/*ヘッダー*/
	.site-header-conts,
	.site-title,
	.header-box{
		display: block;
	}
	
	.header-box{
		margin-top: 15px;
	}
	
	
	.no-gn .site-header-conts{
		padding-top: 0;
	}
	
	.site-header-conts{
		/*padding-bottom: 10px;*/
	}
	
	.site-title{
	/*padding: 15px 15px 0;*/
		font-size: 1.4em;
	}

	.normal-screen .site-title{
		font-size: 2em;
	}

	.normal-screen .lp-catch{
		padding: 15px 15px 0;
		font-size: 1em;
	}

	.header-box{
		margin-left: 0;
		text-align: center;
	}
	
	.site-header-in{
		position: relative;
		/*padding-bottom: 1em;*/
		margin-top:40px;
	}

	
	/*グローバルナビ*/
	.global-nav{
		top: 0;
		width: 100%;
		margin: 0;
		border: 0;
		position: fixed;
		z-index: 200;
	}
	.global-nav li ul li a {
      display: block;
	}
	.global-nav ul{
		display: none;
		position: absolute;
		top: 50px;
		left: 10px;
		z-index: 50;
		width: 80%;
		border: 2px solid #000;
	/*	background: rgb(249, 148, 117);*/

	}
	
	.global-nav-panel{
		display: block;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 10px;
		color: #fff;
		cursor: pointer;
		background: url(images/icon/menu-hukusi.png)no-repeat right;
	}

	.global-nav-in li{
		display: list-item;
		width: auto;
		border-right: 0;
		text-align: left;
		background: #fff;
	}

	.global-nav-in li ul{
		position: static;
		width: auto;
		margin-left: 1em;
	}
	
	.global-nav-in li ul li{
		width: 98%;
		border-bottom: 0;
		margin:10px 0;
	}
	
	.global-nav-in li a,
	.global-nav li ul li a{
        padding-left: 2em;
		border: 1px solid #fff;
		margin: 1px 0;
	}

		/*Retina（高解像度）ディスプレイ用*/
		@media screen and (-webkit-min-device-pixel-ratio:2),
		(min-resolution: 2dppx){

			.global-nav-in li a,
			.global-nav li ul li a{
				background: url( ) right center no-repeat;
				-webkit-background-size: 27px 18px;
				background-size: 27px 18px;
			}
		}

	/*--------------------------------------------------------
	メインビジュアル
	--------------------------------------------------------*/

	.main-image-in-text-cont{
		padding: 1em;
	}
	
	.main-copy{
		margin-bottom: 10px;
		font-size: 2em;
		text-align: center;
	}

	.sub-copy{
		font-size: 1em;
	}

	.section-border,
	.col1 .section-border .wide{
		padding: 0;
		border: 0;
	}
	
	.col1 .section-border{
		padding: 0;
	}
	
	.section-border .section-bor-lab,
	.col1.section-border .wide .section-bor-lab,
	.float-area,
	.col1 .float-area{
		padding: 15px 0;
	}

	.col1 .sub-conts .section-border .section-bor-lab{
		padding: 0 20px 30px;
	}

	.section-border .section-bor-lab .section-title,
	.section-border .article-header .section-title{
		padding-left: 10px;
		font-size: 1.75em;
	}

	.sub-conts .section-border .section-bor-lab .section-title,
	.col1 .sub-conts .section-border .section-bor-lab .section-title,
	.col1 .sub-conts .section-border .article-header .section-title{
		margin: 0 -20px 30px;
		padding: 10px 18px;
	}
	
	.sub-conts .section-border .article-header .section-title{
		padding: 10px 18px;
	}

	.all-body h2,
	.all-body h3,
	.all-body h4,
	.all-body h5,
	.all-body h6{
		margin: 35px 0 20px;
	}
	

	.all-body h1,
	.all-body h2{
		font-size: 1.5em;
	}
	
	/*パンくずリスト*/
	.breadcrumbs-in{
		/*margin-bottom: 1em;*/
		/*padding: 0 1em;*/
	}

	.breadcrumbs-in li:last-child{
		display: none;
	}

	.col1 .breadcrumbs-in{
		width: auto;
	}

	/*フッターナビ*/
	.site-footer-nav{
		display: block;
		text-align: center;
	}

	.site-footer-nav li,
	.site-footer-nav li:first-child{
		display: list-item;
		margin-left: 20px;
	}

	/*コピーライト*/
	.copyright{
		padding: 15px;
		text-align: left;
	}

	.page-top img{
		width: 40px;
	}

	/*最新情報*/
	.news .news-thumb{
		float: none;
		text-align: center;
	}

	.all-body .news-title{
		font-size: 1.25em;
	}

	/*テーブル（左端がth、右側がtdの場合にスマホ表示で立て並びに変化）*/
	.table-block,
	.table-block thead,
	.table-block tbody,
	.table-block tfoot,
	.table-block tr,
	.table-block th,
	.table-block td{
		display: block;
	}
	
	.table-block{
		border-bottom: 1px solid #959595;
	}
	
	.table-block th,
	.table-block td{
		float: left;
		width: 100%!important;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.table-block:after{
		content : '';
		display : block;
		clear : both;
		height:0;
	}
	
	.table-scroll:before{
		content: "※はみ出ている場合、横にスクロールできます。"
	}

	/*バナーエリア*/
	.banner-list li{
		text-align: center;
	}
	
	.banner-list li,
	.col1 .banner-list li,
	.top-conts .banner-list li{
		display: list-item;
		margin-left: 0;
	}

	/*ボタン*/
	.btn-area{
		text-align: center;
	}

	.btn{
		float: none;
		margin-right: 0;
		margin-left: 0;
	}

	.btn-green,
	.btn-blue,
	.btn-orange,
	.btn-red{
		padding: 25px;
	}

	.btn-form01{
		padding: 25px 40px;
	}

	.btn-form02{
		padding: 25px 20px;
	}

	/*ソーシャルボタン*/
	.sns-list li{
		margin-right: 1em;
		margin-left: 0;
	}

	/*登場人物紹介２*/
	.col1 .cast-box02 .cast{
		min-height: 0;
		padding-top: 210px;
	}

	.col1 .cast-box02 .cast-name,
	.col1 .cast-box02 .cast-profile{
		padding-left: 0;
	}

	.col1 .cast-box02 .cast .cast-headshot{
		width: 100%;
	}

	/*ランキング*/
	.rank-thumb{
		float: none;
	}
	
	.sub-conts .ranking-list03 .rank-thumb,
	.col2 .sub-conts .ranking-list03 .rank-thumb,
	.col2r .sub-conts .ranking-list03 .rank-thumb{
		float: left;
	}

	.col1 .ranking-list04 li,
	.col1 .ranking-list05 li,
	.col1 .post-list01 li,
	.col1 .post-list02 li{
		display: block;
		margin-right: auto;
		margin-left: auto;
	}

	.col2 .link-menu-image-thumb,
	.col2r .link-menu-image-thumb{
		float: left;
	}

	.comparative-list01 .rank-thumb,
	.comparative-list02 .rank-thumb{
		display: inline-block;
		float: none;
	}

	.ranking-list04 .rank-box,
	.ranking-list05 .rank-box,
	.post-list01 .post-box,
	.post-list02 .post-box{
		width: 320px;
	}
	
	/*関連記事*/
	.related-articles-thumbs02 li{
		float: none;
		width: auto;
		margin-left: 0;
	}
	
	.eye-catch{
		float: none;
		margin: 0 0 1em;
		text-align: center;
	}
.fotr{
    width:100%;
    text-align: center;
}
	.zentai {
    margin: 0 auto;
    justify-content: space-between;
    display: inline-block;
}

	.mov-receive a{
		font-size:14px;
	}
	.bg01 {
/*        display:none; */
		min-height: 26vh;
         }
	
/*ソーシャルボタン*/	
	.widget_categories ul {
        margin-left: 0;
        padding-left: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
}

  .widget_categories li{
        list-style: none;
        margin-bottom: 1em;
        border: 1px solid #000;
        text-align: center;
        line-height: 40px;
        border-radius: 20px;
        width: 46%;
	    font-size:13px;
         }

	
	.aico{
text-align: center;
width: 100%;}

.aico-txet{
text-align: center;
width:100%;
}


}/*解像度740px以下*/

/*--------------------------------------------------------
解像度480px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 480px){

	/*段組*/
	.col4-wrap,
	.col3-wrap,
	.col2-wrap{
		margin: 0 0 1em;
	}

	.col4-wrap .col,
	.col4-wrap .col_2of4,
	.col4-wrap .col_3of4,
	.col3-wrap .col,
	.col3-wrap .col_2of3,
	.col2-wrap .col{
		float: none;
		margin-left: 0;
	}

	.col4-wrap .col,
	.col4-wrap .col_2of4,
	.col4-wrap .col_3of4,
	.col3-wrap .col,
	.col3-wrap .col_2of3,
	.col2-wrap .col{
		width: auto;
	}

	.left,
	.right{
		float: none;
		margin-right: 0;
		margin-left: 0;
		text-align: center;
	}

	.alignleft,
	.alignright{
		float: none;
		margin-right: 0;
		margin-left: 0;
		text-align: center;
	}

	.ranking-list04 .rank-box,
	.ranking-list05 .rank-box,
	.post-list01 .post-box,
	.post-list02 .post-box,
	.col1 .ranking-list05 .rank-box,
	.col1 .post-list02 .post-box{
		width: 100%;
	} 
	
	.link-q{
	padding-left:10%;
	margin:1% 0;
}


.link-a{
	padding-left:10%;
}


}/*解像度480px以下*/

/* ----------------------------------------------------
 SNSボタン
-----------------------------------------------------*/
.sns-wrap {
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1%;
}
 
.sns {
    margin: 0 auto;
    list-style: none;
}
 
.sns a {
    text-decoration: none;
    font-size: 15px;
}
 
.sns {
    text-align: center;
}
 
.sns li {
    float: left;
    width: 24.0%;
    margin: 0 .5% 2%;
}
 
.sns a {
    position: relative;
    display: block;
    padding: 10px 5px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
}
 
.sns span,
.sns .fa {
    margin-right: .4em;
    color: #fff;
}
 
.sns li a:hover {
    -webkit-transform: translate3d(0px,5px,1px);
    -moz-transform: translate3d(0px,5px,1px);
    transform: translate3d(0px,5px,1px);
    box-shadow: none;
}
 
.sns .twitter a {
    background: #55acee;
    box-shadow: 0 5px 0 #0092ca;
}
 
.sns .facebook a {
    background: #315096;
    box-shadow: 0 5px 0 #2c4373;
}
 
.sns .googleplus a {
    background: #dd4b39;
    box-shadow: 0 5px 0 #ad3a2d;
}
 
.sns .hatebu a {
    background: #008fde;
    box-shadow: 0 5px 0 #016DA9;
}
 
 
@media only screen and ( max-width: 736px ) {
    .sns li {
        width: 49.0%;
        margin: 0 .5% 4%;
    }
    
    .sns a {
        font-size: 13px;
        padding: 6px 3px;
    }

.fot-blsub{
display:block !important ;
}
	
	.category-item{
padding: 0;
}

}

/*---------------------------------------------------------------------
	generated by  Template Maker Ver.7.0 on 2016-01-07 09:29:16
----------------------------------------------------------------------*/

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

	.home .top-conts .section-border .section-bor-lab {
		padding: 0;
	}


	.home .top-conts .section-border .section-bor-lab .article-body .section-title {
		display: contents;
	}

	.category-border {
		width: 100%;
	}

	.category-border .category-items {
		flex-direction: column;
    	padding: 0 3%;
	}
		
	.category-border .category-items .category-item {
		flex-direction: row;
		padding: 0 10px;
		width: 100%;
	}
	
	.category-border .category-items .category-item+.category-item {
		border-top: 1px solid lightgray;
		border-left: 0;
	}

	.category-border .category-items .category-item .thumbnail {
		height: 100%;
		width: 30%;
		max-width: 175px;
		min-width: 120px;
	}
}