@media screen and (max-width: 1800px) {
	.inside {
		width: 1360px;
	}
	
	.leading .item.big .cover {
		padding-top: 280px;
		width: 100%;
	}
 
	.bloglist .item img {
		max-width: 100%;
	}

	.bloglist .item .desc .date {
		font-size: 50px;
	}
	.bloglist .item .desc .title {
		font-size: 22px;
	}
    .leading .item.huge {
        width: calc(100% - 452px);
    }
	.leading .item.small .desc .date {
		font-size: 50px;
	}
	.leading .item.big .desc .date {
		font-size: 50px;
	}

	.main .caption .line-2 {
		font-size: 100px;
	}
	.main .caption .line-3 {
	    font-size: 50px;
	}

	.more a {
		font-size: 18px;
	}

	.detail .left-content {
		max-width: 70%
	}

	.more a {
		line-height: 1
	}
	.more a:after {
		background-size: 14px;
		top: 5px;
	}
	.more {
		padding-right: 30px;
		line-height: 1
	}
	.detail .left-content .images > div {
		max-width: 49.5%
	}
	.detail .left-content .images img {
		max-width: 100%;
	}
}

@media screen and (max-width: 1380px) {
	.inside {
		width: 940px;
	}
	.header img.logo {
		width: 260px;
	}
	.main .caption .line-1 {
	    font-size: 20px;
	}
	.main .caption .line-3 {
	    font-size: 40px;
	}
	.main .caption .line-1 span,
	.main .caption .line-2 span {
	    width: 214px;
	}
	.leading .item.big .cover {
		width: auto;
	}
	.leading .item.big img {
		width: auto;
		max-width: 100%
	}
	.bloglist .item .desc .date {
	    font-size: 30px;
	}


	.footer .center .socials li {
	    margin: 0 4px;
	}
	.footer .top .logos img {
		max-width: 160px;
	}

	.footer .top .logo img {
		width: 260px;
	}
	.footer .left {
		font-size: 14px;
	}

	.bloglist .item .desc .description .more {
		bottom: -30px;
	}
	.more {
		padding-right: 30px;
	}
	.more a:after {
		top: 4px;
		background-size: 14px;
	}

	.leading .item.small {
		margin-bottom: 40px;
	}

	.header span {
		margin-top: 10px;
	}
	.detail .left-content {
		max-width: 70%;
		padding-right: 12px;
		box-sizing: border-box;
	}
	.detail .right-sidebar .image img {
		max-width: 100%;
	}
	.detail .right-sidebar {
		max-width: 28%;
	}
	.detail .left-content h2, .detail .left-content h3 {
		font-size: 32px;
	}
    .detail iframe {
        height: 480px !important;
    }
    .leading .item.huge {
        width: calc(100% - 310px);
    }
    .leading .item.small .desc .title {
        font-size: 20px;
    }
}
@media screen and (min-width: 960px) {{}
    .leading .item.small.hidden {
        display: none;
    }
}
@media screen and (max-width: 960px) {
	.bloglist .item {
	    max-width: 49%;
	    margin-bottom: 40px;
	}
	.main .caption .line-3 {
	    font-size: 24px;
	}
	.main .caption .line-2 {
	    font-size: 70px;

	}
	.main .caption .line-1 {
	    font-size: 14px;
	}
	.main .caption .line-1 span, .main .caption .line-2 span {
	    width: 214px;
	}

	.detail .left-content h2, .detail .left-content h3 {
		font-size: 26px;
	}
    .leading .item.huge {
        width: 100%;
    }
    .leading .item.big {
        display: none;
    }
    .leading .item.small, .bloglist .item {
        max-width: 49%;
    }
}
@media screen and (max-width: 860px) {
    .detail .left-content img {
      max-width: 100%;
    }
    
    
}
@media screen and (max-width: 580px) {
	
    .leading .item.small,
    .bloglist .item {
	    max-width: 100%;
	}
    
    .leading .inside > .flex,
    .bloglist .inside > .flex {
        justify-content: center;
    }
	.leading .item.big.pc {
		display: none;
	}
	.leading .item.small.mobile img {
		max-width: 100%;
	}
	.leading .item.small.mobile {
		display: block;
	}

	.leading .item .desc .date {
		font-size: 24px !important;
		margin-bottom: 10px !important;
	}
	.leading .item .desc .title {
		font-size: 20px !important;
		margin-bottom: 10px !important;
	}
	.leading .item.small .desc .description .more {
		bottom: -20px;
	}

	.leading .item.small,
	.bloglist .item {
		margin-bottom: 66px;
	}
	.detail .right-sidebar {
		order: 2;    width: 100%; max-width: initial;
	}
	.detail .left-content {
		width: 100%;
		border: none;
		max-width: 100%;
		padding: 0
	}
	.detail .right-sidebar .top-port {
		width: 46%;
	}
	.detail .right-sidebar {
	  display: -webkit-box;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  flex-wrap: wrap;
	  align-items: flex-start;
	  justify-content: space-between;
	}
	.detail .desc .button a {
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}
	.detail .desc {
		max-width: 52%
	}
	.detail iframe {
        height: 380px !important;
    }
	

}

@media screen and (max-width: 520px) {
	.bloglist .item {
	    max-width: 100%;
	}
	.leading .item.big.pc {
		display: none;
	}
	.leading .item.small.mobile {
		display: block;
	}
	.footer .center {
		width: 100%;
		margin-top: 30px;
		order: 3;
	}
	.leading .item.small img {
		max-width: 100%;
	}
	.main .cont-line {
		max-width: 100%;
		font-size: 16px;
	}
	.main .caption .line-3 {
	    font-size: 20px;
	}
	.leading .item.big .cover {
	    padding-top: 60px;
	}
	.leading .item.big .desc .title {
	    font-size: 20px;
	    margin-bottom: 8px;
	}
	.leading .item.big .desc .description {
		font-size: 14px;
	}
	.leading .item.big .desc .date {
	    font-size: 30px;
	}
	.main .caption .line-2 {
	    font-size: 50px;
	}
	.leading .item.small .desc .title {
	    font-size: 24px;
	}
	.detail .left-content h2, .detail .left-content h3 {
	    font-size: 20px;
	}

	.footer .copy {
		text-align: center;
		width: 100%;
		margin-top: 30px;
	}
	.footer .bottom .navigation li {
		width: 100%;
		text-align: center;
	}
    .detail iframe {
        height: 260px !important;
    }
    .leading .item .img.default a,
    .bloglist .item .img.default a {
        height: 200px;
    }
    .leading .item.huge {
        height: auto;
        display: none;
    }
	.show-mobile {
		display: block
	}
	
	.show-pc {
		display: none
	}
}
@media screen and (max-width: 480px) {
	.detail .right-sidebar  {
		justify-content: center;
	}
	.detail .right-sidebar .top-port,
	.detail .desc {
		max-width: 100%;
		width: 100%;
	}
	.detail .left-content p a {
		word-wrap: break-word;
	}
}