@charset "UTF-8";
/* 以下リセット */
html {
  font-size: 62.5%;
  font-family: "Hiragino Kaku Gothic Pro", "MS　Pゴシック", "Osaka‐等幅", sans-serif;
  overflow-y: scroll;
  color: #333;
}

body {
  background-color: #ffffff;
  background-image: url(../images/colabo_back_red.gif);
  background-repeat: repeat;
  -webkit-text-size-adjust: 100%;
}

* {
  margin: 0;
  padding: 0;
  line-height: 1;
}

img, iframe {
  vertical-align: bottom;
  border: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

ul li {
  list-style: none;
}

a {
  text-decoration: none;
}

/* リセットここまで */
div.h1_area {
  background-color: #0037B2;
}

div.h1_area h1 {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1;
  color: white;
  padding: 4px;
  text-align: right;
}

div.inner_contents {
  background-image: url(../images/colabo_back_white.gif);
  background-repeat: repeat;
  padding: 15px;
}

div.inner_contents div.h2_headline {
  background-image: url(../images/haedline_back.gif);
}

div.inner_contents h2 {
  background-image: url(../images/headline_catch.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-position-x: 9px;
  font-size: 2.5rem;
  color: white;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 0;
  padding: 15px 9px;
  padding-left: 65px;
}

div.inner_contents h2 span {
  font-weight: normal;
  font-size: 0.7em;
  margin-left: 0.5em;
}

div.inner_contents h3 {
  background-image: url(../images/donburi_icon.png);
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 1.9rem;
  font-weight: bold;
  padding-left: 45px;
  margin: 15px 0 15px;
  text-align: left;
  min-height: 21px;
}

div.inner_contents h3 span {
  color: #FF3100;
  margin-right: 0.5em;
}

div.inner_contents p {
  font-size: 1.8rem;
  line-height: 1.8;
}

div.inner_contents p.movie_caption {
  font-size: 1.5rem;
  line-height: 1.2;
}

footer {
  background-color: #0037B2;
}

footer p.copy {
  color: white;
  text-align: right;
  font-size: 1.2rem;
}

footer ul {
  margin-top: 25px;
  margin-bottom: 30px;
  margin-left: 18px;
}

footer ul li {
  display: inline-block;
  border-left: 1px solid white;
  line-height: 1.5;
  padding: 0 0.5em;
  font-size: 1rem;
}

footer ul li:last-child {
  border-right: 1px solid white;
}

footer img {
  margin-bottom: 16px;
}

div.sns_link {
  background-image: url(../images/blue_back.gif);
  overflow: hidden;
  padding-top: 25px;
}

ul.sns li {
  color: white;
  border: none;
  font-weight: bold;
  font-size: 1.5rem;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 47px;
  padding-left: 60px;
  line-height: 1;
  min-height: 47px;
  width: 100%;
  display: block;
  margin-bottom: 25px;
}

ul.sns li li a {
  min-height: 47px;
  width: 100%;
  display: block;
}

ul.sns li span {
  font-size: 0.7em;
  font-weight: normal;
  line-height: 1;
}

ul.sns li.yt {
  background-image: url(../images/youtube_icon_114.png);
}

ul.sns li.blg {
  background-image: url(../images/blog_icon_114.png);
}

ul.sns li.twt {
  background-image: url(../images/twitter_icon_114.png);
}

ul.sns li.inst {
  background-image: url(../images/instagram_icon_114.png);
}

ul.sns li.fcb {
  background-image: url(../images/facebook_icon_114.png);
}

dl dt {
  background-image: url(../images/youtube_icon_114.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 47px;
  padding-left: 60px;
  line-height: 50px;
}

dl dd {
  padding-left: 60px;
}

a:link, a:visited, a:hover {
  color: white;
}

/*
iframe {
	display: none;
}
*/
.flex {
  display: flex;
  flex-wrap: wrap;
}