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

*{
	margin: 0;
	padding: 0;
}
html,body{
    height: 100%;
}

body {
    font-family: 'Meiryo', 'メイリオ', '平成明朝', 'Lucida Grande', Verdana, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
    letter-spacing: 0.06em;
    font-size: 15px;
    background-image: url("");
    background-color: #FFF8DC;
    background-repeat: ;
}
p,.h1,.h2,.h3,.h4,.h5,.h6,
h1,h2,h3,h4,h5,h6,dl {
    margin: 0;
    padding: 0;
    font-size: 1em;
}
img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
ul{
  list-style: none;
  margin-bottom: 0;
}
#wrapper{
    overflow: hidden;
}
/* header */
#header {
    margin: 0;
    width:100%;
    text-align: center;
}

/* sp-footer */
#footer{
    background-color: #19448E;
    padding-bottom: 1em;
}
#sp-footer{
    margin-bottom: 0;
    width: 100%;
    text-align: center;
}
#sp-footer li{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    list-style: none;
    width: 32%;
    font-size: 70%;
    text-align: center;
    line-height: 1.6em;
    letter-spacing: .1em;
}
#sp-footer span,
#sp-footer i {
    font-size: 180%;
}
#sp-footer a {
    color: #FFF;
}

#sp-footer a {
    display: block;
    padding: .8em;
}
#sp-footer a:hover,
#sp-footer a:active {
    background: #FFF;
    color: #19448E;
    border-radius: 8px;
    text-decoration: none;
}
#copyright{
    text-align: center;
    padding: 1em;
    font-size: .8em;
}
/*SNS*/
.snsbtn {
padding-top: 1em;
margin-bottom: 1em;
overflow: visible;
padding-left:0;
text-align:center;
}
.snsbtn li {
display:inline-block;
vertical-align:bottom;
margin-right: 15px;
}
.snsbtn li:last-child {
margin-right: 0;
}
.fb_iframe_widget > span {
vertical-align: baseline !important;
}
/* pagetop */
#pagetop {
  position: fixed;
  right: 12px;
  bottom: 50px;
  width: 54px;
  height: 54px;
  text-align: center;
  z-index: 999;
  background: #FFF;
  box-shadow: rgba(60, 60, 60, 0.6) 0px 2px 6px 0px;
  -webkit-box-shadow: rgba(60, 60, 60, 0.6) 0px 2px 6px 0px;
  -moz-box-shadow: rgba(60, 60, 60, 0.6) 0px 2px 6px 0px;
  border-radius: 50%;
  overflow: hidden;
}

#pagetop a {
  display: block;
  padding-top: .3em;
  font-size: 1.2em;
  color: #FFF;
  background: #cc9900;
  height: 54px;
}
#pagetop a:hover {
  color: #FFF;
  background: #00cccc;
}

/* main_contents */
#content{
	/*background: #FFFFFF;*/
    }
#catch {
	font-size: 1.2em;
	font-weight: bold;
	color: #9E3D3F;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-top: 1em;
	}
.lead_text {
	font-size: 0.9em;
	line-height: 1.6em;
	margin-top: 1em;
}
.midashi {
	background: #9E3D3F;
	color: #FFF;
	font-size: 1.2em;
	text-align: center;
	padding: 0.2em;
	margin: 0.5em 0;
	}
.guest_label {
	margin: 1em 0;
	}	
.guest_photo {
	width: 200px;
	height: 200px;
	border: solid 1px #591919;
	box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.2);
	}
.guest_name {
	text-align: center;
	color: #9E3D3F;
	padding: 0.5em 0 0.5em 0;
	font-size: 1.4em;
	line-height: 1.2em;
	}
.guest_name span{
	font-size: 70%;
	color: #C19348;
	}	
#catch_highlight{
	background: url(../img/highlight_illustrat.jpg?0312) no-repeat center top;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	color: #20B2AA;
	margin: 1em 0 0 0;
	padding: 3.1em 0 0 0;
	color: #9E3D3F;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}	
.highlight_oka {
	background: url(../img/highlight_bg_oka.png) no-repeat center top;
   background-size: 95%;
   color: #591919;
   margin-bottom: 1em;
	}
.highlight_kou {
	background: url(../img/highlight_bg_kou.png) no-repeat center top;
   background-size: 95%;
   color: #591919;
   margin-bottom: 1em;
	}
.highlight_hir {
	background: url(../img/highlight_bg_hir.png) no-repeat center top;
   background-size: 95%;
   color: #591919;
   margin-bottom: 1em;
	}
.highlight {
   background: url(../img/highlight_bg.jpg) no-repeat center top;
   background-size: 100%;
  color: #9E3D3F;
   margin-bottom: 1em;
	}			
.highlight_photo {
	border: solid 1px #FFF;
	box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.2);
	}		
.place {
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	padding: 1.9em 0 0.2em 0;
	margin: 0.5em 0;
	}
.place_text {
	margin: 0.5em 0.2em 0 0.2em;
	padding-bottom: 0.5em;
	color: #3D1D1D;
	}
.narration {
	padding-left: 0.5em;
	font-size: 1.4em;
	}	

/* PC */
@media (min-width: 768px) {

    #wrapper {
    width: 100%;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
     /*background: url(../img/headerbg.jpg) no-repeat center top;
   background-size: cover;*/
    }
    #content{
    max-width: 980px;
    margin: 0 auto;
    padding-bottom: 136px;
    }
    #footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 120px;
    }
    #pnkz{
    max-width: 980px;
    margin: .5em auto 1em;
    padding: 0 1em;
	color: #FFF;
    }
    #pnkz a {
    color: #FFF;
}
    #pnkz a:hover,
    #pnkz a:active {
    color: #ffff66;
    text-decoration: none;
}
    #copyright{
    max-width: 980px;
    margin: 0 auto;
    padding: 0 1em;
    text-align: center;
	color: #FFF;
    }
    .snsbtn {
    margin-bottom: .3em;
    }
/* pagetop */
    #pagetop{
    bottom: 92px;
    right: 3%;
    }
/* main_contents */
#catch {
	font-size: 1.9em;
	font-weight: bold;
	margin: 1.5em 0 0.5em 0;
	text-align: center;
	}
#catch_highlight{
	background: url(../img/highlight_illustrat.jpg?0312) no-repeat center top;
	font-size: 1.9em;
	text-align: center;
	margin: 1em 0 1em 0;
	padding: 2em 0 0 1em;
	
}
.lead_text {
	font-size: 1.0em;
	margin: 1em; 
}
.guest {
   padding: 0.5em 1em 0.5em 1em;
}
.guest_label{
	margin: 1em 0 1em 0;
}
.guest_photo {
	width: 140px;
	height: 140px;
	}

.place {
	font-size: 1.5em;
	padding: 1.5em 0 0.2em 0;
	margin: 0.7em 0;
	}
.place_text {
	margin: 1em 1em 1em 1.5em;
	}		
/* Medium devices (desktops, 992px and up) ********************************************************/
@media (min-width: 992px) {
.guest_photo {
	width: 180px;
	height: 180px;
	}	

}