@charset "utf-8";

/*sub_common
----------------------------------------------------------- */
#sub #visualWrap{
	width:100%;
	clear:both;
	background:url(../images/common/font-kazenomai-billboard.jpg) #410766 no-repeat center top;
	xmargin-top:10px;}

#sub #visualWrap .visual{
	width:980px;
	height:120px;
	padding:38px 0 0 0;
	margin:0 auto;}
	
#sub #visualWrap p{
	color:#FFF;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:24px;
	font-size:2.4rem;}
	
#sub #breadCrumb{
	width:980px;
	margin:8px auto 0 auto;}
	
#sub #breadCrumb li{
	display:inline;}

#sub #container{
	padding-bottom:60px;}
	
.articleBox h2.mini{
	background:url(../images/common/hr.gif) no-repeat left bottom;}
	


/*performance
----------------------------------------------------------- */
.performanceTb{
	margin-bottom:20px;}

.performanceTb table{
	width:100%;
	border-top:1px dotted #CCC;}
	
.performanceTb th{
	border-bottom:1px dotted #CCC;
	width:20%;
	padding:7px 12px;
	font-weight:bold;
	background:#EEE;}
	
.performanceTb td{
	border-bottom:1px dotted #CCC;
	width:80%;
	padding:7px 12px;
	line-height:1.5;}
	

/*profile
----------------------------------------------------------- */	
.roma{
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;}
	
#sub .articleBox.topPlofile h2{
	line-height:1.2;}
	
#sub .articleBox.topPlofile .rightBox{
	width:220px;}



/*hyouki
----------------------------------------------------------- */
h1.tokutei{
	font-size:20px;
	font-size:2.0rem;}
	
.tokuteiTb{
	background:#F9F9F9;
	padding:20px;
	margin-bottom:25px;}

.tokuteiTb table{
	width:100%;}
	
.tokuteiTb th{
	text-align:right;
	border-right:1px solid #DDD;
	width:30%;
	padding:10px 32px 10px 0;}
	
.tokuteiTb td{
	width:70%;
	padding:10px 0 10px 32px;}
	
.tokuteiTb span{
	color:#888;}


/*font
----------------------------------------------------------- */
.articleBox.fontArea{
	padding-right:20px;}

.fontArea .leftBox{
	width:315px;}
	
.fontArea .leftBox dt{
	font-weight:bold;
	font-size:15px;
	font-size:1.5rem;
	margin-bottom:8px;}
	
.fontArea .rightBox{
	width:285px;
	padding-top:10px;}


/*contact
----------------------------------------------------------- */
.setting_section {
	padding:24px 0 0 0;}

.setting_section h3{
	color:#FF6600;
	border-left:10px solid #FF6600;
	border-bottom:1px solid #FF6600;
	font-weight:bold;
	line-height:1.5;
	padding:0 0 0 10px;
	margin-bottom:16px;}
	
#txt_explain p{
	font-size:12px;
	font-size:1.2rem;
	line-height:1.4;
	margin-bottom:16px;}

#main_table{
	width:100%;
	border-top:1px dotted #CCC;}
	
#main_table th{
	border-bottom:1px dotted #CCC;
	width:20%;
	padding:7px 12px;
	font-weight:bold;
	background:#454545;
	color:#FFF;
	vertical-align:middle;}
	
#main_table td{
	border-bottom:1px dotted #CCC;
	width:80%;
	padding:7px 12px;
	line-height:1.5;
	vertical-align:middle;}

#main_table input{
	width:90%;}

#main_table textarea{
	width:100%;}

.button_box{
	text-align:center;
	margin-top:16px;}
	
.red_txt li{
	color:#F00;}


/*font_contact
----------------------------------------------------------- */
.font_setting_section {
	padding:24px 0 0 0;}

.font_setting_section h3{
	color:#66cdaa;
	border-left:10px solid #66cdaa;
	border-bottom:1px solid #66cdaa;
	font-weight:bold;
	line-height:1.5;
	padding:0 0 0 10px;
	margin-bottom:16px;}
	
#txt_explain p{
	font-size:12px;
	font-size:1.2rem;
	line-height:1.4;
	margin-bottom:16px;}

#main_table{
	width:100%;
	border-top:1px dotted #CCC;}
	
#main_table th{
	border-bottom:1px dotted #CCC;
	width:20%;
	padding:7px 12px;
	font-weight:bold;
	background:#454545;
	color:#FFF;
	vertical-align:middle;}
	
#main_table td{
	border-bottom:1px dotted #CCC;
	width:80%;
	padding:7px 12px;
	line-height:1.5;
	vertical-align:middle;}

#main_table input{
	width:90%;}

#main_table textarea{
	width:100%;}

.button_box{
	text-align:center;
	margin-top:16px;}
	
.red_txt li{
	color:#F00;}



/*風の舞_contact
----------------------------------------------------------- */
#main_table.kazenomai {
	border-top: 1px dotted #a7975a;
}
	
#main_table.kazenomai th {
	border-bottom: 1px solid #a7975a;
	width: 20%;
	padding: 7px 12px;
	font-weight: bold;
    background: #89783c;
	color: #fff;
	vertical-align: middle;
}
	
#main_table.kazenomai td {
	border-bottom: 1px dotted #a7975a;
	width: 80%;
	padding: 7px 12px;
	line-height: 1.5;
	vertical-align: middle;
}

.terms-wrap {
	width: 100%;
    margin-top: 2em;
}

.terms-ttl {
	font-size: 16px;
	font-size: 1.6rem;
    font-weight: bold;
}

.terms-box {
    background: #f1efec;
    height: 190px;
    overflow: auto;
    border: 1px solid #ccc;
    padding: 1em 1.6em;
}

.terms-box p {
	font-size: 12px;
	font-size: 1.2rem;
    line-height: 1.8;
}

.terms-note {
	font-size: 14px;
	font-size: 1.4rem;
    margin: 1em 0;
    color: #222;
    text-align: center;
}
.terms-note a {
    padding: 0 .5em;
}

.terms-consent {
    display: flex;
    align-items: center;
    gap:.5em;
    margin-top: 1em;
    color: #222;
    opacity:.5;
inline-size: fit-content;
margin-inline: auto;
}
.terms-consent span {
	font-size: 16px;
	font-size: 1.6rem;
    font-weight: bold;
    transition:opacity .2s, color .2s;
}
.terms-consent.is-active {
  opacity: 1;
}

.terms-consent.is-active　{
    color: #222;
    opacity: 1; }

button[disabled],input[type="submit"][disabled]{opacity:.5;cursor:not-allowed}

#confirmBtn {
    width: 350px;
    height: 40px;
    margin-top: 1em;
	font-size: 16px;
	font-size: 1.6rem;
}



/*news
----------------------------------------------------------- */
.date{
	font-size:12px;
	font-size:1.2rem;
	font-weight:bold;
	margin-bottom:8px;}
	
.newsInner .date{
	margin-bottom:0;}
	
.newsInner dd{
	border-bottom:1px dotted #CCC;
	padding-bottom:8px;
	margin-bottom:8px;}
	
.newsInner a{
	color:#39C;}

.articleBox .pagenav {
	color: #FDB365;
	margin: 3em auto 0 auto;
	line-height:2em;
	text-align:left;
	clear:both;}
	
.articleBox .pagenav a{
	color:#FDB365;}
	
.articleBox a.page-numbers, .pagenav .current {
	padding: 6px .6em;
	text-decoration:none;
	font-size:12px;
	background:#FFF;
	border:1px solid #FDB365;}

.articleBox a.page-numbers:hover {
	color:#FFF;
	background: #FDB365;}

.articleBox .pagenav .current {
	color: #FFF;
	background: #FDB365;
	font-weight:bold;}

.articleBox .pagenav .next,
.articleBox .pagenav .prev {
	border:1px solid #FDB365;
	background:#FFF;
	text-decoration:underline;
	font-size:12px;
	font-weight:bold;}
	
strong{font-weight:bold;}	
	
img.alignright { display: block; margin: 0 0 0 auto; }/* 配置位置 右 */
img.alignleft { display: block; margin: 0 auto 0 0; }/* 配置位置 左 */
img.aligncenter { display: block; margin: 0 auto; }/* 配置位置 中央 */

/* end */