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

.content h1.title_img {
	background-image:url(../image/natsumaff_ttl.png); 
        background-repeat:  no-repeat;           
        width:100%;
	height:auto;
	margin-bottom: 0;
	padding: 0;
}

.content h1.title_img img{
	text-align: center;
	width: 640px;
	display: flex;
	margin: 0 auto;
}

.youtube iframe{
  width: 100%;
}
.content h2.lead{
	color: #ffffff;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	width: 100%;
	padding: 20px 0;
	margin-top: 0px;
	vertical-align: middle;
	background: #000000;
}
.content h2.buzz{
	color: #ffffff;
	font-size: 1.4em;
	font-weight: bold;
	width: 100%;
	background: #000000;
}
.content h2.image{
        background-color: #ffffff;
        margin: 0 auto;
}
.content h2.image img{
	width: 80%;
        max-width: 640px;
	display: flex;
	margin: 0 auto;
}
.content p.catch{
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.content span.yellow{
	color: #fff100;
}
.content span.red{
	color: #e70012;
}
.content p.lead{
	font-size: 1.2em;
	margin:  30px 0 20px 0;
	padding: 20px;
	vertical-align: middle;
}
.content p.about{
	width: 48%;
	padding-right: 20px;
	vertical-align: middle;
	display: inline-block;
}
.content p.mini{
	width: 48%;
	vertical-align: middle;
	display: inline-block;
}
.content p.mini img{
	width: 90%;
	vertical-align: middle;
}
.content .linkbnr a[href^="http://"],.linkbnr a[href^="https://"],.linkbnr640 a[href^="http://"],.linkbnr640 a[href^="https://"]{
	background-image:none;
	background-size: 0;
	background-position: right 0;
	margin: 0;
	padding: 0;
}
.content .linkbnr img{
	width:100%;
}
.content .linkbnr640 {
	margin: 0;
	padding: 0;
	text-align: right;
}
.content .linkbnr640 img{
	max-width: 480px;
	width:100%;
	text-align: right;
}
.content p.cap{
	font-size: .5em;
	text-align: right;
}
.menuContainer{
	/*display: flex;*/
	display: inline-block;
}
.channel{	
	width:48%;
	padding: 6px;
	display:inline-block;
    	vertical-align: top;
	font-size: 1em;
}
.channel img{
	width: 100%;
	margin: auto;
}
.channel img.list{
	width: 12px;
	margin: 0 6px 0 0;
}
.channel a:hover{
	opacity:.7;
}
.channel a[href^="http://"],.channel a[href^="https://"],.channel a[href^="http://"],.channel a[href^="https://"]{
	background-image:none;
	background-size: 0;
	background-position: right 0;
	margin: 0;
	padding: 0;
}
.channel h3{
	color: #ffffff;
	background-color:#000000;
	padding: 6px;
	border-bottom: none;
	width: 100%;
	margin: 0 0 10px ;
	font-size: 1em;
	text-align: center;
}
.channel h3 span.small{
	font-size: .8em;
	font-weight: normal;
}
.channel p{
	font-size: 1em;
	margin: 10px 6px;
	padding: 0px;
}
.channel span.cap{
	font-size: .6em;
	padding: 0;
}
.channel .comingsoon{
	 position: relative;
}
.channel .cover {
    position: absolute;
	top: 0;
	left: 0;
}

.content .copy img {
	margin: 12px 0 0 auto;
	max-width: 256px;
	width: 30%;
	display: flex;
}

.clear{
	clear: both;
}

/* 700px以下用（スマートフォン用）の記述 */
@media (max-width:700px) {

.content h1.title_img {
	background-image:url(../image/natsumaff_ttl400.png); 
    	background-repeat:  no-repeat;           
    	width:100%; 
	height:auto;
	margin-bottom: 0;
}
.content h1.title_img img{
	text-align: center;
	width: 100%;
	display: flex;
	margin: 0 auto;
}
.content p.about{
	width: 100%;
}
.content p.mini{
	width: 90%;
}
.content p.lead{
	font-size: 1.2em;
	margin:  30px 0 20px 0;
	padding: 20px;
	width: 100%;
	display: flex;
}
/* channel内 */
.menuContainer{
	display: inline-block;
}
.channel{	
	width:98%;
	padding: 0;
	margin-right: 1%;
	display:inline-block;
	font-size: 1em;
}
.channel img{
	width: 100%;
}
.channel a[href^="http://"],.channel a[href^="https://"]{
	background-image:none;
	background-size: 0;
	background-position: right 0;
	margin: 0;
	padding: 0;
}
/* テキストには別窓表示する
	.channel .txt a[href^="http://"],.channel .tt a[href^="https://"]{
	background-image: url(/j/shared_new/shared/images/icon_wo2.png);
    background-repeat: no-repeat;
    background-position: right 40%;
    margin: 0 4px 0 0;
    padding: 0 20px 0 0;
}
*/
.channel .txt{
	width: 100%;
	padding: 0;
	display: inline-block;
	vertical-align: top;
}
.channel h3{
	color: #ffffff;
	background-color:#000000;
	padding: 6px;
	border-bottom: none;
	width: 100%;
	margin: 0 ;
	text-align: center;
}
.channel p{
	font-size: 1em;
	margin: 0;
	padding: .3em .6em .8em;
}
}