@charset "utf-8";
* {margin: 0; padding: 0;}
body {background: url("../top/1zentai.jpg") no-repeat center top; background-size: auto; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size: 0.88em; line-height: 1.5em; background-color: #EEE; }
img {height: auto; width: 100%; vertical-align: top;}
a img {border:none;}
a:hover img {opacity:0.6;}
a {color: #0033FF; text-decoration:none;}
a:hover {color:#88A0FD;}
p {margin-bottom: 1em;}
ul {list-style-type: none;}
header {background: url("../top/top_main.jpg") #FFF no-repeat center top; background-size: 100%; padding: 0;}
.gra_sikiri  {width: 100%; text-align: center; margin: 0 auto 20px; height: 1em;}
.gra_sikiri img {height: 100%;}
#header_menu {display: none;}
#header_menu2 {display: block; text-align: center; background-color:#946500; color: #FFF;}
#header_menu2 ul li { padding: 5px 0; border-bottom: 1px solid #DBB259; }
#header_menu2 ul li:last-child {border: none;}
#header_menu2 ul li a {color: #FFF; display: block;}
#header_menu2 ul li a:hover {color: #FFCC00;}
h1{width: 94%; margin: 0 auto 30px; padding-top: 10px;}
#catch {display: none;}
#sp_catch {width: 94%; text-align: center; color: #FFF; text-shadow: 0 0 10px #000; font-size: 1.2em; line-height: 1.5em; font-weight: bold; margin: 0 auto 30px;}
#sub_catch {text-align: center; width: 94%; margin: 0 auto 0.5em; line-height: 1.5em; font-weight: bold;}
#photo {margin-bottom: 20px}
.body_copy {margin: 0 auto 1em; width: 94%; }
.hanakei {width: 30%; margin: 0 auto; padding-bottom: 1em;}
#ansin {width: 50%; margin: 0 auto 20px;}
#ansin2 {display: none;}
#main {background-color: #f7ebba; overflow: hidden;}
article {width: 94%; margin: 10px auto 0;}
h3 {color: #941f00; border-bottom: 1px solid #941f00; margin-bottom: 0.5em; font-size: 1.2em; line-height: 1.3em;}
.top_left_column {margin: 0 0 2em;}
.top_right_column {margin: 0 0 2em;}
#obi {background: url("../top/obi.jpg") no-repeat center; background-size: 200%; padding: 1em 0; margin-bottom: 2em;}
.text01 {font-size: 2em; line-height: 1.2em; text-align: center; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; text-shadow: 0 0 5px #999; margin-bottom: 0.5em;}
.bg_hana1 {background: url("../top/hana1.jpg") no-repeat center; background-size: 30%;}
.bg_hana2 {background: url("../top/hana2.jpg") no-repeat center; background-size: 30%;}
.bg_white {background-color: #FFF; padding: 0 0 5px;}
.list01 {margin-left: 2em;}
.list01 li {margin-bottom: 0.3em; line-height: 1.4em; list-style-type: disc;}
.btn {width: 80%; margin: 0 auto;}
.btn01 {background: url("../top/video.jpg") no-repeat right bottom #dbb328; background-size: 35%; margin: 0 auto 1em; padding: 1em; border-radius: 10px; }
.btn02 {background: url("../top/mail.jpg") no-repeat right 10% #dbb328; background-size: 30%; margin: 0 auto 1em; padding: 1em; border-radius: 10px; }
.btn03 {background: url("../top/video.jpg") no-repeat right bottom #dbb328; background-size: 35%; margin: 0 auto 1em; padding: 1em; border-radius: 10px; }
.btn h4 {font-size: 1.6em; line-height: 1.2em; text-align: center; color: #FFF;}
a .btn01, a .btn02, a .btn03 {color: #000; border: 5px solid #AD8A0E;}
a:hover .btn01, a:hover .btn02 {border: 5px solid #F4D466;}
#juusyo {text-align: center; padding: 30px 0; clear: both;}
.syamei {font-size: 1.2em; margin-bottom: 0.5em;}
#copyright {text-align: center; margin-bottom: 50px;}
#pagetop_box {width: 152px; margin: 0 auto;}
.pagetop {clear: both; text-align: center; border: 1px solid #999; border-bottom: none; border-radius: 8px 8px 0 0 ; position: fixed; bottom: 0; width: 150px; margin: 0 auto; background-color:rgba(255,255,255,0.8);}
.pagetop a { line-height: 0.5em; color: #333; display: block; padding: 10px 0;}
.pagetop a:hover {color: #BBB;}
.omoi_bg {background: url("../top/hana3.jpg") no-repeat left 30%; background-size:50%;}
.omoi_bg2 {background: url("../top/hana2.jpg") no-repeat right 70%; background-size: 40%;}
.website a {padding: 5px; border: 2px solid #CCC; margin: 0 auto; border-radius: 30px; display: block; width: 250px;}
.last_article {padding-bottom: 1em;}
.img01 {width: 85%; margin: 0 auto 0;}
.youtube {width:100%; padding-top:56.25%; position:relative; margin-bottom:10px;}
.youtube iframe {top:0; right:0; width:100%; height:100%; position:absolute;}

@media print , screen and (min-width : 380px ){
h1 {width: 80%;}
#sp_catch {font-size: 1.4em;}
#sub_catch {font-size: 1.2em; color: #FFCC00; text-shadow: 0 0 3px #000;}
.body_copy {text-align: center;}
#ansin {max-width: 200px;}
#ansin2 {display: none;}
.youtube {max-width: 400px; margin: 0 auto 10px;}
.bg_hana1 {background-size: 17%; background-position: 20% center; }
.bg_hana2 {background-size: 17%; background-position: 80% center; }
a .btn01, a .btn02, a .btn03 {background-size: 80px; display: block;}
#obi {padding: 1.5em 0; background-size: 140%;}
.omoi_bg {background-size:35%;}
.omoi_bg2 {background-size: 27%;}
.img01 {width: 70%; max-width: 360px;}
}

@media print, screen and (min-width:700px) {
body {font-size: 0.9375em; line-height: 1.6em;}
.pc_tab_none {display: none;}
h1 {max-width: 550px; padding: 10px 0 0;}
#header_menu {display: block; text-align: center; background-color: rgba(127,75,0,0.5); color: #FFF;}
#header_menu ul li {display: inline-block; padding: 10px;}
#header_menu ul li a {color: #FFF; }
#header_menu ul li a:hover {color: #FFCC00;}
#header_menu2 {display: none;}
#sp_catch {display: none;}
#catch {display: block; width: 50%; max-width: 400px; margin: 0 auto 20px;}
#sub_catch {font-size: 1.3em; margin-bottom: 30px;}
#photo {width: 85%; margin: 0 auto 20px;}
.body_copy {font-size: 1.1em; line-height: 1.8em; background: url("../top/sp_hanakei.jpg") no-repeat center; background-size: 100%; padding: 30px 0 2em ; max-width: 800px; margin: 0 auto;}
#ansin {display: none;}
#ansin2 {display: inline-block; width: 24%; text-align: center; padding: 0 3%} 
.top_left_column {width: 35%; float: left; margin-top: 20px; }
.top_right_column {width: 35%; float: right; margin-top: 20px;}
#obi {clear: both; background-size: 110%;}
#omoi {width: 80%; max-width:700px; margin: 0 auto 2em; }
.btn {width: 80%; max-width: 600px; margin: 0 auto; overflow: hidden;}
.btn h4 {font-size: 2em; line-height: 1.2em; font-weight: normal; text-align: center; color: #FFF;}
 a .btn01{float: left; width: 42%; max-width: 250px; background-size: 80px; height: 8em;}
 a .btn02{float: right; width: 42%; max-width: 250px; background-size: 80px; height: 8em;}
 a .btn03 {float: right; width: 42%; max-width: 250px; background-size: 80px; height: 8em;}
.omoi_bg {background-size:23%;}
.omoi_bg2 {background-size: 20%;}
.text01 {font-size: 2.1em;}
.img01 {width: 50%; max-width: 400px;}
}

@media print, screen and (min-width:1024px) {
h1 {width: 55%; max-width: 700px; padding: 30px 0 20px;}
#catch {width: 45%; max-width: 600px; margin-bottom: 3em;}
#sub_catch {font-size: 1.6em;}
#photo {max-width: 1000px;}
article{width: 1000px; margin: 0 auto;}
#obi {background-size: cover; padding: 2.4em 0;}
.bg_hana1, .bg_hana2 {background-image: none;}
.text01 {font-size: 2.4em; text-shadow: 0 0 10px #666;}
#ansin2 {width: 20%; padding: 0 2%;}
.img01 {max-width: 420px;}
}