@charset "UTF-8";
/* 
リセット
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* 
リセット終わり
*/

/* 
初期設定
*/
body {
	font-size: 1em;
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-feature-settings: "palt";
    letter-spacing: 0.05em;
}

.wrapper {
	width: 100%;
	margin: 0 auto;
	
}
.container {
	margin: 1em 0 0;
}
/* 
初期設定終わり
*/

/* 
TOPヘッダー
*/
header {
	max-width: 100%;
	margin: 0 auto;
}
.title {
	text-align: center;
}
.title img {
	width: 80%;
}
.start {
	margin-top: 0.3em;
	font-size: calc(100vw / 32);
	text-align: center;
	font-weight: bold;
	color: #E60012;
}
/* h3.start { 1.2rem; }
@media (max-width: 690px){
    .start {
	font-size: calc(100vw / 16);
	}
    h3.start { 1.5rem; }
} */

.main_visual {
	position:relative;
	height: 550px;
	background: url(../../img/old/poster2018/main_visual.jpg) no-repeat top center;
	background-size: cover;
}
@media (max-width: 900px){
  .main_visual {
    height: 500px;
	background-position: middle;
	background-size: auto 600px;
  }
}
@media (max-width: 690px){
  .main_visual {
    height: 250px;
	background: url(../../img/old/poster2018/main_visual.jpg) no-repeat top -18px center;
	background-position: middle;
	background-size: auto 300px;
  }
}

.sub_visual_pos01, .sub_visual_pos02, .sub_visual_pos002, .sub_visual_pos03, .sub_visual_poshap, .sub_visual_posten {
	position: relative;
	height: 400px;
	background-size: cover;
}

.sub_visual_pos01 {
	background: url(../../img/old/poster2018/main_visual01.jpg) no-repeat top center;
}
.sub_visual_pos02 {
	background: url(../../img/old/poster2018/main_visual02.jpg) no-repeat top center;
}
.sub_visual_pos002 {
	background: url(../../img/old/poster2018/main_visual02a.jpg) no-repeat bottom center;
}
.sub_visual_pos03 {
	background: url(../../img/old/poster2018/main_visual03a.jpg) no-repeat center center;
}
.sub_visual_poshap {
	background: url("../../img/old/poster2018/main_visual_poshap.jpg") no-repeat center center;
}
.sub_visual_posten {
	background: url("../../img/old/poster2018/main_visual_posten.jpg") no-repeat center center;
}

@media (max-width: 900px){
  .sub_visual_pos01, .sub_visual_pos02, .sub_visual_pos002, .sub_visual_poshap, .sub_visual_posten {
    height: 400px;
	background-position: top;
	background-size: auto 600px;
  }
  .sub_visual_pos03 {
    height: 400px;
	background-position: bottom;
	background-size: auto 600px;
  }
}
@media (max-width: 690px){
  .sub_visual_pos01, .sub_visual_pos02, .sub_visual_pos002, .sub_visual_pos03, .sub_visual_poshap, .sub_visual_posten {
    height: 200px;
	background-size: auto 300px;
  }
}

/* 
TOPヘッダー終わり
*/

/* 
トップつくろう
*/
.tsukurou {
	width: 100%;
	position: absolute;
	bottom: 0; left: 0;
}
.tsukurou img {
	width: 75%;
	height: auto;
}
.tsukurou h2 { text-align: center; }
@media (max-width: 900px){
    .tsukurou {
    width: 100%;
    position: absolute;
    bottom: 0; left: 0;
    }
    .tsukurou img {
	width: 90%;
	height: auto;
    }
}
/* 
トップつくろう終わり
*/

/* 
サブページ見出し
*/
.sub_midashi {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin:  10% auto;
	width: 200px;
	height: 40px;
	background-color: rgba(255,204,0,.7);
}
.sub_midashi h2 {
	text-align: center;
	font-size: 2.2em; /*before2.8*/
}
/* 
サブページ見出し終わり
*/

/* 
概要
*/
.gaiyou {
    margin: 0 auto;
    max-width: 1080px;
    padding: 1em 2em 2em;
}
.gaiyou_obi {
	font-size: 1.5em;
	padding: .1em 0;
	color: #FFF;
	background-color: #38A1DB;
	text-align: center;
}
.gaiyou_obi2 {
	font-size: 1.5em;
	padding: .1em 0;
	color: #FFF;
	background-color: #1C8B40;
	text-align: center;
}
.gaiyou_obi3 {
	font-size: 1.5em;
	padding: .1em 0;
	color: #FFF;
	background-color: #EA5504;
	text-align: center;
}
.gaiyou_bottom {
	background-color: #FFF;
	width: 100%;
}
table {
	font-size: 0.9em;
	font-weight: bold;
	width: 80%;
	margin: 0 auto 3em;
	border-spacing: 0.5em;
    }
