header{
margin-top: 47px;
}

.wrapper{
background-image: url(../image/mainH3_back02.png) , url(../image/point_back.jpg);
background-position: left top;
background-repeat: repeat-x , no-repeat;
background-size: auto;
width: 100%;
overflow: auto;
min-height: 700px;
}

#other{
background-image: url(../image/mainH3_back02.png) ,  none;
background-color: #f9f0ee;
}

@media screen and (min-width: 1710px) {
   .wrapper{ background-size: auto , cover; }
}

h3{
font-family: "Rounded Mplus 1c","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
 "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック";
font-weight: 600;
font-size: 20pt;
color: #fff;
text-align: center;
margin-top: 50px;
width: 100%;
letter-spacing: 0.1em;
}

h3 span{
font-size: 11pt;
margin-top: 10px;
display: block;
}

h4{
font-family: "Rounded Mplus 1c","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
 "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック";
font-weight: 600;
font-size: 20pt;
color: #EB6EA5;
text-align: center;
margin-bottom: 30px;
letter-spacing: 0.1em;
}

h4:after{
border-bottom: 3px solid #EB6EA5;
display: block;
margin: 0 auto;
padding-top: 30px;
width: 30px;
content: "";
}


/* point.html */
section#point01{
width: 100%;
padding-left: 340px;
padding-bottom: 100px;
min-height: 300px;
background-color: #f9f0ee;
position: relative;
}

section#point01 img#gaikan{
display: none;
}

section#point01 article:first-of-type{
min-width: 600px;
width: 600px;
background-color: #fff;
padding: 60px 30px;
margin: 0 auto;
position:relative;
top: -100px;
}

section#point01 article p br{
display: none;
}

section article p{
font-size: 12pt;
line-height: 1.8em;
}

section article p br.tab_none{
display: none;
}

section#point01 article:first-of-type p em{
font-weight: bold;
font-size: 13pt;
font-style: normal;
}

section#point01 article ol{
display: table;
table-layout: fixed;
border-collapse: separate;
border-spacing: 15px 0;
margin: 0 auto;
padding-bottom: 40px;
}

section#point01 article ol li{
display: table-cell;
}

section#point01 article ol li p{
  color: #fff;
  background-color:#eb6ea5;
  padding: 0;
  margin: 0;
  width: 130px;
  height: 130px;
  padding-top: 35px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  font-size: 15pt;
  line-height: 1.5em;
  font-weight: bold;
  font-family: "Rounded Mplus 1c","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
 "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック";
}

section#point01 article ul , section#space02 article ul{
width: 90%;
max-width: 1300px;
display: table;
table-layout: fixed;
border-collapse: separate;
border-spacing: 15px 0;
margin-left: auto;
margin-right: auto;
margin-top: -20px;
}

section#point01 article ul li , section#space02 article ul li{
list-style-type: none;
display: table-cell;
    vertical-align: middle;
}

section#point01 article ul li img , section#space02 article ul li img{
width: 100%;
height: auto;
}

section#point02{
width: 100%;
background-color: #fff;
padding-top: 100px;
padding-bottom: 100px;
padding-left: 340px;
}

section#point02 article{
min-width: 600px;
width: 600px;
}

/* ナビ タブレット横以外（PC) */
@media screen and (min-width:1025px){
section#point01 article:first-of-type{
min-width:780px;
width: 50%;
padding: 60px 40px;
}
section#point01 article p br{
display: inline;
}
section article p{
text-align: center;
}
section article p br.tab_none{
display: inline;
}
section#point02 article{
min-width: 700px;
width: 100%;
}
}

/* schedule.html */
section#schedule01{
margin-top: 115px;
}

section#schedule01 img{
width: 550px;
height: auto;
margin: 0 auto;
display: block;
}

section#schedule01 p{
padding-left: 400px;
}

/* ナビ タブレット横以外（PC) */
@media screen and (min-width:1025px){
section#schedule01 img{
width: 700px;
}
section#schedule01 p{
padding-left: 0px;
}
}

section#schedule01 p.title{
margin-top: 10px;
font-size: 9pt;
}

section#schedule02{
width: 100%;
background-color: #fff;
padding-top: 100px;
padding-bottom: 100px;
padding-left: 340px;
}

section#schedule article{
min-width: 700px;
width: 100%;
}

