@charset "utf-8"; /*=============================================== ●tablet.css 画面の横幅が768pxまで ===============================================*/ @media screen and (max-width: 768px){ .inner { width: 100%; position: relative; margin: 0 auto; } .topics-section > .inner { margin: auto; padding-top: 60px; padding-bottom: 75px; width: 100%; } .clearfix { margin-bottom:10px; display: block; } #main ul.pageNav01 { padding: 0px 10px 5px; text-align: center; } #main ul.pageNav01 li { display: inline; margin: 0 2px; padding: 0; } #main ul.pageNav01 li span, #main ul.pageNav01 li a { display: inline-block; margin-bottom: 5px; padding: 1px 8px; text-decoration: none; vertical-align: middle; } #main ul.pageNav01 li a:hover { } /*全体の設定 ---------------------------------------------------------------------------*/ img{ border: none; vertical-align: bottom; } a{color:#781f12;text-decoration:none;} a:hover{color:#5d0000;} a:active, a:focus{outline:0;} ol, ul {list-style: none;} /*ヘッダー*/ header { background-color: #FFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF)); background-image: -webkit-linear-gradient(#FFF 60%, #FFF); background-image: linear-gradient(#FFF 60%, #FFF); } header .inner { position: relative; margin: 0px auto; width: 1000px; height: 110px; } header h1 { position: absolute; left: 30px; top: 10px; } header address { top: 15px; right: 30px; text-align: center; } header address .tel { color: #CB4326; font-weight: bold; text-align:center; font-size:150%; } /*ヘッダーブロック*/ header { background-image: none; } header .inner { width: auto; height: auto; text-align: center; } /*h1ロゴの設定*/ header .inner h1 { position: static; padding-top: 20px; } /*電話番号ボックスの設定*/ header .inner address { position: static; padding-bottom: 20px; } /* top-icon */ #top-icon { display:none; } /*---------------------------------------------------- トップバナー ----------------------------------------------------*/ .bunner{ display:block; margin:auto; text-align:center; } .bunner a:hover{ filter:alpha(opacity=70); -moz-opacity: 0.6; opacity: 0.6; } /*上部のメインメニュー ---------------------------------------------------------------------------*/ nav#menu { height: auto; overflow: hidden; border-bottom: none; border-left: 1px solid #d4d4d4; margin-bottom: 6px; border-top: 1px solid #CCC; } nav#menu ul { width: auto; } /*メニュー１個ごとの設定*/ nav#menu ul li { width: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: 1px solid #d4d4d4; } nav#menu ul li a:hover { border-bottom: none; } /*最初のメニューの設定*/ nav#menu ul li:first-child { border-left: none; } /*コンテンツ（main,subを囲むブロック） ---------------------------------------------------------------------------*/ #contents { width: auto; margin-right: 6px; margin-left: 6px; } /*main,subコンテンツ ---------------------------------------------------------------------------*/ #main, #sub { float: none; width: auto; } #main .text { float:left; width:97%; } /*トップページのメイン画像 ---------------------------------------------------------------------------*/ #mainimg { margin: 0px 6px 1%; } #mainimg aside { height: auto; width: 100%; } #mainimg aside img { vertical-align: bottom; } #slide_image { height: auto; width: 100%; position: relative; } #slide_image2 { height: auto; width: 100%; position: absolute; left:0px; top:0px; } /*その他 ---------------------------------------------------------------------------*/ /*指定の場合にsubブロックも表示させない設定*/ body.s-n #sub { display: none; } /*幅一杯に画像を表示させる*/ img.wa { height: auto; width: 100%; } /*tdタグにiframeを読み込んだ場合（GoogleMap用）*/ td iframe { height: 300px; width: 100%; } /*---------------------------------------------------- 利用規約 ----------------------------------------------------*/ ::selection { color: #fff; background: #55d5ac;} ::-moz-selection { color: #fff; background: #55d5ac;} #sample01 div { width: 100%; text-align: center; } #sample01 p:first-child { margin-bottom: 20px; } #sample01 p a { text-decoration: underline;} #sample01 p a:hover { text-decoration: none;} input[type="text"] { float: left; width: 400px; height: 10px; padding: 4px; border: 1px solid #ccc; -webkit-appearance: none; border-radius: 0; } input[type="submit"] { width: 200px; height: 50px; background-color: #666; border: none; color: #fff; -webkit-transition: background-color .2s; transition: background-color .2s; cursor: pointer; -webkit-appearance: none; border-radius: 0; } input[type="submit"]:hover { background-color: #59b1eb; } input[type="submit"][disabled] { background-color: #ccc; cursor: default; } *.logbox { border: solid 1px #808080; width: 90%; height: 400px; padding: 0.5em; overflow: auto; margin:auto; } *.logbox02 { border: margin:auto; padding:50px; } }