@charset "utf-8";
/* CSS Document */
/*
**************************
**************************
MT入力汎用ページcss
**************************
**************************
*/

/**
 * 基本設定
 * ----------------------------------------------------------------------------
 */
/* 要素 */
body{
	font-size: 16px;
	line-height: 180%;
	word-break: break-all;
	margin: 0;
	padding: 0;
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: bold;
	background-image: url("img/bg.png");
	background-size: cover;
}

h1,h2,h3{
	margin-bottom: 20px;
}
h2{
	font-size: 200%;
}
h3{
	font-size: 180%;
}
img, object, embed, video {
    max-width: 100%;
}
a{}
a[target*="_blank"]::after{
}
/* クラス */
 div.cont0,div.cont1,div.cont2,div.cont3,div.cont4,
 div.cont5,div.cont6,div.cont7,div.cont8,div.cont9,
 div.cont10{
	text-align: center;
}
.text,
.moviey,
.img_s{
	margin-bottom: 30px;
}
.img1,
.img2,
.text1,
.text2{
	margin: 0 0 10px 0;
}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear{
	clear: both;
}

#container{
	width: 100%;
	/*background: #f9f8f3;*/
	/*width: 900px;*/
	/*padding: 30px 50px 50px 50px;*/
}

#pgpage {
    background: url("img/ninjogourmet_bg.png");
    background-size: cover;
}

/**
 * メインビジュアル
 * ----------------------------------------------------------------------------
 */
.h1mainv h1{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-size: 200%;
	background-repeat: repeat;
	background-size: 60px;
	line-height: 50%;
    margin-bottom: 50px;
}

/**
 * リード文
 * ----------------------------------------------------------------------------
 */
.lead_text{
    text-align: center;
    background: url("img/lead_bg.png") no-repeat ;
    margin: 0 auto;
    width: 855px;
    height: 411px;
    position: relative;
}
.lead_text p{
    width: 500px;
    position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
    font-size: 120%;
    line-height: 200%;
}
.text-green{
    color: #005839;
    font-weight: bold;
}
.text-red{
    color: #a70000;
    font-weight: bold;
}
.text-large{
    font-size: 150%;
}
/**
 * カラム
 * ----------------------------------------------------------------------------
 */
 /* 2カラム */
.multi2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.multi2 .multi2cont {
    width: 47%;
    margin: 0 1.5% 30px 1.5%;
}
 /* 3カラム */
.multi3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.multi3 .multi3cont {
    width: 30.333333%;
    margin: 0 1.5% 30px 1.5%;
}
 /* 4カラム */
.multi4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.multi4 .multi4cont {
    width: 22%;
    margin: 0 1.5% 30px 1.5%;
}

.timeday_box {
    background: #fdbf0f;
    padding: 20px;
}

.cont0{margin: 0;}


.cont1{padding: 20px 0;}
.cont1 p{font-size: 18px;line-height: 180%;}

.youtube_area{
    background-image: url("img/movie_bg.png");
    width: 811px;
    height: 479px;
    margin: 100px auto 0;
    position: relative;
}
.youtube_area iframe{
    position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
    border-radius: 15px;
}

/**
 * フッダー
 * ----------------------------------------------------------------------------
 */
.footer {
    padding: 20px 0;
}