@charset "utf-8";
/* css リセット　------------------------------------------------------------ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
/* 基本設定　---------------------------------------------------------- */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: center; letter-spacing: 0.1em; margin: 0px; padding: 0px; }
img { vertical-align: bottom; }
header img,.map img { max-width: 100%; height: auto; }
/* リンク設定　---------------------------------------------------------- */
a:link, a:visited, a:active { color: #000000; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; }
.clear { clear: both; }
.cbox { zoom: 100%; }
.cbox:after { content: " "; clear: both; height: 0; display: block; visibility: hidden; }

#wrapper { margin-right: auto; margin-left: auto; padding-top: 70px; padding-bottom: 50px; text-align: left; }
#wrapper section { margin-right: auto; margin-left: auto; max-width: 600px; padding-right: 10%; padding-left: 10%; }
#wrapper header { margin-right: auto; margin-left: auto; max-width: 400px; padding-right: 10%; padding-left: 10%; }
#wrapper header h1 { margin-bottom: 50px; }
#wrapper header h2 { margin-bottom: 80px; display: block; }
#wrapper section h1 { font-family: arvo; font-weight: 100; margin-top: 60px; font-size: 24px; }
#wrapper .information { margin-bottom: 50px; }
#wrapper .information dt { }
#wrapper .information dd { margin-top: 20px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 14px; line-height: 1.8em; float: left; }
#wrapper .information dd.map { width: 50%; float: right; margin-top: -40px; }
#wrapper .facebook { margin-bottom: 60px; }
#wrapper .facebook h1 { margin-bottom: 20px; }
#wrapper .facebook dt { background-image:url('../common/images/tenn.png'); background-position:center center; background-size:cover; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; margin-bottom: 15px; overflow: hidden; height: 120px; width: 120px; }
#wrapper .facebook dt img { height: auto; width: 200%; }
#wrapper .facebook #fbFeed li { list-style-type: none; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 12px; line-height: 1.6em; margin-bottom: 30px; width: 120px; float: left; margin-right: 40px; letter-spacing: 0em; }
#wrapper .facebook #fbFeed li:last-child { margin-right: 0px; }
#wrapper .facebook #fbFeed li .posted { display: block; margin-bottom: 10px; text-align: left; }
#wrapper .facebook #fbFeed { width: auto; }
#wrapper footer { margin-right: auto; margin-left: auto; padding-top: 50px; clear: both; font-family: arvo; font-size: 12px; line-height: 1em; text-align: center; }
#gmap { height: 500px; width: 100%; clear: both; display: block; }



/* iPHone4,iPhone5,iPhone5s */
@media screen and (min-width: 320px) and (max-width: 374px) {
#wrapper { padding-top: 35px;}
#wrapper header { padding-right: 16%; padding-left:16%; }
#wrapper header h1 { margin-bottom: 30px; }
#wrapper .information dd.map { width: auto; float: none; padding-top: 20px; clear: both; margin-top: 0px; }
#gmap { height: 400px; }
#wrapper .facebook dt { border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; margin-bottom: 15px; overflow: hidden; height: 110px; width: 110px; }
#wrapper .facebook #fbFeed li { list-style-type: none; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 12px; line-height: 1.6em; margin-bottom: 30px; width: 110px; float: left; margin-right: 0px; letter-spacing: 0em; }
#wrapper .facebook #fbFeed li:nth-last-of-type(3) { float: right;margin-right: 0px; }
#wrapper .facebook #fbFeed li:last-child { float: right;margin-right: 0px; }
#gmap { height: 500px; width: 85%; clear: both; display: block;margin-right: auto;margin-left: auto; }
}
 
/* iPhone6のみ */
@media screen and (min-width: 375px) and (max-width: 413px) {
#wrapper { padding-top: 40px;}
#wrapper header { padding-right: 15%; padding-left:15%; }
#wrapper header h1 { margin-bottom: 30px; }
#wrapper .information dd.map { width: auto; float: none; padding-top: 20px; clear: both; margin-top: 0px; }
#gmap { height: 400px; }
#wrapper .facebook dt { border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; margin-bottom: 15px; overflow: hidden; height: 130px; width: 130px; }
#wrapper .facebook #fbFeed li { list-style-type: none; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 12px; line-height: 1.6em; margin-bottom: 30px; width: 130px; float: left; margin-right: 40px; letter-spacing: 0em; }
#wrapper .facebook #fbFeed li:nth-last-of-type(3) { float: right;margin-right: 0px; }
#wrapper .facebook #fbFeed li:last-child { float: right;margin-right: 0px; }
#gmap { height: 500px; width: 85%; clear: both; display: block;margin-right: auto;margin-left: auto; }
}
 
/* iPhone6 Plus */
@media screen and (min-width: 414px) and (max-width: 500px) {
}