@charset "utf-8"; /*コンテナー（HPを囲むブロック） ---------------------------------------------------------------------------*/ #container { width: auto; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; } /*h1タグの設定*/ #container h1 { display: none; } img{width:100%; height:auto;} /* ---------------------------------------------------------------------------*/ header { width: auto; height:auto; background-size: 100% auto; /*背景画像をウィンドウに対して60％に*/ border: none; } header #logo img { width: 60%; /*ヘッダーに対してロゴ画像を60％の幅に*/ height: auto; } /*上部のメインメニュー ---------------------------------------------------------------------------*/ /*メニューブロックの設定*/ nav#menu ul { /* [disabled]height: 160px; */ width: 100%; margin-right: auto; margin-left: auto; background-image: none; } #menu { background-image:none; margin-bottom: 10px; } nav#menu ul li { float: left; height:auto; width: 50%; /* [disabled]height: 80px; */ background-color: rgba(61,35,1,1.00); background-image: -webkit-linear-gradient(270deg,rgba(61,35,1,1.00) 17.10%,rgba(114,69,36,1.00) 100%); background-image: linear-gradient(180deg,rgba(61,35,1,1.00) 17.10%,rgba(114,69,36,1.00) 100%); padding-top: 5px; padding-bottom: 5px; } nav#menu ul li a { height: auto; text-decoration: none; display: block; letter-spacing: 0.1em; text-align: center; color: #FFF; background-position:center 50%; background-size:contain; background-repeat:no-repeat; background-image:url(../images/phone/nav_home.png); } nav#menu ul li a:hover { background-image:inherit; opacity:0.8; } nav#menu ul li:first-child a { } nav#menu ul .menu_home a { background-image:url(../images/phone/nav_home.png); } nav#menu ul .menu_menu a { background-image:url(../images/phone/nav_menu.png); } nav#menu ul .menu_kodawari a { background-image:url(../images/phone/nav_kodawari.png); } nav#menu ul .menu_access a { background-image:url(../images/phone/nav_access.png); } nav#menu ul li a span { display: inherit; } /*コンテンツ（main,subを囲むブロック） ---------------------------------------------------------------------------*/ #contents { width: auto; padding-top: 10px; } /*main,subコンテンツ ---------------------------------------------------------------------------*/ #main, #sub { float: none; width: auto; margin-bottom: 20px; } /*service.html内の各ブロック（※タイプ１） ---------------------------------------------------------------------------*/ /*各ボックスの設定*/ #main section.list1 section { width: 45%; /*ボックスの幅*/ } /*その他 ---------------------------------------------------------------------------*/ /*写真の設定*/ img.wa { width: 100%; height: auto; } /*指定の場合にsubブロックを表示させない設定*/ body.s-n #sub { display: none; } #top #container #contents .fb { background-image: url(../images/fb_hd.png); padding-top: 40px; background-repeat: no-repeat; background-position: left top; margin-top: 20px; margin-bottom: 20px; width: 90%; margin-right: auto; margin-left: auto; } #top #container #contents .fb .fb_box { /* [disabled]height: 240px; */ margin-right: auto; margin-left: auto; background-color: #f2e7c9; padding-right: 10px; padding-left: 10px; padding-top: 20px; padding-bottom: 20px; width: auto; } footer p img { width: 200px; } footer ul li { margin-right: 3.5em; float: left; } footer ul { width: 310px; display: block; margin-right: auto; margin-left: auto; margin-top: 10px; height: 1em; font-size: 12px; padding-bottom: 28px; } footer p { clear: both; } #main section .info { float: none; width: 87%; background-color: rgba(255,184,33,0.80); padding-top: 2%; padding-right: 2%; padding-bottom: 2%; padding-left: 2%; border-radius: 5px; margin-right: auto; margin-left: auto; } #main section .gmap { float: none; width: 90%; margin-bottom: 20px; margin-right: auto; margin-left: auto; } #main section .info dl dt { color: #D00003; font-weight: bold; font-size: 120%; width: 5em; float: left; clear:left; padding-top:0.4em; } #main section .info dl dd { display: block; padding-left: 6em; border-bottom: 1px solid #F1E3B4; padding-top: 1em; padding-bottom: 1em; line-height: 120%; } #container #contents #main.kodawari { font-size:90%; } #container #contents #main .kodawari_middle { padding-left:5%; padding-right:5%;} #container #contents #main .kodawari_bottom { padding-left:5%; padding-right:5%; padding-bottom:20%; } #top01 { width: auto; } #top01 #rbtn { float: none; margin: 0 0 10px 0; width: auto; } #top01 #slider { float: none; width: auto; } #top01 #slider .bxslider li div { width: auto; } @media (min-width: 320px) and (max-width: 520px) { .pc{display:none;} .sp{display:inherit;} }