@charset "utf-8";

body {
font-family: sans-serif;
background-image: url(../images/back_01.jpg);
background-position: top center;
background-repeat: repeat;
}

p { font-size: 16px; line-height: 1.5em; }
a { font-size: 16px; line-height: 1.5em; text-decoration:none; word-wrap: break-word; }
a:hover { opacity: 0.6 }



/*====================================================================
header
====================================================================*/
.header_box { padding-top: 15px; }

.header_box img { display: block; width: 100%; margin: 0 auto; }
.header_box .mb { display: none; }

@media (max-width: 767px){
.header_box { margin-bottom: 60px; }
.header_box .pc { display: none; }
.header_box .mb { display: block; }
}



/*====================================================================
footer
====================================================================*/
body footer { margin-top: 100px; background: #fff000; padding: 30px 0; }

.free_dial { 
display: flex;
align-items: flex-end;
justify-content: space-between;
max-width: 900px;
margin: 0 auto 15px auto;
}

.free_dial p { font-size: 18px; color: #1e2578; }
.free_dial p strong { font-size: 20px; font-weight: bold; }

.free_dial .box_01 { width: 49%; }
.free_dial .box_01 h3 { font-size: 20px; line-height: 1.5em; text-align: center; color: #fff; background: #1e2578; margin-bottom: 10px; padding: 5px 15px; }

.free_dial .box_02 { width: 49%; margin-left: 2%; }

.nippo { 
max-width: 900px;
margin: 0 auto;
}
.nippo p { font-size: 18px; color: #1e2578; margin-bottom: 10px; }
.nippo p:last-child { margin-bottom: 0; }
.nippo p strong { font-size: 20px; font-weight: bold; }
.nippo a { font-size: 18px; font-weight: bold; color: #1e2578; margin-left: 20px; }

@media (max-width: 767px){
.free_dial { display: block; max-width: 650px; }
.free_dial .box_01 { width: 100%; }
.free_dial .box_02 { width: 100%; margin-left: 0; margin-top: 10px; }
.nippo { max-width: 650px; }
.nippo a { display: block; margin-left: 0; }
}



/*====================================================================
コンテンツ幅 
====================================================================*/
.wrap { padding: 0 15px; }
.content { max-width: 1200px; margin: 0 auto; }



/*====================================================================
アルビレックス新潟いよいよＪ1へ出陣！
====================================================================*/
.present { 
display: flex;
align-items: flex-end;
justify-content: space-between;
}

.present .box_01 { width: 54%; }
.present .box_02 { width: 46%; margin-left: 2%; }

.present .box_02 h2 { 
font-family: 'Noto Sans JP', sans-serif; /* Google font */
font-size: 30px;
line-height: 1.5em;
text-align: center;
color: #fff;
background: #1e2578;
margin-bottom: 10px;
padding: 5px 15px;
}
.present .box_02 h2 br { display: none; }

@media (max-width: 767px){
.present { display: block; max-width: 650px; margin: 0 auto; }
.present img { display: block; margin: 0 auto; }
.present .box_01 { width: 100%; }
.present .box_02 { width: 100%; margin-left: 0; }
}
@media (max-width: 600px){
.present .box_02 h2 br { display: block; }
}



/*====================================================================
キャンペーンの詳細はコチラ！▶︎
====================================================================*/
.campaign { 
max-width: 900px;
margin: 60px auto 0 auto;
background: #fff000;
border-radius: 10px;
box-shadow: 10px 10px 15px -5px rgba(17, 17, 17, 0.8);
}
.campaign a {
font-family: 'Noto Sans JP', sans-serif; /* Google font */
display: block;
font-size: 40px;
text-align: center;
color: #e50011;
padding: 15px;
}
.campaign a br { display: none; }

@media (max-width: 767px){
.campaign { max-width: 650px; }
.campaign a { font-size: 30px; }
}
@media (max-width: 600px){
.campaign a br { display: block; }
}



/*====================================================================
「新潟日報電子版の新規契約」、「新潟日報朝刊の新規読者のご紹介」でもオリジナルグッズをプレゼントします！
====================================================================*/
.more { 
display: flex;
align-items: flex-start;
justify-content: center;
max-width: 900px;
background: #fde8cf;
border-radius: 10px;
margin: 30px auto 0 auto;
padding: 30px;
}

.more .box_01 { width: 65%; }
.more .box_02 { width: 30%; }
.more .box_02 .mb { display: none; }

.more h3 { 
font-family: 'Noto Sans JP', sans-serif; /* Google font */
font-size: 24px;
line-height: 1.5em;
color: #003f98;
margin-bottom: 20px;
}

.more .nic { 
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 18px;
}
.more .nic img { width: 100px; margin-right: 20px; }

@media (max-width: 767px){
.more { display: block; max-width: 650px; padding: 30px 15px; }
.more h3 { max-width: 500px; margin: 0 auto 20px auto; }
.more h3 br { display: none;  }
.more .box_01 { width: 100%; }
.more .box_02 { width: 100%; }
.more .box_02 .mb { display: block; }
.more .box_02 .mb .campaign { margin: 30px auto 0 auto; }
.more .box_02 img { display: block; width: 100%; max-width: 500px; margin: 30px auto 0 auto; }
.more .nic { justify-content: center; }
}



/*====================================================================
新規購読者をご紹介ください！
====================================================================*/
.kodoku { 
max-width: 900px;
background: #fff;
margin: 60px auto 0 auto;
}

.kodoku h2 { 
font-family: 'Noto Sans JP', sans-serif; /* Google font */
font-size: 30px;
line-height: 1.5em;
text-align: center;
color: #fff;
background: #1e2578;
padding: 5px 15px;
}
.kodoku h2 br { display: none; }

.kodoku .original { 
display: flex;
align-items: flex-end;
justify-content: flex-start;
padding: 30px;
}

.kodoku .original .box_01 { width: 45%; }
.kodoku .original .box_01 img { margin-bottom: -30px; }
.kodoku .original .box_02 { width: 53%; margin-left: 2%; }

.kodoku .link_btn { padding: 0 30px 30px 30px; }
.kodoku .link_btn .campaign { margin: 0 auto; }

@media (max-width: 767px){
.kodoku { max-width: 650px; }
.kodoku .original { flex-direction: column-reverse; padding: 30px 15px; }
.kodoku .original .box_01 { width: 100%; }
.kodoku .original .box_01 img { display: block; margin: 30px auto -30px auto; }
.kodoku .original .box_02 { width: 100%; margin-left: 0; }
.kodoku .link_btn { padding: 0 15px 30px 15px; }
}
@media (max-width: 600px){
.kodoku h2 br { display: block; }
}



/*====================================================================
新潟日報電子版
====================================================================*/
.scrap { 
max-width: 900px;
background: #fff000;
margin: 60px auto 0 auto;
padding: 30px;
}

.scrap h2 { text-align: center; margin-bottom: 30px; }
.scrap h3 {
font-size: 24px;
font-weight: bold;
line-height: 1.5em;
text-align: center;
color: #036eb8;
border-bottom: 1px solid #036eb8;
margin-bottom: 30px;
padding-bottom: 5px;
}

.scrap .link_btn a { 
display: block;
max-width: 700px;
font-size: 30px;
font-weight: bold;
line-height: 1.5em;
text-align: center;
color: #fff;
background: #036eb8;
border-radius: 10px;
margin: 0 auto 30px auto;
padding: 5px 15px;
box-shadow: 10px 10px 15px -5px rgba(17, 17, 17, 0.8);
}
.scrap .link_btn a br { display: none; }

.scrap_flow { 
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.scrap_flow img:first-child { width: 42%; }
.scrap_flow img:last-child { width: 55%; margin-bottom: -30px; }

@media (max-width: 767px){
.scrap { max-width: 650px; padding: 30px 15px; }
.scrap_flow { display: block; }
.scrap_flow img:first-child { width: 100%; }
.scrap_flow img:last-child { width: 100%; margin-top: 20px; }
}
@media (max-width: 600px){
.scrap .link_btn a br { display: block; }
}



/*====================================================================
新潟日報×Albirex NIIGATA　スペシャルムービー公開中
====================================================================*/
.special { 
max-width: 900px;
background: #fff000;
margin: 60px auto 0 auto;
padding: 30px;
}

.special iframe { max-width: 100%; }

.special .title { margin-bottom: 30px; }
.special .title h3 { 
font-family: 'Noto Sans JP', sans-serif; /* Google font */
font-size: 30px;
line-height: 1.5em;
text-align: center;
color: #e50011;
}
.special .title h3 br { display: none; }

.special .title_02 h3 { 
font-family: 'Noto Sans JP', sans-serif; /* Google font */
font-size: 24px;
line-height: 1.5em;
text-align: center;
color: #fff;
background: #e85315;
padding: 10px;
}
.special .title .logo { text-align: center; }

.special .two { 
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
}
.special .two:last-child { margin-bottom: 0; }
.special .two .box_01 { width: 49%; }
.special .two .box_02 { width: 49%; margin-left: 2%; }

@media (max-width: 767px){
.special { max-width: 650px; padding: 30px 15px; }
.special .title h3 br { display: block; }
.special .two { display: block; }
.special .two .box_01 { width: 100%; }
.special .two .box_02 { width: 100%; margin: 15px auto 0 auto; text-align: center; }
}



.movie-content-wrap { position: relative; width: 100%; padding-top: 56.25%;　}
.movie-content-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }