@charset "utf-8";
/* CSS Document */

#page_t {
margin-bottom: 80px;
height: 220px;
display: flex;
align-items: center;
background: url("images/page_title.png") no-repeat top center;
background-size: auto 100%;
}

h2 {
width: 90%;
max-width: 1050px;
margin: 0 auto;
color: #FFFFFF;
text-align: center;
font-size: 160%;
}

#contents {
width: 90%;
max-width: 1050px;
margin: 0 auto;
}

.ohisamaclub {
	background: #F7F3EA;
	padding: 1.5em;
}

.ohisamaclub h3 {
position: relative;
}

.ohisamaclub h3 span {
	position: absolute;
	right: 0;
	top: 25%;
}

.ohisamaclub .block01 {
	width: 100%;
	margin-bottom: 20px;
}

.ohisamaclub .block02 {
	width: 48%;
	float: left;
}

.ohisamaclub .block02 h4 {
	background: url(images/ohisama_h4_bg01.png) no-repeat;
	background-size: cover 0;
	background-position: top right;
	color: #F1924B;
	font-size: 180%;
	text-align:left;
	padding: 55px 0 35px 20px;
	margin-bottom: 15px;
}



.ohisamaclub .block02 h4 span{
	font-size: 60%;
}

.ohisamaclub .block02 div {
	background: #FFF;
	box-shadow: 0px 0px 10px 3px #F3EADD;
	padding:1.5em 1em;
	color: #8C4600;
}

.ohisamaclub .block02 div h5 {
	border-bottom: #F1924B 2px solid;
	color: #FF2626;
	font-size: 120%;
	text-align: center;
	padding-bottom: 8px;
	margin-bottom: 15px;
}

.ohisamaclub .block02 div h6 {
	font-size: 100%;
}

.ohisamaclub .block02 div ul {
	margin: 0;
	padding: 0;
}

.ohisamaclub .block02 div li {
	text-align: center;
	width: 33.333%;
	float: left;
	margin-bottom: 15px;
}


.ohisamaclub .block03 {
	width: 49%;
	float: right;
}

.ohisamaclub .block03 h4 {
	background: url(images/ohisama_h4_bg02.png) no-repeat;
	background-size: cover 0;
	background-position: top right;
	color: #EF9FC2;
	font-size: 180%;
	text-align:left;
	padding: 55px 0 35px 20%;
	margin-bottom: 19px;
}

.ohisamaclub .block03 div {
	background: #FFF;
	box-shadow: 0px 0px 10px 3px #F3EADD;
	padding:1.5em 1em;
	color: #8C4600;
}

.ohisamaclub .block03 div h5 {
	border-bottom: #EF9FC2 2px solid;
	color: #FF2626;
	font-size: 120%;
	text-align: center;
	padding-bottom: 8px;
	margin-bottom: 15px;
}

.ohisamaclub .block03 div p.lead {
	text-align: center;
	color: #333333;
	line-height: 180%;
	margin-bottom: 15px;
}

.ohisamaclub .block03 div h6 {
	font-size: 100%;
}

.ohisamaclub .block03 div ul {
	margin: 0;
	padding: 0;
}

.ohisamaclub .block03 div li {
	text-align: center;
	width: 25%;
	float: left;
	margin-bottom: 15px;
}

.ohisamaclub .block03 div p.program {
	background: #F7F3EA;
	border-radius: 6px;
	padding: 0.5em;
	color: #333333;
}

.ohisamaclub .block03 div p.program  strong {
	color: #EE9FC1;
}






.ohisamaclub .block04 {
	width: 100%;
	margin-bottom: 40px;
}

.ohisamaclub .block04 div h6 {
	font-size: 100%;
}

.ohisamaclub .block04 .leftbox {
	width: 46%;
	float: left;
}

.ohisamaclub .block04 .rightbox {
	width: 53%;
	float: right;
	background: #FFF;
	box-shadow: 0px 0px 10px 3px #F3EADD;
	padding:1.5em 1em 0.5em;
	color: #8C4600;
	box-sizing: border-box;
}

.ohisamaclub .block04 h4 {
	background: url(images/ohisama_h4_bg03.png) no-repeat;
	background-size: 0 cover;
	background-position: bottom left;
	color: #1275A9;
	font-size: 180%;
	line-height: 100%;
	text-align:left;
	padding: 30px 0 30px 20px;

}

.ohisamaclub .block04 h4 span {
	font-size:70%;
	padding-left: 23%;
}

.ohisamaclub .block04 .rightbox ul {
	margin: 0;
	padding: 0;
}

.ohisamaclub .block04 .rightbox li {
	text-align: center;
	width: 25%;
	float: left;
	margin-bottom: 15px;
}




