@charset "utf-8";
span.bl{display:block;}

.T120{ margin-top:120px; }

p.cnt{text-align:center;}

.heading{ text-align:center; margin:24px auto 24px;}
.heading h2 { font-size:2em;
  display: flex;
  justify-content: center;
  align-items: center;
}

.heading h2::before,
.heading h2::after {
  content: "";
  flex-grow: 1;
  height:10px;
  background-image: repeating-linear-gradient(-45deg, #777 0, #777 1px, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%);
  background-size: 7px 7px;
}

.heading h2::before {
  margin-right:12px;
}

.heading h2::after {
  margin-left:12px;
}

/*リンク*/
p.links{margin:20px 0;}
p.links a{background-color:#E3CD93; color:#333333; border-radius:20px; -webkit-border-radius: 20px; -moz-border-radius:20px; padding:4px 20px;}
p.links a:hover{text-decoration:none; background-color:#D8C072;}



#movieContents{margin:0 auto; text-align:center;}
#movieContents div.movie{ display:inline-block; width:490px; margin:15px 18px 30px; padding:12px; border:solid #CCCCCC 1px; vertical-align:top;}
#movieContents div.movie p{font-weight:bold; color:#990000;}
#movieContents div.movie h3{ background:none; margin:0 auto; color:#333333; text-align:center; font-weight:bold; line-height:2; font-size:1.2em;}
#movieContents div.movie h3:before{background:none;}

/**毎日放送取材**/
div#syuzai{margin:12px auto 80px; padding:0; justify-content:center; display:flex;}
div#syuzai:after{content:""; display:block; clear:both;}
div#syuzai div.movie{width:420px; margin:0 0 30px; padding:12px; border:solid #CCCCCC 1px;}
div#syuzai .txt{padding-left:12px;}

ul.syuzailist{list-style:none; margin:0 0 30px;}
ul.syuzailist li{margin:8px 20px 12px 0;}
ul.syuzailist a{ display:block; position: relative; vertical-align: middle; background-color:#E3CD93; color:#333333; border-radius:20px; -webkit-border-radius: 20px; -moz-border-radius:20px; padding:6px 20px 6px 26px;}
ul.syuzailist a:hover{text-decoration:none; background-color:#D8C072;}
ul.syuzailist a::before{position: absolute; vertical-align: middle; margin: auto; top: 0; bottom: 0; content: "";
	left:12px;
	box-sizing: border-box;
	width:5px;
	height:5px;
	border:5px solid transparent;
	border-left:5px solid #663300;
}



ul#Menu a.media{background-position:left bottom;}

/*SNS*/
div.sns_frame{margin:0 auto; text-align:center; vertical-align:top;}
div.sns_cont{ display:inline-block; width:490px; margin:15px 18px 30px;}

/*過去のCM*/
ul.tlist{margin:0 auto 60px; padding:0; width:1100px;}
ul.tlist li{display:inline-block; margin:12px 4px; text-align:center;}
ul.tlist li a{display:block; width:230px; padding:14px 10px; color:#333333; background-color:#FBE4AA; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px;}
ul.tlist li a:hover{background-color:#F0D78A; text-decoration:none;}
ul.tlist li.small{font-size:0.9em;}


/*出版物*/
#inf03{margin:12px auto;	width:846px; line-height:1.6em;}
#inf03 h4{ padding:0;}
#inf03 dl{border-bottom:1px solid #CCCCCC; padding:20px 0;}
#inf03 dl:after{float:none; clear:both; display:block; content:"";}
#inf03 dl dt{width:120px; float:left;}
#inf03 dl dd{margin-left:120px;}
#inf03 dl dd ul{list-style:none;}

@media screen and (max-width:1210px) {
#movieContents{margin:0 auto; text-align:center; width:auto;}
#movieContents div.movie{ margin:12px 12px 50px; width:43%; padding:4px 12px 12px;}
#movieContents div.movie p{font-weight:bold; color:#990000;}

div.sns_cont{width:45%;}

ul.tlist{width:auto; text-align:center;}
}


@media screen and (max-width:1080px) {
}

@media screen and (max-width:900px) {
#inf03{width:auto;}
}

@media screen and (max-width:890px) {
}

@media screen and (max-width:820px) {
#movieContents div.movie{width:90%; display:block; margin:20px auto;}

div.sns_cont{width:80%;}

span.bl{display:inline;}


div#syuzai{margin:12px auto; display:block;}
div#syuzai div.movie{width:90%; display:block; margin:20px auto; float:none;}
div#syuzai .txt{width:90%; margin:0 auto; padding:0; display:block;}
ul.syuzailist{}
ul.syuzailist li{margin:20px 0;}
}

@media screen and (max-width:560px) {
h1 span{display:block;}
ul.tlist{width:auto; text-align:center;}
ul.tlist li{ width:80%; margin:12px auto 20px; padding:0;}
ul.tlist li a{width:100%; padding:14px 0;}

div.sns_cont{ display:block; width:auto; margin:15px 18px 30px;}
}


@media screen and (max-width:360px) {
h1{font-size:1.2em;}
}

@media screen and (max-width:340px) {
div#SecondContents h1{font-size:1.4em;}
div#SecondContents h1 span{display:block;}
}