table, th, td {
	padding: 0.5em;
    }
th {
	width: 180px;
	font-weight: bold;
	background-color: #FFCC00;
	vertical-align: middle;
    }
td { color: #333; }
.gaiyou_middle {
	font-size: 1.2em;
}
.gaiyou_large {
	font-size: 1.8em;
}

.gaiyou_l, .gaiyou_l2, .gaiyou_l3, .gaiyou_r {
	float:left;
}
.gaiyou_l3 {
	margin-top: 1.2em;
	padding-right: 0.7em;
}
.gaiyou_r p { font-size: .85em; }
.clear {
	clear: both;
	padding-top: .5em;
}
.jikan  {
	white-space: nowrap;
	border-spacing: 0;
}
.program_naiyou  {
	border-left: #000 dashed 1px;
}
.sanka {
    font-size: 1.7em;
    color: #fff;
    background-color:#EA5504;
    padding: 0;
    margin: 0;
    width: 60px;
    height: 60px;
    line-height: 23px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
}
.sanka_moji h2 {
	margin-top: 0.2em;
    letter-spacing: 0.05em;
    text-align: center;
}
.oubo {
	width: 465px;
	margin: 2em auto;
	font-weight: bold;
	line-height: 1.25;
	text-indent: -1em;
}
@media (max-width: 690px){
	.oubo {
	width: 84%;
	margin: 2em auto;
	}
}
.oubo_small {
	font-size: 85%;
}
.oubo_ake {
	margin-top: 1em;
}
.button a { width: 80%; padding: 24px 0;}
.button2 a { width: 90%; padding: 54px 0;}
.button3 a { width: 80%; padding: 24px 0;}

.button a, .button2 a, .button3 a {
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #CF000E;
    color: #ffffff;
    display: block;
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    margin: 10px auto;
}
.button a:hover, .button2 a:hover {
  background-color: #E60012;
}
@media (max-width: 690px){
	.gaiyou {
      margin: 0 auto;
      max-width: 1080px;
      padding: 1em 0;
    }
	.gaiyou_obi {
	  font-size: 1.5em;
	  padding: .1em 0;
	  color: #FFF;
	  background-color: #38A1DB;
	  text-align: center;
    }
	table {
	  font-size: 0.8em;
	  width: 100%;
	  border-spacing: 0.5em;
	}
    th {
	  width: 18%;
    }
	table, th, td {
    border-spacing: 0.5em;
    }
}
/* 
概要終わり
*/

/* 
メインコンテンツ
*/
.main {
    padding: 2em 0 7em;
    background: #FFCC00 url(../../img/old/poster2018/footer-bg.png)no-repeat left 2em bottom 0;
    background-size: 40% auto;
}
.main2 {
    padding: 2em 0 0;
    background: #FFCC00;
    background-size: 40% auto;
}
@media (max-width: 900px){
    .main, .main2 {
    background-size: 60% auto;
    }
}
@media (max-width: 690px){
    .main, .main2 {
     background-size: 85% auto;
    }
}

.main_moji {
	max-width: 1100px;
	margin: 0 auto -.5em;
	padding: 0;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.6;
	background: #FFCC00 url(../../img/old/poster2018/main_bg.png) no-repeat top center;
	background-size: 110% auto;
}
.main_moji h2 {
	font-size: 2.3em;
	text-align: center;
}
.main_moji p {
	width: 75%;
	padding: 1.5em 3em 5em;
	margin: 10;
}
@media (max-width: 600px){
.main_moji {
	margin: -2em 0 0;
	padding: 0;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.6;
	background: #FFCC00 url(../../img/old/poster2018/main_bg.png) no-repeat top right -40px;
	background-size: 145% auto;
}
.main_moji h2 {
	font-size: 1.8em;
	text-align: center;
	padding: 1em 0;
}
.main_moji p {
	width: 80%;
	padding: 0 0 3em;
	margin: 0 auto;
}
}
/* 
メインコンテンツ終わり
*/

/* 
フッター
*/
.footer_syusai, .footer_unei {
	margin: 1em auto;
	line-height: 1.5;
    display: flex;
	align-items: baseline;
	justify-content: center;
	width: 100%;
}
.footer_syusai p, .footer_unei p {
	padding-right: 0.45em;
}
.footer_unei {
	margin-top: -.5em;
}
@media (max-width: 767px) {
	footer { padding: 1em 0 0; }
	.footer_syusai, .footer_unei  {
	display: inline;
	align-items: center;
	text-align: center;
	}
	.footer_email {
	display: block;
	margin: 0 auto;
	}
	.footer_unei {
	display: block;
	margin-top: 1em;
	}
}
.footer_main {
	font-size: 1.2em;
	font-weight: bold;
}
.footer_main2 {
	font-size: .8em;
	font-weight: bold;
}
.footer_sub {
	font-size: .8em;
	font-weight: bold;
}
@media (min-width: 600px) {
	.kaigyou {
    display: none;
	}
}
.footer_tel {
	font-weight: bold;
}
.footer_tel a {
	font-weight: bold;
	color: #3071B9;
}
.footer_email a {
	font-weight: bold;
	color: #3071B9;
}

.footer_email a:hover {
	color:#FFF;
	background:#3071B9;
	padding: 0.25em;
	text-decoration: none;
}
.footer_email a:hover {
	color:#FFF;
}
/* 
フッター終わり
*/

/* 
Webフォント
*/
@font-face {
	font-family: Makinas-Scrap-5;
	src: url('../font/Makinas-Scrap-5.woff') format("opentype");
}
h2 { font-family: Makinas-Scrap-5; letter-spacing: -0.1em;}
/* 
Webフォント終わり
*/

/* 
メイン
*/
.koushi  {
	font-size: 2.3em;
	color: #3071B9;
}
.koushi2  {
	width: 100%;
	font-size: 2.3em;
	color: #3071B9;
	margin: 0 0 0.5em;
}
.waku-koushi {
	font-size: 0.8em;
	color: #FFF;
	font-weight: bold;
	background-color: #3071B9;
	margin-top: 0.3em;
	padding: 5px 5px 3px;
}
@media (max-width: 1075px) {
    .waku-koushi {
	margin-bottom: 1em;
    }
}
.shikai  {
	font-size: 1.6em;
	color: #B94F84;
	margin: .2em 0 .5em;
}
.waku-shikai {
	font-size: 0.8em;
	color: #FFF;
	font-weight: bold;
	background-color: #B94F84;
	padding: 5px 5px 3px;
}
@media (max-width: 1075px) {
    .waku-shikai {
	margin-bottom: 0.5em;
    }
}
.panelist, .panelist2 {
	font-size: 1.6em;
	color: #CF000E;
	margin: .2em 0 .5em;
}
.waku-panelist {
	font-size: 0.8em;
	color: #FFF;
	font-weight: bold;
	background-color: #CF000E;
	padding: 5px 5px 3px;
}

.no1-waku {
	border: 2px #38A1DB solid;
}
.no2-waku {
	border: 2px #1C8B40 solid;
}
.no3-waku {
	border: 2px #EA5504 solid;
}

.kaigi-no1, .kaigi-no2, .kaigi-no3 {
	font-size: 1.3em;
	text-align: center;
	font-weight: bold;
	padding: .25em 0;
	width: 100%;
	color: #FFF;
	margin-bottom: .5em;
}

.kaigi-no1 {
	background: #38A1DB;
	border:  solid 2px #38A1DB;
}
.kaigi-no2 {
	background: #1C8B40;
	border:  solid 2px #1C8B40;
}
.kaigi-no3 {
	background: #EA5504;
	border:  solid 2px #EA5504;
}

@media (max-width: 1075px) {
    .waku-panelist, .panelist2 {
	margin-bottom: 0.5em;
    }
}
.poster  {
	font-size: 1.6em;
	color: #00AB84;
	margin: .2em 0 .5em;
}

.waku-koushi,.waku-shikai,.waku-panelist, .panelist2 {
	display: block;
	width: fit-content;
	float: unset;
}
.koushi,.shikai,.panelist, .panelist2 {
	margin-left: .2em;
	float: left;
    width: 90%;
}

.detail { max-width: 1080px; margin: 0 auto; padding: 0 2em; margin-bottom: 1.5em; }
.box-outer { position: relative; z-index: 1; overflow: hidden; width: 100%; }
.box-block { position: relative; width: auto; }
.circle { width: 18px; height: 18px; position: absolute; z-index: 2; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }

.top-left { left: -9px; top: -9px; }
.top-rigt { right: -9px; top: -9px; }
.btm-left { left: -9px; bottom: -9px; }
.btm-rigt { right: -9px; bottom: -9px; }

#box01 .circle { background: #FFCC00; border: 1px solid #F2F4FA,; }
#box01 .box-block { border: none; padding: 25px; background: repeating-linear-gradient(45deg, #F2F4FA, #F2F4FA 5px, #FFF 0, #FFF 18px);}
#box02 .circle { background: #FFCC00; border: 1px solid #F8F0F4; }
#box02 .box-block { border: none; padding: 25px; background: repeating-linear-gradient(45deg, #F8F0F4, #F8F0F4 5px, #FFF 0, #FFF 18px);}
#box03 .circle { background: #FFCC00; border: 1px solid #FCECE3; }
#box03 .box-block { border: none; padding: 25px; background: repeating-linear-gradient(45deg, #FCECE3, #FCECE3 5px, #FFF 0, #FFF 18px);}
#box04 .circle, #box05 .circle { background: #FFCC00; border: 1px solid #ECF4D9; }
#box04 .box-block, #box05 .box-block { border: 1px none; padding: 25px; background: repeating-linear-gradient(45deg, #ECF4D9, #ECF4D9 5px, #FFF 0, #FFF 18px);}

.box2, .box3, .box4 {
    /* レイアウトを指定 */
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;

    /* アイテムを左右中央寄せにする */
    justify-content: space-around;
}
@media (max-width: 600px) {
	.box2, .box3 {
	width: 100%;
	/* レイアウトを指定 */
	display: inline-block;
	display: -webkit-inline-block;
	display: -moz-inline-block;
	display: -ms-inline-block;
	}
}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
.item2 {
	width: 50%;
}
.item2:last-child {
	padding-left: 5%;
}
@media (max-width: 900px) {
    .item2:last-child {
	padding-left: 3%;
}
}
@media (max-width: 600px) {
	.item2 {
	width: 100%;
	padding-left: 0;
	}
    .item2:last-child {
	padding-top: 1em;
	padding-left: 0;
}
}
.item3 {
	width: 25%;
}

.item3:not(:first-child) {
	margin-left: 3.5em;
}
@media (max-width: 900px) {
	.item3 {
	width: 30%;
	}
	.item3:not(:first-child) {
	margin-left: 1.5em;
	}
}
@media (max-width: 600px) {
	.item3 {
	width: 100%;
	}
	.item3:not(:first-child) {
	margin-left: 0;
	}
}
@media (max-width: 600px) {
	.item3:not(:first-child) {
	margin-top: 2em;
	}
}
.item4 { width: 20%; }
.item4 img { width: 100%; }
@media (max-width: 900px) {
	.item4 {
	width: 100%;
	}
	.box4 {
	/* レイアウトを指定 */
	display: block;
	display: -webkit-block;
	display: -moz-block;
	}
}
.creator_photo {
	width: 52%;
	float: left;
}
@media (max-width: 1075px) {
	.creator_photo {
	width: 50%;
	float: left;
	}
	.creator_photo img {
	width: 80%;
	margin: 0 auto;
	}
}
@media (max-width: 900px) {
	.creator_photo {
	width: 100%;
    text-align:center;
	}
	.creator_photo img {
	width: 65%;
	}
}
@media (max-width: 600px) {
	.creator_photo {
	width: 100%;
    text-align:center;
	}
	.creator_photo img {
	width: 60%;
    margin-bottom: 1em;
	}
}
.creator_data {
	width: 47%;
	float: left;
    letter-spacing: 0.03em;
}
@media (max-width: 1075px) {
    .creator_data {
	width: 50%;
}
}
@media (max-width: 900px) {
	.creator_data {
	width: 90%;
    padding: 1em 1em 0;
	float: left;
	}
}
@media (max-width: 600px) {
	.bottom {
	margin-bottom: 3em;
	}
}
@media (max-width: 600px) {
	.creator_data {
	width: 100%;
	float: none;
    padding: 0 0 0 0;
    box-sizing: border-box;
	}
}
.number {
	font-size: .8em;
	font-weight: bold;
	margin-bottom: .6em;
	text-align: right;
}
.number2 {
	font-size: .8em;
	font-weight: bold;
	margin: 1em 0 0 -.5em;
}
@media (max-width: 1075px) {
	.number, .number2 {
	font-size: .6em;
	}
}
@media (max-width: 600px) {
	.number {
	text-align: left;
	margin-bottom: 2em;
	margin-left: -.3em;
	}
}
.no1, .no2, .no3, .gray {
	color: #FFF;
	margin-left: 0.5em;
	padding: 1px 6px;
} 
.no1 {
	background-color: #38A1DB;
}
.no2 {
	background-color: #00A95F;
}
.no3 {
	background-color: #EA5504;
}
.gray {
	background-color: #DCDDDD;
}
.katagaki {
	font-size: 1.2em;
	font-weight: bold;
}
.katagaki2 {
	margin: .75em 0 .5em;
	font-size: 0.8em;
	font-weight: bold;
}
.creator_name {
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.5;
}
.keisyou {
	font-size: 80%;
}
.katagaki_sub {
	font-size: 0.8em;
	line-height: 1.1;
	margin-bottom: 0.75em;
}
.history {
	font-size: 0.84em;
	font-weight: bold;
	line-height: 1.4;
}
.mc_photo {
	margin-right: 1em;
	float: left;
}
.mc_data {
	width: 20%;
	float: left;
	margin-top: 50px;
}
.mc_data2 {
	width: 20%;
	float: left;
	margin-top: 80px;
}
.mc_history {
	width: 58%;
	float: right;
	margin-top: 2.8em;
	font-size: 0.84em;
	font-weight: bold;
	line-height: 1.6;
}
.mc_history2 {
	width: 58%;
	float: right;
	margin-top: 5em;
	font-size: 0.84em;
	font-weight: bold;
	line-height: 1.6;
}
@media (max-width: 930px) {
    .mc_photo {
    width: 25%;
	margin-right: 1em;
	float: left;
    }
    .mc_photo img {
	width: 100%;
    }
    .mc_data, .mc_data2 {
	width: 27%;
    margin-top: 0;
	float: left;
    } 
    .mc_history, .mc_history2 {
	width: 44%;
	margin-top: 0;
	font-size: 0.84em;
	font-weight: bold;
	line-height: 1.6;
    letter-spacing: 0.1em;
}
}
@media (max-width: 767px) {
	.mc_photo {
	width: 100%;
	margin-right: 0;
	float: none;
	text-align: center;
	}
    .mc_photo img {
    width: 45%;
	text-align: center;
    margin-bottom: 1em;
	}
	.mc_data, .mc_data2 {
	width: 100%;
	float: none;
	margin-top: 0;
	margin-left: 0;
	}
	.mc_history, .mc_history2 {
	width: 100%;
	float: right;
	margin-top: 1em;
    padding-top: 1/5em;
	font-size: 0.84em;
	font-weight: bold;
	line-height: 1.6;
	}
}
.panelist_photo img { width: 100%; }
.sakuhin_poster img, .sakuhin_poster2 img { width: 85%;}
.sakuhin_poster {text-align: center; margin: 2em 0 .3em;}
.sakuhin_poster2 {text-align: center; margin: .5em 0 .3em;}
@media (max-width: 690px) {
	.panelist_photo, .sakuhin_poster {
	text-align: center;
	}
	.panelist_photo img, .sakuhin_poster {
	width: 75%;
	}
}
@media (max-width: 375px) {
	.sakuhin_poster {
	width: 100%;
	}
}
.panelist_name {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2;
	margin: 0.5em 0;
}
.panelist_name small {
	background-color: #cc33cc;
	color: #fff;
	padding: 2px 5px;
	font-size: .65em;
}
.panelist_data {
	font-size: .85em;
	font-weight: bold;
	line-height: 1.5;
}
.poster01 { background-color: #38A1DB; }
.poster02 { background-color: #00A95F; }
.poster03 { background-color: #EA5504; }
.poster04 { background-color: #CF000E; }
.poster_detail {
	color: #FFF;
	padding: 0.5em;
}
.poster_bold {
	font-size: 108%;
	font-weight: bold;
	margin-bottom: 0.25em;
	letter-spacing: -0.05em;
}
.poster_middle {
	font-size: 72%;
	font-weight: bold;
	line-height: 1.35;
	margin: .3em 0;
}
.poster_mini {
	font-size: 50%;
}
.poster_detail h3 {
	font-size: 1.3em;
	line-height: 1.25;
	border-top: solid 1px #FFF;
	padding-top: 0.5em;
	letter-spacing: 0.06em;
}
.poster_kansei {
    line-height: 300px;
    text-align: center;
}

.kaigi_midashi {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.25;
	padding-top: 0.25em;
}
.kaigi_data {
	font-size: 0.85em;
	font-weight: bold;
	line-height: 1.5;
	padding-top: 0.5em;
	padding-bottom: 1em;
}

@media (max-width: 900px) {
	.poster_photo {
	padding: 0;
	width: 35%;
	height: 100%;
	float: left;
	}
	.poster_photo img {
	width: 100%;
	vertical-align: bottom;
	}
	.poster_detail {
	width:60%;
	float: right;
	}
    .poster_kansei {
	line-height: 150px;
	text-align: center;
	}
    .poster_kansei .target{
	color: #FFF;
	font-size: 1.8em;
	line-height: 5;
	padding-top: 0;
	display:inline-block;
	vertical-align: top;
	}
}
@media (max-width: 690px) {
	.poster_photo {
	width:100%;
	padding: 0;
	float: nome;
	}
	.poster_photo img {
	margin-bottom: 0.5em;
	width: 100%;
	}
	.poster_detail {
	width: 100%;
	float: none;
    box-sizing: border-box;
	}
    .poster_kansei {
	line-height: 140px;
	text-align: center;
	}
    .poster_kansei .target{
	color: #FFF;
	font-size: 1.8em;
	line-height: 5;
	padding-top: 0;
	display:inline-block;
	vertical-align: top;
	}
}
.poster_kansei .target{
	color: #FFF;
	font-size: 1.8em;
	line-height: 1.25;
	padding-top: 0.5em;
	display:inline-block;
	vertical-align: middle;
}
.triangle {
	width: 0px;
	height: 0px;
	margin: 6em .5em 0;
	/* topとbottomを大きくすると縦長になります */
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 30px solid #CF000E;
	border-right: 0px solid transparent;
}
@media (max-width: 900px) {
	.triangle {
	width: 0px;
	height: 0px;
	margin: 1em auto -1em;
	/* topとbottomを大きくすると縦長になります */
	border-top: 30px solid #CF000E;
	border-bottom: 30px solid transparent;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	}
}
/* 
メイン終わり
*/

/* 
新規コンテンツ
*/

.no1-contents a, .no2-contents a, .no3-contents a, .pos-contents a {
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.no1-contents a, .no2-contents a, .no3-contents a, .pos-contents a {
    width: 80%;
    padding: 24px 0;
    color: #ffffff;
    display: block;
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    margin: 10px auto;
}

.no1-contents a {
	background-color: #38A1DB;
}
.no2-contents a {
	background-color: #1C8B40;
}
.no3-contents a {
	background-color: #EA5504;
}
.pos-contents a {
	background-color: #3071B9;
}

.no1-contents a:hover {
	background-color: #277aa8;
}
.no2-contents a:hover {
	background-color: #15672f;
}
.no3-contents a:hover {
	background-color: #C14006;
}
.pos-contents a:hover {
	background-color: #4981bf;
}

.poster_img01 {
	float : left;
	background-color: #666;
}
.poster_img02 {
	float : right;
}

/* 
SNS
*/
.sns3 {
	max-width: 1100px;
	margin: 0 auto;
	height: 670px;
	display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    /* アイテムを左右中央寄せにする */
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
}


.twitter-umekomi {
	width: 50%;
	padding: 1em 0 1em 1em ;
	box-sizing: border-box;
}
.instagram-umekomi {
	width: 50%;
	background: #FFF;
	border-radius: 5px;
	margin: 1em 0;
	padding: 10px 80px;
	box-sizing: border-box;
	overflow:auto;
}

.instagram-media {
    position: static !important;
}
.insta-h3 {
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0.2em 0;
}
.twitter-umekomi-sp {
	display:none;
}
@media (max-width: 1150px) {
	.sns {
	margin: 0 1.5em;
	}
}
@media (max-width: 700px) {
.sns3 {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0 1em;
	display: -webkit-block;
    display: -moz-inline-block;
    display: inline-block;
}
    
    .sp_margin_top_20{
        margin-top: 20%;
    }
.twitter-umekomi {
	display: none !important;
}
.twitter-umekomi-sp {
	display: inline;
	width: 100%;
	padding: 1em 0;
	box-sizing: border-box;
}
.instagram-umekomi {
	width: 100%;
	background: #FFF;
	border-radius: 5px;
	margin: 1em 0;
	padding: 1em 1em;
	box-sizing: border-box;
}
}
/* 
SNS終わり
*/

/* 
Youtube
*/
.video_main {
	width: 50%;
	margin: 13em auto -10em;
}
.video {
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.video iframe{
	position:absolute;
 	top:0;
 	right:0;
 	width:100%;
 	height:100%;
}
@media (max-width: 600px) {
.video_main {
	width: 90%;
	margin: 13em auto -10em;
}
}
/* 
Youtube終わり
*/

/* 
Topics
*/
.topics {
	max-width: 600px;
	margin: 0 auto;
}
.topics h3 {
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	padding: .5em;
	color: #FFF;
	background-color: #3071B9;;
	margin-bottom: 0.5em;
}
.topics-ita {
	float: left;
	width: 60px;
	background-color: #3071B9;
	text-align: center;
	color:#FFF;
	font-size: 1.5em;
	padding: .5em;
}
.topics-naiyou {
	width: 590px;
	color: #666;
	font-size: 1.3em;
	margin: .5em 0 1em 4.5em;
	padding-top: .7em;
	vertical-align: middle;
}
@media (max-width: 600px) {
	.topics {
	width: 100%;
	margin: 0 auto 5em;
	padding: 0;
}
    .topics-ita {
	display: block;
	line-height: 1em;
	text-align: left;
	margin: 0;
	width: 100%;
}
    .topics-naiyou {
	width: 95%;
	color: #666;
	font-size: 1.3em;
	line-height: 1.25;
	margin: 3em auto;
}
}
@media screen and (min-width: 600px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 600px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}
/* 
Topics終わり
*/


/* 
補助
*/
.space {
	margin-bottom: 3em;
}
.top-sp {
	margin-top: 210px;
}
strong {
	font-size: 120%;
}
.pos {
	text-align: center;
	max-width: 600px;
}
.pos img {
   width: 100%;
}
/* 
補助終わり
*/

/*sliderのアニメーションを指定*/
/*アニメーションの開始位置を指定*/
@keyframes slider{
  0%{
    top:0px;
    left:0px;
  }
/*アニメーションの終了位置を指定*/
/*画像10枚分のwidthをスライドさせ、開始の画像が4枚表示された時にリピート開始*/
  100%{
    top:0px;
    left:-2500px;
  }
}
.sliderBox{
/*スライダーの枠を設定する*/
/*幅を画像4枚分のwidthに指定することでループする際にコマ切れをなくす(変なところでループする)*/
  width:1000px;
/*表示したい画像の高さ*/
  height:165px;

/*ボックスからはみ出た画像は表示されない*/
  overflow:hidden;
  position:absolute;
  margin-top: 20px;

/*中央寄せ*/
  left: 50%;
  margin-left: -500px;
}

.sliderBox ul{
/*画像13枚分の長さ*/
  width: 3500px;
  height: 165px;
  list-style-type: none;
/*ボックスを親に設定した位置にするため(要素の位置を動かすためにpositionを設定＝スライドさせるため)*/
  position: absolute;
  animation-name: slider;
/*再生秒数を指定(スライドする速さに影響)*/
  animation-duration: 50s;
/*無限ループ再生*/
  animation-iteration-count: infinite;
/*速度を均一にする*/
  animation-timing-function: linear;
}

/*float:leftで並んだ13枚の画像幅は250px*13=3500px*/
.sliderBox ul li{
  float: left;
}
@media (max-width: 1000px){
html{
    overflow-x : hidden;
    -webkit-overflow-scrolling: touch;
}
body {
    overflow-x : hidden;
    -webkit-overflow-scrolling: touch;
}
}
@media (max-width: 375px){
.sliderBox{
    width:375px;
    left: 0;
    margin-left: 0;
}
}
@media (max-width: 320px){
.sliderBox{
    width:320px;
    left: 0;
    margin-left: 0;
}
}
.sakuhin_name {
	text-align: center;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.5;
}
.sakuhin_team {
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
}
.sakuhin_school {
	text-align: center;
	font-size: .85em;
}
.item3 h3 {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	background-color: #ffcc00;
	padding: .5em;
	margin: 2em auto 0;
	width: 80%;
}