.timeline {
list-style: none;
margin: 40px auto 50px auto;
width: 600px;
padding-left: 40px;
padding-top: 40px;
padding-bottom: 40px;
font-size: 11pt;
background-color: #f9f0ee;
}

/* ナビ タブレット横以外（PC) */
@media screen and (min-width:1025px){
.timeline {
min-width: 700px;
width: 80%;
}
}

.timeline > li {
  margin-bottom: 60px;
}

  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .timeline-date {
    width: 110px;
    float: left;
    margin-top: 20px;
  }
  .timeline-content {
    width: 75%;
    float: left;
    border-left: 3px #f6c4d8 solid;
    padding-left: 30px;
	padding-top: 20px;
  }
  
    .timeline-content p{
	text-align: left;
	font-weight: bold;
	}
	
	.timeline-content p span{
	font-weight: normal;
	}
	
  .timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #EB6EA5;
    position: absolute;
    left: 106px;
    top: 24px;
    border-radius: 100%;
  }


/* space.html */
section#space01{
margin-top: 115px;
}

section#space01 p{
padding-left: 400px;
}

section#space02 p{
padding-left: 50px;
padding-right: 50px;
}

section#space02{
width: 100%;
padding-top: 100px;
padding-bottom: 100px;
padding-left: 340px;
margin-top: -450px;
}

section#space02 article{
min-width: 700px;
width: 100%;
min-height: 600px;
}

section#space02 ul{
padding-top: 30px;
padding-bottom: 60px;
}

section#space02 ul li span{
background-color: #eb6ea5;
color: #fff;
display: block;
margin: 0 auto;
margin-top: -30px;
padding: 20px;
text-align: center;
width: 250px;
position: relative;
z-index: 2;
font-size: 11pt;
font-weight: bold;
}

section#space02 ul:last-of-type{
padding-bottom: 0;
}

/* ナビ タブレット横以外（PC) */
@media screen and (min-width:1025px){
section#space01 p{
padding-left: 0px;
}
section#space02 p{
padding-left: 0px;
padding-right: 0px;
}
section#space02 ul li span{
width: 300px;
}
}


/* cotact.html */
section#contact01{
margin-top: 125px;
}

#textTel{
font-size: 30pt;
font-weight: bold;
margin-top: -20px;
}

#textTel em{
font-style: normal;
}

#textTel span{
font-size: 11pt;
font-weight: normal;
margin-left: 10px;
}

section#contact02{
width: 100%;
padding-top: 80px;
padding-bottom: 100px;
padding-left: 340px;
}

section#contact02 article{
min-width: 700px;
width: 100%;
}

section#contact02 #form{
outline: 10px solid #eee;
border-right: 40px solid #fff;
padding: 20px 40px;
margin-left: 60px;
margin-right: 60px;
overflow: hidden;
}

section#contact02 #form table{
width: 100%;
margin-bottom: 30px;
}

section#contact02 #form table td{
padding-bottom: 10px;
padding-top: 30px;
border-bottom: 1px solid #ddd;
vertical-align: top;
}

section#contact02 #form table td.title{
text-align: right;
padding-right: 20px;
min-width: 200px;
width: 200px;
}

section#contact02 #form table input , section#contact02 #form table textarea{
background-color: #efefef;
border: 0;
border-radius: 5px;
padding: 10px;
}

section#contact02 #form table input#zip{
background-color: #aaa;
color: #fff;
} 

section#contact02 #form #submit{
background-color: #fff;
color: #eb6ea5;
font-size: 12pt;
border-radius: 10px;
display: block;
margin: 30px auto;
padding: 15px 30px;
font-weight: bold;
border: solid 3px #eb6ea5;
-webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

section#contact02 #form #submit:hover{
cursor: pointer;
background-color: #eb6ea5;
color: #fff;
}

#modal-content{
	width:90%;
	margin:0 auto;
	padding:60px;
	background:#fff;
	z-index:9999;
	position:fixed;
	line-height: 1.8em;
}

/* ナビ タブレット横以外（PC) */
@media screen and (min-width:1025px){
#modal-content{
width:50%;
}
}

.modal-p:first-child{
	margin-top:0;
}

#modal-content ol{
padding-bottom: 20px;
}

#modal-content ol li{
margin-left: 2.0em;
margin-bottom: 1em;
}

#modal-open:hover{
cursor: pointer;
}

#modal-close{
	color:#333;
	display: block;
	width: 100px;
	padding: 10px;
	margin: 0 auto;
	text-align: center;
	background-color: #ccc;
	border-radius: 7px;
}
 
