@import url("style.css");

@charset "UTF-8";

/*
 * File Name: page.css
 * Description: infit moviesite
 * Last Update: 2026/02/07
 */

section.page-hero{
	padding:0;
	height:300px;
	background:#333333;
}

section.page-hero h2{
	font-size:1.3rem;
  position: absolute;
  bottom: 30%;
width: 100%;
    text-align: center;
	color:#FFF;

}

/* クラス名 is-required をつけた項目だけ * を出す */
.is-required .smf-item__label__text::after {
    content: " *" !important;
    color: #ff0000 !important;
}

.scroll-kiyaku{
     height: 250px;
     width: 100%;
     padding: 10px;
     border: 1px solid #CCC;
     overflow: auto;
     margin: 0px auto;
	margin-top:40px;
     background: #ffffff;
}

.form-kiyaku .smf-label,.smf-item--divider .smf-label{
	margin-top:20px;
	text-align:center;
}

.smf-text-control input{
	width:100%;
}

.smf-item,.smf-action{
	margin-top:30px;
}

.smf-action{
	text-align:center;
}

.scroll-kiyaku h4{
	font-size:0.9rem;
	margin-top:20px;
	font-weight:normal;
}

.scroll-kiyaku p{
	font-size:0.8rem;
}

.sponcer-info{
	text-align:center;
}

.kiyaku-info{
	font-size:0.8rem;
}

textarea{
	width:100%;
}

form[data-screen="confirm"] .scroll-kiyaku ,form[data-screen="confirm"] .sponcer-info{
    display: none;
}

.smf-action button.smf-button-control__control{
	background-color:#000!important;
	color:#FFF!important;
	background-image:none;
	width:250px;
}

form[data-screen="confirm"] .smf-action button.smf-button-control__control{
	width:40%;
}

/* single */

.cat{
	display:inline-block;
	background:#858586;
	padding:1px 25px;
	border-radius:30px;
	color:#FFF;
	font-size:0.8rem;
	margin-left:10px;
}

.important{
	background:#E6001A;
}

.post-date{
	font-weight:700;
}

p.sponcer-info{
margin-bottom:40px;
}

/* ================================
 - Responsive design
 ================================ */

@media (max-width: 991.98px) {
section.page-hero {
	height:210px;
}
}

@media (max-width: 575.98px) {
	section.page-hero h2{
		font-size:1.2rem;
		width:85%;
		left: 50%;
		transform: translateX(-50%);
	}
}