@charset "UTF-8"; * {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td,img{margin:0;padding:0;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} table {border-collapse:collapse;border-spacing:0;} ol,ul {list-style:none;} li {display: inline-block;*display: inline;*zoom: 1;} a img {border-style:none;//IE8} img{max-width: 100%;} a {color: #61C4E3;text-decoration:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;} a:link{color:#FFF;} a:visited{color:#FFF;} a:hover{color:#FFF;} a:focus{outline:0} a:hover,a.selected,a:link{text-decoration:none;} a,img{vertical-align:top} .clrfx:before,.clrfx:after {content: " ";display: table;clear: both;} .clrfx {*zoom: 1;} .fl {float: left;} .fr {float: right;} .vh{visibility: hidden;} .tac{text-align: center;} .dn{display: none;} .ml_05 {margin-left: -0.5em;} .hoverOp:hover{filter: alpha(opacity=60);opacity: 0.6;} a.hovOp:hover{filter: alpha(opacity=50);opacity: 0.5;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .clrbr{display: inline-block; padding-bottom: 13px;} .forPc{display:block;} .forSp{display:none;} .hideImg { overflow: hidden; text-indent: 100%; white-space: nowrap; background-position: center; background-repeat: no-repeat; } .red{ color:#FA3131; } .hidden{ visibility:hidden;} /* Common * --------------------------------------------------------*/ body { font-family:"秀英角ゴシック銀 L", "Shuei KakuGo Gin L", "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background-color:#FFF; } /* wrapper */ #wrapper{ position: relative; margin: 0 auto; background-color:#EEFCFF; } /* header */ #head{ margin:0 auto; height: 140px; width:100%; position: relative; background-color: #61C4E3; } #head:after { content: ''; background-image: url("../images/tarai2.png"); background-repeat: no-repeat; background-position: right top; background-size: 280px; display: inline-block; width: 280px; height: 553px; position: absolute; right: 300px; top: 0; } #head h1{ width:800px; margin:0 auto; text-align:left; color: #FFF; font-size: 28px; padding: 45px 0; font-family:"秀英角ゴシック銀 B", "Shuei KakuGo Gin B", "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } /* main */ #main{ width:800px; margin:0 auto; padding: 50px 0; } #main h3{ font-size: 18px; font-weight: bold; display: inline-block; background-color: #FF9E52; padding: 5px; font-family:"秀英角ゴシック銀 B", "Shuei KakuGo Gin B", "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } #main p{ font-size: 14px; letter-spacing: 0.075em; line-height: 1.8em; color:#000; margin-bottom: 20px; } #main p.spec{ font-size: 13px; line-height: 1.8em; margin: 20px 0; color: #61C4E3; } #main .brock{ margin-bottom: 40px; } /* fotter */ #footer{ width: 100%; margin: 0 auto; background: #FFF; padding-top: 80px; height: 150px; text-align: center; } .btn_top { width: 250px; margin: 0 auto; padding: 30px 40px; font-size: 16px; border-radius: 10px; color: #FFF; text-align: center; background-color: #61C4E3; } @media only screen and (max-width: 479px) { body { width: 100%; ;margin: 0 auto;background-image: none; } img{max-width:100%;height:auto;} .hoverOp:hover{filter: alpha(opacity=100);opacity: 100;} .wrapper{width: 100%;} .fl,.fr {float: none;} .forPc{display:none;} .forSp{display:block;} #koneta_info{background-color: #FFF; padding: 50px 0;} #wrapper{ position: relative; margin: 0 auto; text-align:center; width:100%; background-color:#FFF; background:none; } /* header */ #header{ margin:0 auto; text-align:center; width:100%; } #header .hobo{ width:150px; margin:0 auto; margin-top: 10px; text-align:center; } /* main */ #main{ background-color: #FFF; width: 100%; margin:0 auto; } /* fotter */ #footer{ background-color:#FFF; width:100%; margin: 0 auto; background-size:95%; padding-top:50px; padding-bottom:20px; } #footer ul li img{ width:60px;} .padding{ padding-right:20px;} #footer ul { margin: 0; padding-top:20px; padding-left:0; list-style-type: none; text-align: center; letter-spacing: -0.4em; font-size: 0; } #footer ul li { display: inline-block; *vertical-align: auto; *zoom: 1; margin: 0; } /* fotter2 */ #footer2{ background-color:#FFF; width:100%; margin: 0 auto; background-size:95%; padding-top:50px; padding-bottom:20px;} #footer2 ul li img{ width:60px;} .padding{ padding-right:20px;} #footer2 ul { margin: 0; padding-top:20px; padding-left:0; list-style-type: none; text-align: center; letter-spacing: -0.4em; font-size: 0; } #footer2 ul li { display: inline-block; *vertical-align: auto; *zoom: 1; margin: 0; } .copy{ background-color:#FFF; width:180px; margin:0 auto; text-align:center; margin-top:40px; } } @media only screen and (max-width: 321px) { #yodogawa p{ font-size: 14px; } #koneta_link ul li { font-size: 16px; } .koneta_icon { width: 72px; } }