@charset "utf-8";
* {margin: 0; padding: 0; font-size: 1em; }
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
body { font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 0.9375em; line-height: 1.6em; background-color: #666;}
img {vertical-align: top; width: 100%; height: auto;}
a img {border:none;}
a:hover img {opacity: 0.6;}
a {color: #03D; text-decoration: none;}
a:hover {color: #F60;}
a:hover h1{opacity: 0.7;}
p {margin-bottom: 1em;}
header {background: url(../img/mizugiwa_s.jpg) no-repeat center top; background-size:120%; background-position: center top; background-attachment: fixed;}
h1 {width: 100%; text-align: center; color: #FFF; font-size: 0.9em;}
#webdesign {width: 100%; margin: 0 auto; text-align: center; }
#webdesign img {width: 85%; max-width: 260px; margin: 0 auto;}
#pixelkobo {width: 85%; max-width: 260px; margin: 0 auto 20px;}
h3 {font-size: 1.5em; line-height: 1.3em; font-weight:bold; padding: 40px 0 3px; margin-bottom: 10px; border-bottom: 2px dotted #4C69DF; color: #2387D0; clear: both;}
h3:first-child {padding: 0 0 3px;}
#tel-btn a  {background-color: #628CFD; padding: 5px 0; border-radius: 20px; width: 10em; margin: 0 auto; text-align: center; display: block; color: #FFF;}
#tel-btn a:hover {background-color: #8AAAFF;}
#head-tel {display: none;}
#main {background-color:#FFF;}
article {width: 92%; margin: 0 auto; padding: 20px 0; overflow: hidden;}
.catch {font-size: 8vw; line-height: 1.2em; text-align: center; padding: 30px 0;}
h2 {width: 8em; font-size: 2em; line-height: 1.2em; text-align: center; border-bottom: 5px solid #4C69DF; padding: 20px 0 10px; margin: 0 auto;}
.h2-underline {border-bottom: 2px solid #4C69DF; width: 100%; margin: 0 auto 30px;}
.catch2 {font-size: 4.5vw; line-height: 1.5em; margin-bottom: 1em; font-weight: bold; color: #666;}
.catch3 {font-size: 1.3em; line-height: 1.5em; margin-bottom: 1em; font-weight: bold; color: #666;}
.catch4 {font-size: 1.3em; line-height: 1.5em; margin-bottom: 1em; font-weight: bold; color: #666;}
.head_catch {display: none;}
nav { z-index: 100000; background-color:rgba(0,0,0,0.5); }
nav ul {list-style-type: none; text-align: center; overflow: hidden;}
nav ul li {float: left; width: 50%;}
nav ul li a {padding: 8px 0; display: block; color: #FFF; border-right: 1px solid rgba(255,255,255,0.3); border-top:1px solid rgba(255,255,255,0.3); }
nav ul li a:hover {background-color: rgba(255,255,255,0.15); color: #FFF;}
#pankuzu {padding: 0 0 5px; color: #999; border-bottom: 1px dotted #999; margin-bottom: 10px;}
.center {text-align: center;}
.img01 {width: 100%; max-width: 350px; margin: 0 auto 20px;}
.img02 {width: 70%; max-width: 250px; margin: 0 auto 20px;}
.img03 {width: 70%; max-width: 250px; margin: 0 auto 20px}
.img04 {width: 50%; max-width: 150px; margin: 0 auto 20px;}
.img_l01 {width: 100%; max-width: 200px;}
.kotira {width: 65px;}
.bg-gray {background-color: #EEE; padding: 20px 0; overflow: hidden;}
.bg-white {background-color: #FFF; padding: 20px 0; overflow: hidden;}
#osirase {overflow: hidden;}
.kiji {overflow: hidden; padding: 3%; background-color: #FFF; margin-bottom:10px;}
.kiji a {color:#002FCF;}
.kiji a:hover {color: #F60;}
.day {margin-bottom: 3px; font-size: 1.1em; color:#006A9E; font-weight: bold; line-height: 1.5em;}
.kiji img {width: 75px; height: 75px; float: right; margin-left:10px; border:1px solid #999;}
.comm {height: 210px; overflow:hidden; margin-bottom: 10px; clear: both; border-top: 2px dotted #CCC; padding-top: 10px;}
.osirase_p {width: 75px; float: right; margin-left:10px; border:1px solid #999;}
.list01 {margin-left: 2em; line-height: 1.4em; margin-bottom: 1em;}
.list01 li {margin-bottom: 0.4em;}
.list02 {margin-left: 2em; line-height: 1.4em; margin-bottom: 1em; float: left; width: 100px;}
.list02 li {margin-bottom: 0.4em;}
.list03 {margin-left: 2em; line-height: 1.4em; margin-bottom: 1em; float: left; width: 100%;}
.list03 li {margin-bottom: 0.4em;}
#btm-otoiawase {text-align: center;}
#btm-otoiawase .text01 { margin: 0 auto 10px; }
#btm-otoiawase .text02 a {font-size: 1.2em; color: #FFF; background-color: #628CFD; width: 12em; padding: 5px 10px; border-radius: 20px; display: block; margin: 0 auto 10px;}
#btm-otoiawase .text02 a:hover {background-color: #8AAAFF;}
.itiran {font-size: 0.9em; text-align: center; padding:20px 0 10px; clear: both; }
.text03 {font-size: 1.2em;}
footer {background-color: #666; padding: 20px 3% 50px; color: #CCC; text-align: center;}
footer a {color: #CCC;}
.bg-blue {background-color:#628CFD; overflow: hidden; padding: 20px 0;}
.bg-blue h3 {color: #FFF; border-bottom: 2px dotted #FFF;}
.bg-blue h4 {font-size: 1.2em; font-weight: bold; color:#FFF;}
#contents-menu {margin-bottom: 1em; list-style-type: none;}
#contents-menu li {border-bottom: 1px dotted #FFF; padding: 1em 0 0; overflow: hidden;}
#contents-menu li a {color: #FFF; display: block;}
#contents-menu li a:hover {color: #FC0;}
#contents-menu li a:hover h4 {color: #FC0;}
#contents-menu li a img {width: 25%; max-width: 75px; float: right; padding: 0 0 10px 10px;}
#contents-menu2 { list-style-type: none; clear: both; }
#contents-menu2 li a {color: #FFF;}
#contents-menu2 li a:hover {color:#FC0;}
#seisakurei ul {list-style-type: none;}
#seisakurei ul li {padding:10px 0; overflow: hidden; border-bottom: 1px dotted #999;font-size: 0.9em; line-height: 1.4em;}
#seisakurei ul li a {display: block;}
.jisseki-img {width: 50%; max-width: 160px; float: left; clear: left; margin-right:5%;}
.clear {clear: both;}
.sp-none {display: none;}
.top_bnr {text-align: center; margin-bottom: 30px;}
.top_bnr img {width: 150px; margin-bottom: 10px;}
#table_middle {width: 130px; margin: 0 auto;}
#table_middle td {text-align:center;}
#table_middle td img {height: 7px; width: auto;}
.text_smaller {font-size: 0.8em;}
#pagetop a {text-align: center; width: 9em; margin: 0 auto; padding: 5px 0; background-color: #2D61ED; border-radius: 5px 5px 0 0; display: block; position: fixed; left:10%; right:10%; bottom: 0; color: #FFF;}
#pagetop a:hover {background-color: #8AAAFF;}
.btn01 {clear: both; width: 100%; margin: 0 auto;}
.btn01 a {padding: 10px;border: 3px solid #628CFD; border-radius: 10px; margin: 20px 0 0; display: block; color: #628CFD; text-align: center; font-size: 1.2em; font-weight: bold;}
.btn01 a:hover {background-color: #8AAAFF; color: #FFF;}
h4 {font-weight: bold; font-size: 1.1em; margin-bottom: 10px;}
.tbl01 { width: 100%; border-top: 1px solid #999; border-right: 1px solid #999; margin-bottom:1em; }
.tbl01 tr th { font-weight: normal; text-align: center; padding: 5px; border-bottom: 1px solid #999; border-left: 1px solid #999; background-color: #EEE; }
.tbl01 tr td { padding: 5px; border-bottom: 1px solid #999; border-left: 1px solid #999; }
.list_faq {margin-bottom: 30px;}
.list_faq li { list-style-type: none; padding-left: 30px; padding-top: 10px; font-weight: bold; }
.list_faq li ul li { list-style-type: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; padding-bottom: 20px; padding-left: 30px; font-weight: normal; }
.list_faq li img {width: 21px;}
.gaiyou_hyou {margin-bottom: 20px; border-top: 1px dotted #999;}
.gaiyou_hyou dl {border-bottom: 1px dotted #999; padding: 5px 0;}
.gaiyou_hyou dt {font-weight: bold;}
.gaiyou_hyou dd {margin-left: 1em;}
.formwidth {width: 98%;}
.text_red1 {color: #C00;text-align: right;}
.formwidth2 {width: 98%;}
.img_tel {width:90px; margin: 0 auto;}
.text04 {margin: 0 auto; text-align: center; font-size: 1.5em; line-height: 1.4em;}
.text_small1 {font-size: 0.8em; font-weight: normal; color: #000; line-height: 1.2em;}
.otoiawase dl {border-top: 1px dotted #999; padding: 8px 0;}
.otoiawase dt {font-weight: bold; color: #666;}
form { margin-bottom: 10px;}
.submit_btn {padding: 3px; font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.msg {color: #C06;}
.game_cate {background-color:#4C69DF; padding: 5px 8px; color: #FFF; font-size: 1.3em; font-weight: bold;}
.form_form {border-top: 1px dotted #999;}
.insta {margin: 0 auto; text-align: center;}
/*掲示板*/
.top-btn {text-align: right;}
.bbs-form {padding: 15px;}
.bbs-form dl {padding: 10px 0;}
.bbs-form dt {font-weight: bold;}
.bbs-form dd {}
.bg2 {background-color: #eee; margin-bottom: 20px; border-radius: 5px;}
.bbs-art {padding: 15px; border: 1px solid #999; border-radius: 5px; margin-bottom: 20px;}
.pg-btn {text-align: center;}
.bbs-sub {font-weight: bold; color: #007D9C;}
.text1 {font-weight: bold; color: #666;}
.bbs-com {color: #000;}
.bbs-submit {padding: 5px; font-size: 1.2em;}
.bbs-form input, .bbs-form select, .bbs-form textarea { font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.pager {list-style-type: none;}
.pager li {display: inline;}
.pager li a {text-align: center; padding: 5px; border: 1px solid #999; border-radius: 3px;}
.bbs_ninsyou {width: 100px;}
/*ブログ*/
.entry_body div, .entry_body p {margin-bottom: 1em;}
/*アクセス解析*/
#ana img {width: 1px; height:1px;}

@media print, screen and (min-width: 639px){
header {background-image: url(../img/mizugiwa_m.jpg); background-size: 120%; background-position: center -50px; background-attachment: fixed;}
h1 {text-align: right; }
#title {overflow: hidden; padding: 100px 0 60px;}
#title2 {overflow: hidden; padding: 40px 0;}
#webdesign {float: left; width: 46%; max-width: 45%; text-align:right; padding: 10px 0 0; }
#webdesign img {width: 100%; max-width: 270px;}
#pixelkobo {float: right; width: 65%; max-width: 52%; text-align: left; margin: 0 auto;}
#pixelkobo img {width: 100%; max-width: 330px;}
#head-tel {display:block; color: #FFF; width: 14em; text-align: center; margin: 0 auto;}
#tel-btn {display: none;}
#h-tel {font-size: 1.1em;}
.catch {padding: 50px 0; font-size: 2.5em; font-weight: normal; display: none;}
h2 {padding:30px 0 10px; font-size: 2.4em; font-weight: normal; width:10em;}
h3 {font-size: 2em; font-weight: normal; margin-bottom: 0.7em;}
.catch2 {float: left; width: 52%; font-size: 1.9em; line-height: 1.3em; font-weight: normal; padding: 50px 0 0;}
.catch3 {float: left; width: 68%; font-size: 1.9em; line-height: 1.3em; font-weight: normal;}
.catch4 {float: left; width: 100%; font-size: 1.9em; line-height: 1.3em; font-weight: normal;}
.head_catch {display: block; color: #FFF; text-align: center; padding: 50px 0 0; clear: both; font-size: 2.4em; line-height: 1.2em; text-shadow: 0 0 10px #000;}
.pc-tab-none {display: none;}
.sp-none {display: block;}
nav {clear: both; }
nav ul li {width: 25%;}
nav ul li a {padding: 10px 0;}
.img01 {width: 43%; max-width: 400px; float: right;}
.top_img01 {width: 43%; max-width: 400px; float: right; padding: 50px 0;}
.img02 {width: 35%; max-width: 250px; float: right; }
.img03 {width: 27%; max-width: 230px; float: right;}
.img04 {float: right;}
.img_l01 {width: 30%; max-width: 200px; float: left; margin-right: 20px;}
.kiji {float: left; width: 45%; padding: 2%; margin:0.5%;}
#contents-menu li {width: 48%; float: left; margin-right: 4%;}
#contents-menu li:nth-child(2n) {margin-right: 0;}
#contents-menu2 {padding-top: 1em;}
#contents-menu2 li {display: inline;}
.section1 {clear: both;}
.section2 {clear: left; float: left; width: 68%;}
#seisakurei ul {overflow: hidden;}
#seisakurei ul li {float: left; width: 32%; text-align: center; margin-right: 2%; font-size: 0.8em; height: 200px;}
#seisakurei ul li:nth-child(3n) {margin-right: 0;}
.jisseki-img {float: none; width: 160px; margin: 0 auto 5px;}
.btn01 {width:20em;}
.tbl01 {margin-bottom: 5px;}
.text_red {color: #c00;}
.gaiyou_hyou dl {overflow: hidden;}
.gaiyou_hyou dt {float: left; width: 25%;}
.gaiyou_hyou dd {float: right; width: 70%;}
.formwidth2 {width: 50%;}
.img_tel {float: left; width: 90px; margin-right: 10px;}
.text04 {float: left; font-size: 1.6em;}
.text_small1 {font-size: 0.6em}
.textblock_r {float: right; width: 65%; overflow: hidden;}
.list03 li {float: left; width: 33%;}
/*掲示板*/
.bbs-form dl {border-bottom: 1px dotted #666; overflow: hidden;}
.bbs-form dt {float: left; width: 15%;}
.bbs-form dd {float: right; width: 80%;}
}

@media print, screen and (min-width: 1024px){
header {background-image: url(../img/mizugiwa_l.jpg); background-position: center -80px;}
#title {overflow: hidden; padding: 150px 0 80px;}
#title2 {overflow: hidden; padding: 80px 0;}
article {width:960px; }
.section1 {width:55%; clear: left; }
.section2 {width:70%;}
.catch {font-size: 3em;}
.catch2 {font-size: 2.2em; width: 55%; font-weight: normal;}
.catch3 {font-size: 2.2em; width: 68%; font-weight: normal;}
.head_catch {padding: 100px 0 0; clear: both; font-size: 2.8em; line-height: 1.2em;}
nav {border-top: 1px solid rgba(255,255,255,0.3);}
nav ul {width:100%; max-width: 1280px; margin: 0 auto;}
nav ul li {width: 12.5%;}
nav ul li a {padding: 15px 0; border-top: none; border-bottom: none;}
nav ul li:first-child a {border-left: 1px solid rgba(255,255,255,0.3);}
.kiji {width:28.3%;}
#seisakurei ul li {width: 233px; margin-right: 9px;}
#seisakurei ul li:nth-child(3n) {margin-right:9px;}
#seisakurei ul li:nth-child(4n) {margin-right: 0;}
#contents-menu li {width: 300px; margin-right: 30px;}
#contents-menu li:nth-child(2n) {margin-right: 30px;}
#contents-menu li:nth-child(3n) {margin-right: 0;}
.img01 {width: 40%; max-width: 450px; float: right; padding-top: 50px}
.img02 {width: 35%; max-width: 400px; float: right;}
.img03 {width: 25%; max-width: 250px; float: right;}
.textblock_r {width: 740px;}
.btn01 {width:300px;}
.gaiyou_hyou dt {float: left; width: 17%;}
.gaiyou_hyou dd {float: right; width: 80%;}
.formwidth2 {width: 250px;}
.otoiawase dl {overflow: hidden;}
.otoiawase dt {float: left; width: 200px;}
.otoiawase dd {float: right; width: 470px;}
.pc-none {display: none;}
.list03 li {width: 25%;}
h1 {font-size: 1em;}
#webdesign {float: left; width: 46%; max-width: 46%; text-align:right; padding: 10px 0 0; font-size: 1.1em;}
#webdesign img {width: 100%; max-width: 320px;}
#pixelkobo {float: right; width: 60%; max-width: 500px; text-align: left; margin: 0 auto;}
#pixelkobo img {width: 100%; max-width: 380px;}
}
@media print, screen and (min-width: 1280px){
header {background-position: center -100px;}
#title {overflow: hidden; padding: 200px 0 100px;}
}

@media print {
	body {width:1000px;}
	#pagetop {display:none;}
}