@charset "UTF-8";

/*八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八

	名古屋魅力共感キャンペーン
	
	[01] 基本・レイアウト
	[02] ヘッダ
    [03] 応募規約
    [04] 応募方法
	[99] メディアクエリ

八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八*/

/*------------------------------------------------

	[01] 基本・レイアウト

------------------------------------------------*/


html { /*font-size: 62.5%; 10px*/ }
.sitemap_box { /*font-size: 160%;*/ }
#wrapper { font-family: 'LINE Seed JP', 'Lucida Grande', Meiryo, sans-serif; width: 100%; min-width: 1000px; padding: 0; color: #333; /*background: #009ccf;*/}

.cnt_box { width: calc(100% - 60px); max-width: 900px; margin: 0 auto; padding: 30px; }
.cnt_box_wide { width: 100%; margin: 0; padding: 30px 0;}
.inr_cbw { width: calc(100% - 60px); max-width: 900px; margin: 0 auto; padding: 30px; }
/*.cnt_box p.article{width: 920px; margin: 0 40px 20px;}*/
.vpc { display: inherit; }
.vsp { display: none; }

/* 見出し */
h2 { text-align: center; margin-bottom: 10px;}
h2 img { width: 80%; }
#wrapper h3 { margin: 1.25% 0; padding: 16px 20px; font-size: 1.6rem; color: #5f3b45; text-align: center; border-radius: 6px; background: #aae728; }
/*/*#wrapper h3 {width: calc(100% - 44px); max-width: 360px; margin: 60px auto 40px; padding: 12px 22px; text-align: center; background: #1061fb;}
#wrapper h3 img {width: 100%; max-width: 180px;}
#wrapper #header h3 {width: calc(100% - 24px); margin: 0 auto; padding: 6px 12px;}
#wrapper #header h3 img {width: 70%;}*/
/*h4 { margin: .5em 0; font-size: 2.4rem; line-height: 1.3;}*/
h4 { margin: 1.25% 0; padding: 0 .5% .5%; font-size: 1.25rem; color: #451024; border-bottom: 2px solid #451024; }
/*h5 { width: calc(100% - 44px); max-width: 360px; margin: 60px auto 40px; padding: 12px 22px; text-align: center; background: #1061fb; }*/
/*h6 { margin: 1.25% 0; padding: 0 0 .5%; font-size: 1.4rem; border-bottom: 2px solid #000; }*/

/* リンク
---------------------------------*/
a {-webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}

/* Flex Box
---------------------------------*/
.flb{display:flex; flex-wrap: wrap; justify-content:center; width: 100%; /*max-width: 1000px;*/ margin: 0 auto;}


/* フェード
---------------------------------*/
/* 上からフェードイン */
.slide-top {opacity: 0;	transform: translate(0, -20px);	transition: all 1s ease-out;}

/* 下からフェードイン */
.slide-bottom1 { opacity: 0; transform: translate(0, 30px); transition: all 0.5s 0.3s ease-out; }
.slide-bottom2 { opacity: 0; transform: translate(0, 30px); transition: all 0.5s 0.4s ease-out; }
.slide-bottom3 { opacity: 0; transform: translate(0, 30px); transition: all 0.5s 0.5s ease-out; }
.slide-bottom4 { opacity: 0; transform: translate(0, 30px); transition: all 0.5s 0.6s ease-out; }
.slide-bottom5 { opacity: 0; transform: translate(0, 30px); transition: all 0.5s 0.7s ease-out; }
.slide-bottom6 { opacity: 0; transform: translate(0, 30px); transition: all 0.5s 0.8s ease-out; }

 /* 左からフェードイン */
.slide-left1 {opacity: 0; transform: translate(-60px, 0); transition: all 1.5s 0.8s ease-out; }

/* 右からフェードイン */
.slide-right1 {opacity: 0; transform: translate(60px, 0); transition: all 1.2s 1.6s ease-out; }



/* テーブル
---------------------------------*/
.tb_res, .tb_res td, .tb_res th { border-collapse: collapse; }
.tb_res td, .tb_res th { border-bottom: 1px solid rgba(51, 51, 51, .8); }
.tb_res tr:last-child td, .tb_res tr:last-child th { border-bottom: none; }
.tb_res { width: 100%; margin: 10px auto 20px; font-size: 1.4rem; line-height: 1.8; color: #000; }
.tb_res th { width: 18%; padding: 8px 0 8px 2%; text-align: left; vertical-align: top; font-weight: 600; }
.tb_res th span { white-space: nowrap; }
.tb_res td { width: 78%; padding: 8px 2% 8px 0; text-align: left; }
.tb_res td span { vertical-align: baseline; }
.tb_res th img { margin: 5px 10px; }

.tb_res ul.notice { width: 100%; margin: 0; }
.tb_res ul.notice li { list-style: none; margin: 0px; padding: 0 0 0 1em; text-indent: -1em; font-size: 1.2rem; line-height: 1.6; color: red; }
.tb_res ul.notice li:before { content: none; }

/* フッタ
---------------------------------*/
footer#common_foot{margin: 0 0 0;}
#footer img{vertical-align: top !important;}
#footer{width:100%; padding:0 0 10px; text-align:center;}
p#copyright{padding: 30px 0; font-size: 1.4rem; line-height: 1.8; color: #fff;}
p.copy {padding: 0 0 30px; font-size: 1.2rem; line-height: 1.3; text-align: center;}

/* SNSボタン */
#sns_btbox img{vertical-align: top !important;}
.sns_btn{text-align: center;}
.sns_btn div, .sns_btn p{display: inline-block; vertical-align: top;}
.sns_btn div iframe{height: inherit !important; max-height: 30px;}
.sns_btn a.ssp{margin: 0px; padding: 0 0 0 10px; vertical-align: top; line-height: 0;}



/*------------------------------------------------

	[02] ヘッダ

------------------------------------------------*/
.block-1 { width: 100%; position: relative; z-index: 3; padding: 0 0 1em; background: #fff; }
.block-1 .content { position: relative; z-index: 2; width: calc(100% - 40px); max-width: 960px; margin: 0 auto; padding: 3em 20px 0; }

/* 白とピンクの境界の波 */
.block-1::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: -18px;
  width: 100%;
  height: 18px;
  pointer-events: none;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 18'%3E%3Cpath fill='%23ffffff' d='M0 0H80V5C70 5 70 13 60 13S50 5 40 5 30 13 20 13 10 5 0 5Z'/%3E%3C/svg%3E");
  background-repeat: repeat-x;
  background-position: left top;
  background-size: 80px 18px;
}




/*------------------------------------------------

	[03] 応募規約

------------------------------------------------*/
/*.block-2 { padding: 3em 0 0; background: #ec6da3; }
.block-2 .content {  width: calc(100% - 40px); max-width: 960px; margin: 0 auto; padding: 20px; background: #fff; border-radius: 20px 20px 0 0; }*/
.block-2 { position: relative; padding: 5em 0 0; background: #ec6da3; }
.block-2 .content { position: relative; z-index: 2; width: calc(100% - 40px); max-width: 960px; margin: 0 auto; padding: 3em 20px 1em; background: #fff; border-radius: 20px 20px 0 0; }

/* ピンクと水色の境界の波 */
.block-2::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: -18px;
  width: 100%;
  height: 18px;
  pointer-events: none;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 18'%3E%3Cpath fill='%23ec6da3' d='M0 0H80V5C70 5 70 13 60 13S50 5 40 5 30 13 20 13 10 5 0 5Z'/%3E%3C/svg%3E");
  background-repeat: repeat-x;
  background-position: left top;
  background-size: 80px 18px;
}

.block-2 p { width: 99%; margin: 0 auto 1.5em; font-size: 1.0rem; line-height: 1.6; text-align: justify; }
.block-2 p.cc { width: 97%; margin: 0 auto .25em; font-size: 2.1rem; line-height: 1.4; font-weight: 600; }

.img_present { width: 44%; margin: 1em 3% 3em; }
.img_present p { font-weight: 600; }
.img_present img { width: 100%; margin: 0 0 10px; border-radius: 20px; }



/*------------------------------------------------

	[04] 応募方法

------------------------------------------------*/
/*.block-3 { padding: 0 0 3em; background: #8cd3fd; }
.block-3 .content { width: calc(100% - 40px); max-width: 960px; margin: 0 auto; padding: 20px; background: #fff; border-radius: 0 0 20px 20px; }*/
.block-3 { position: relative; padding: 0 0 3em; background: #8cd3fd; }
.block-3 .content { position: relative; z-index: 2; width: calc(100% - 40px); max-width: 960px; margin: 0 auto; padding: 3em 20px 1em; background: #fff; border-radius: 0 0 20px 20px; }
.block-3 p { width: 99%; margin: 0 auto 1.5em; font-size: 1.0rem; line-height: 1.6; text-align: justify; }
.img_howto { width: 44%; margin: 1em 3% 3em; }
.img_howto img { width: 100%; margin: 0 0 10px; border-radius: 20px; }
.txt_howto { width: 47%; margin: 1em 3% 3em 0; padding: 1em 0; }
.txt_howto ul li { font-weight: 600; }

ol.num { margin: 0 0 3%; padding: 0; }
ol.num li { list-style: none; width: calc(100% - 1.3em); margin: auto; padding: 0 0 1.5em 1.3em;; text-indent: -1.3em; font-size: 1.25rem; }
ol.num li a { font-size: .875rem; overflow-wrap: anywhere; word-break: break-word; }

.block-3 ul { margin: 0 0 3%; }
.block-3 ul li { width: calc(100% - 1.5em); margin: auto; padding: 0 0% 1% 0em; font-size: 1.0rem; line-height: 1.6; text-align: justify; text-indent: -1em; }
.block-3 ul li ul li { padding: 0 0% 1% 1.5em; text-indent: -1.5em; }




/*------------------------------------------------

	[99] メディアクエリ

------------------------------------------------*/
@media screen and (min-width: 769px) {
/* [01] 基本・レイアウト
---------------------------------*/
/* [02] トップ
---------------------------------*/
/* [03] 応募規約
---------------------------------*/
/* [04] 応募方法
---------------------------------*/

}


@media screen and (max-width: 768px) {
/* [01] 基本・レイアウト
---------------------------------*/
#resNav {z-index:9999;}
.bg-subnav {display:none;}
header {min-width:150px;}
#wrapper {min-width:200px;}
.bg_40th {margin: 0px auto;}
/*.cnt_box{width: 90%; max-width: none; padding-top: 0px;}*/
.cnt_box {width: 94%; padding: 20px 3%;}
.vpc {display: none;}
.vsp {display: inherit;}

/* 見出し */
h2 { margin: 20px 0 0; }
#wrapper h3 { margin: 10px 0 16px; padding: 12px 20px; font-size: 1.125rem; } 
h4 { font-size: 1.0rem; }

/* [02] トップ
---------------------------------*/
.block-1 { padding: 0; }
.block-1 .content { width: calc(88% - 0px); max-width: inherit; padding: 2em 3% .5em; }

/* [03] 応募規約
---------------------------------*/
.block-2 { padding: 3em 0 0; }
.block-2 .content { width: calc(88% - 0px); max-width: inherit; padding: 2em 3% .5em; }
.img_present { width: 100%; margin: 1em 0; }
.block-2 p { font-size: .875rem; }
.block-2 p.cc { font-size: 1.125rem; }

/* [04] 応募方法
---------------------------------*/
.block-3 .content {width: calc(88% - 0px); max-width: inherit; padding: 2em 3% .5em; }
.block-3 p { font-size: .875rem; }
.img_howto { width: 100%; margin: .5em 0; }
.txt_howto { width: 100%; margin: .5em 0; padding: 0; }
.block-3 ul li { font-size: .875rem; }
ol.num li { font-size: 1.0rem; }
ol.num li a { font-size: .75rem; }

}

@media screen and (max-width: 480px) {
/* [01] 基本・レイアウト
---------------------------------*/
/* [02] トップ
---------------------------------*/
/* [03] 応募規約
---------------------------------*/
/* [04] 応募方法
---------------------------------*/


}