#modal-close:hover{
	cursor:pointer;
	background-color: #aaa;
	color:#fff;
}

#modal-overlay{
    z-index:9998;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
}

#modal-content , #modal-overlay{
display: none;
}


/* お知らせCMS記事詳細 */
section#news{
width: 100%;
padding-left: 340px;
min-height: 300px;
background-color: #f9f0ee;
position: relative;
}

section#news article:first-of-type{
min-width: 700px;
width: 50%;
min-height:600px; 
background-color: #fff;
padding: 60px 40px;
margin: 0 auto;
position:relative;
top: -100px;
}

p#pNav{
font-size: 8pt;
text-align: right;
}

p#pNav a:hover{
color: #FE9E1A;
}

div#news_all p#up_ymd{
text-align: right;
margin-top: 5px;
}

div#news_all p#title{
font-family: "Rounded Mplus 1c","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
 "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック";
font-weight: 600;
font-size: 20pt;
color: #EB6EA5;
text-align: center;
margin-top: 50px;
margin-bottom: 50px;
letter-spacing: 0.1em;
}

div#news_all p#title:after{
border-bottom: 3px solid #EB6EA5;
display: block;
margin: 0 auto;
padding-top: 30px;
width: 30px;
content: "";
}

div#news_all #detail{
width: 100%;
line-height: 2.0em;
font-size: 11pt;
}

div#detail img{
display: block;
margin: 20px 0;
width: 100%;
height: auto;
}

ul#newsList span.catName{
background-color: #F9F0EE;
text-align: center;
width: 130px;
padding: 5px 0;
border-radius: 7px;
display: inline-block;
font-size: 10pt;
}

ul#newsList span.newMark{
color: #b80101;
}

ul#newsList span.up_ymd{
margin-left: 15px;
margin-right: 10px;
}

ul#newsList span.title{
margin-top: 15px;
display: block;
}

ul#newsList span.comment{
display: block;
line-height: 1.6em;
}


ul#newsList{
width: 100%;
margin-bottom: 40px;
}

ul#newsList li a{
transition-property: none;
}

ul#newsList li{
font-size: 12pt;
padding: 30px;
list-style-type: none;
-webkit-transition:0.3s;
-moz-transition:0.3s;
 transition:0.3s;
}

ul#newsList li:last-child{
border-bottom: 0;
}

ul#newsList li:hover{
cursor: pointer;
background-color: #F9F0EE;
}

ul#newsList li:hover span.catName{
background-color: #fff;
}

#news p.pager{
margin-top: 40px;
margin-bottom: 40px;
margin-right: 10px;
display: list-item;
list-style-type: none;
}

#news p.pager:first-of-type{
margin-top: 0;
}

#news p.pager:last-of-type{
margin-bottom: 0;
}

#news p.pager a{
display: inline-block;
width: 70px;
text-align: center;
color: #999;
border-right: 1px solid #ccc;
}

#news p.pager a:first-child{
border-left: 1px solid #ccc;
}

#news p.pager a:hover{
color: #eb6ea5;
}


/*タブレット用 */
@media screen and (max-width:768px){
section#point01{
padding-left: 0;
background-color: #fff;
}

section#point01 article:first-of-type {
width: inherit;
top: inherit;
}

section#point02{
padding-left: 100px;
padding-right: 100px;
background-color: #f9f0ee;
}

section#point02 article{
min-width: inherit;
}

#other{
background-image: url(../image/mainH3_back02.png) , url(../image/point_back.jpg);
background-color: inherit;
}

section#contact01 , section#schedule01 , section#space01 {
margin-top: 700px;
padding-left: 0;
padding-bottom: 100px;
}

section#contact02 , section#schedule02 {
padding-left: 0;
background-color: #f9f0ee;
}

section#contact02 #form {
 outline: 10px solid #fff;
 border-right: 40px solid #f9f0ee;
}

section#contact02 #form table input, section#contact02 #form table textarea {
    background-color: #fff;
}

section#contact02 #form #submit{
background-color: #eb6ea5;
color: #fff;
font-size: 12pt;
border-radius: 10px;
display: block;
margin: 30px auto;
padding: 15px 30px;
font-weight: bold;
border: solid 3px #eb6ea5;
}

.timeline {
margin: 10px auto 20px auto;
}

section#space02{
margin-top: -150px;
padding-left: 0;
}
}