/* タブレットレイアウト : 768 px ～ 959 px*/
@media screen and (max-width:959px)
{
.ohisamaclub h3 {
position: relative;
}

	.ohisamaclub h3 img {
		width: 60%
	}	
	
.ohisamaclub h3 span {
	position: absolute;
	right: 0;
	top: 25%;
}

	.ohisamaclub h3 span img {
		width: 80%;
	}

	
.ohisamaclub .block02 h4 {
	background: url(images/ohisama_h4_bg01.png) no-repeat;
	background-size: cover 0;
	background-position: bottom right;
	color: #F1924B;
	font-size: 160%;
	text-align:left;
	padding: 55px 0 20px 20px;
	margin-bottom: 15px;
}

.ohisamaclub .block02 h4 span{
display: block;
font-size: 60%;
}

.ohisamaclub .block03 h4 {
	background: url(images/ohisama_h4_bg02.png) no-repeat;
	background-size: cover 0;
	background-position: bottom right;
	color: #EF9FC2;
	font-size: 160%;
	text-align:left;
	padding: 55px 0 30px 0%;
	margin-bottom: 19px;
}


.ohisamaclub .block04 h4 {
	background: url(images/ohisama_h4_bg03.png) no-repeat;
	background-size: 0 cover;
	background-position: bottom left;
	color: #1275A9;
	font-size: 160%;
	line-height: 100%;
	}
}


/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{

#contents .img {
width: 100%;
}

.ohisamaclub {
	background: #F7F3EA;
	padding: 0.8em;
}

.ohisamaclub h3 {
position:static;
width: 100%;
text-align: center;
}
	
	.ohisamaclub h3 img {
		width: 100%;
	}

.ohisamaclub h3 span {
position:static;
}

.ohisamaclub h3 span img {
width: 40%;
max-width: 100%;
}

.ohisamaclub .block01 {
	width: 100%;
	margin-bottom: 20px;
}

.ohisamaclub .block02 {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}

.ohisamaclub .block02 h4 {
	background: url(images/ohisama_h4_bg01.png) no-repeat;
	background-size: cover 0;
	background-position: top right;
	color: #F1924B;
	font-size: 160%;
	text-align:left;
	padding: 55px 0 35px 0px;
	margin-bottom: 15px;
}



.ohisamaclub .block02 h4 span{
	font-size: 60%;
	display: inline-block;
}

.ohisamaclub .block02 div {
	background: #FFF;
	box-shadow: 0px 0px 10px 3px #F3EADD;
	padding:1.5em 1em;
	color: #8C4600;
}

.ohisamaclub .block02 div h5 {
	border-bottom: #F1924B 2px solid;
	color: #FF2626;
	font-size: 120%;
	text-align: center;
	padding-bottom: 8px;
	margin-bottom: 15px;
}

.ohisamaclub .block02 div h6 {
	font-size: 100%;
}

.ohisamaclub .block02 div ul {
	margin: 0;
	padding: 0;
}

.ohisamaclub .block02 div li {
	text-align: center;
	width: 33.333%;
	float: left;
	margin-bottom: 15px;
}


.ohisamaclub .block03 {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}

.ohisamaclub .block03 h4 {
	background: url(images/ohisama_h4_bg02.png) no-repeat;
	background-size: cover 0;
	background-position: top right;
	color: #EF9FC2;
	font-size: 160%;
	text-align:left;
	padding: 55px 0 35px 0%;
	margin-bottom: 19px;
}

.ohisamaclub .block03 div {
	background: #FFF;
	box-shadow: 0px 0px 10px 3px #F3EADD;
	padding:1.5em 1em;
	color: #8C4600;
}

.ohisamaclub .block03 div h5 {
	border-bottom: #EF9FC2 2px solid;
	color: #FF2626;
	font-size: 120%;
	text-align: center;
	padding-bottom: 8px;
	margin-bottom: 15px;
}

.ohisamaclub .block03 div p.lead {
	text-align: center;
	color: #333333;
	line-height: 180%;
	margin-bottom: 15px;
}

.ohisamaclub .block03 div h6 {
	font-size: 100%;
}

.ohisamaclub .block03 div ul {
	margin: 0;
	padding: 0;
}

.ohisamaclub .block03 div li {
	text-align: center;
	width: 25%;
	float: left;
	margin-bottom: 15px;
}

.ohisamaclub .block03 div p.program {
	background: #F7F3EA;
	border-radius: 6px;
	padding: 0.5em;
	color: #333333;
}

.ohisamaclub .block03 div p.program  strong {
	color: #EE9FC1;
}






.ohisamaclub .block04 {
	width: 100%;
	margin-bottom: 40px;
}

.ohisamaclub .block04 .leftbox {
	width: 100%;
	float: none;
}

.ohisamaclub .block04 .rightbox {
	width: 100%;
	float: none;
	background: #FFF;
	box-shadow: 0px 0px 10px 3px #F3EADD;
	padding:1.5em 1em 0.5em;
	color: #8C4600;
	box-sizing: border-box;
}

.ohisamaclub .block04 h4 {
	background: url(images/ohisama_h4_bg03_sp.png) no-repeat;
	background-size: cover 0;
	background-position: top right;
	color: #1275A9;
	font-size: 160%;
	line-height: 100%;
	text-align:left;
	padding: 30px 0 30px 0px;
	margin-bottom: 20px;
}

.ohisamaclub .block04 h4 span {
	font-size:70%;
	padding-left: 0%;
}

.ohisamaclub .block04 .rightbox ul {
	margin: 0;
	padding: 0;
}

.ohisamaclub .block04 .rightbox li {
	text-align: center;
	width: 25%;
	float: left;
	margin-bottom: 15px;
}	
	
}