@charset "UTF-8";

@media only screen and (max-width: 768px){

/******************************************
 ヘッダー
******************************************/

#headbg {
width: 100%;
height: 50px;
background-image: url(/img/head_bg.gif);
position: fixed;
top: 0;
z-index: 10000;
}

#head {
width: 100%;
margin: 0 auto;
}

#head:after {
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#head h1 {display:none;}

#logo {
float: left;
text-align: left;
color: #fff;
font-size: 120%;
font-weight: bold;
}

#logo a {
color: #fff;
z-index: 15000 !important;
display: block;
padding-top: 13px;
padding-bottom: 10px;
padding-left: 5px;
}

#logo a:hover {}
#toptel {}

#toptel a {
display: block;
position: fixed;
top: 9px;
right: 54px;
width: 33px;
height: 33px;
background-color: #fff;
background-image: url(/img/headtel.png);
background-repeat: no-repeat;
background-position: center;
background-size: 25px 25px;
border-radius: 10%;
-webkit-border-radius: 10%;
-moz-border-radius: 10%;
text-align: center;
}

#toptel img {}
#topmail {}

#topmail a {
display: block;
position: fixed;
top: 9px;
right: 93px;
width: 33px;
height: 33px;
background-color: #fff;
background-image: url(/img/headmail.png);
background-repeat: no-repeat;
background-position: center;
background-size: 25px 25px;
border-radius: 10%;
-webkit-border-radius: 10%;
-moz-border-radius: 10%;
text-align: center;
}

#topmail img {}
#maintopdisc {display:none;}

#line a {
display: block;
position: fixed;
top: 9px;
right: 213px;
width: 33px;
height: 33px;
-webkit-border-radius: 10%;
-moz-border-radius: 10%;
text-align: center;
}

#head-link {}
#head-link ul {}
#head-link ul li {}
#head-link ul li.splink {}

#head-sub {
width: 100%;
background-color: #ccc;
padding-top: 53px;
}

#head-sub:after {
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#sub-disc {
width: 100%;
margin: 0 auto;
padding-bottom: 3px;
}

#sub-disc h2 {
color: #333;
text-align: left;
}

/******************************************
 メイン画像
******************************************/

#main {
width: 100%;
margin: 0 auto 10px auto;
}

#main_01 {
background-image: url(/img/main_01_s.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: 100% auto;
height: 250px;
text-indent: -99999px;
}

#main_02 {
background-image: url(/img/main_02_s.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: 100% auto;
height: 250px;
text-indent: -99999px;
}

#main_03 {
background-image: url(/img/main_03_s.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: 100% auto;
height: 250px;
text-indent: -99999px;
}

/******************************************
 パンくず
******************************************/

#pankuzu {
width: 100%;
padding-top: 20px;
margin: 0 auto 20px auto;
text-align: left;
}

/******************************************
 メインコンテンツフレーム
******************************************/

#maincontents {
width: 96%;
margin: 0 auto;
}

#maincontents:after {
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#cen {
clear: both;
width: 100%;
margin-bottom: 30px;
}

#ri {
width: 100%;
clear: both;
margin-bottom: 30px;
}

/******************************************
 共通ライトコンテンツ
******************************************/

#kanoutbl {
width: 300px;
margin: 0 auto 30px auto;
background-image: url(/img/kanoutbl-mdl.png);
background-repeat: repeat-y;
background-size: 300px auto;
}

#kanoutbl h4 {
width: 300px;
margin: 0 auto;
}

#kanoutbl h4 img {width:100%;}

#kanoutbl-btm {
width: 300px;
margin: 0 auto;
background-image: url(/img/kanoutbl-btm.png);
background-repeat: no-repeat;
background-position: bottom;
background-size: 300px auto;
padding-bottom: 10px;
}

#kanoutbltxt {
width: 290px;
margin: 0 auto;
padding-bottom: 10px;
}

#kanoutbltxt p {
text-align: left;
padding: 10px 0 0 0;
}

#kanoutbltxt p.wf_a {width:85%;}
#kanoutbltxt p.wf_b {width:80%;}

#moushikomi {
width: 300px;
margin: 0 auto 20px auto;
}

#moushikomi h4 {width:300px;}

#moushikomi h4 img {width: 100%;}

#moushikomitxt {
width: 300px;
height: 128px;
margin: 0 auto;
background-image: url(/img/moushikomibg.png);
background-repeat: no-repeat;
background-size: 300px auto;
}

#moushikomitxt p {
text-align: left;
padding: 10px 10px 0 120px;
line-height: 30px;
}

#moushikomitxt p span.bgclr {background-color:#dfdfdf;}

#moushikomibnr {
width: 300px;
margin: 0 auto;
}

#moushikomibnr img {width:100%;}

#ri_tel_bnr {
width: 300px;
margin: 0 auto 20px auto;
border: 2px solid #4D7AFF;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

#ri_tel_bnr_ttl {
width: 280px;
margin: 0 auto 10px auto;
background-color: #4D7AFF;
}

#ri_tel_bnr_ttl h4 {
padding-top: 10px;
padding-bottom: 10px;
color: #fff;
font-size: 20px;
}

#ri_tel_bnr_txt {
width: 280px;
margin: 0 auto;
}

#ri_tel_bnr_txt p {text-align:left;}

#ri_tel_bnr_telnum {
width: 280px;
margin: 0 auto 5px auto;
text-align: center;
}

#ri_tel_bnr_telnum img {width:100%;}

#ri_tel_bnr_telimg {
width: 270px;
margin: 0 auto 5px auto;
text-align: center;
}

#ri_tel_bnr_telimg img {width:100%;}

#ri_tel_mail {
width: 300px;
margin: 0 auto 20px auto;
border: 2px solid #ff8000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

#ri_tel_mail_ttl {
width: 280px;
margin: 0 auto 10px auto;
background-color: #FE9A2E;
}

#ri_tel_mail_ttl h4 {
padding-top: 10px;
padding-bottom: 10px;
color: #fff;
font-size: 20px;
}

#ri_tel_mail_txt {
width: 280px;
margin: 0 auto;
}

#ri_tel_mail_txt p {text-align:left;}

#ri_tel_mail_telimg {
width: 280px;
margin: 0 auto 5px auto;
text-align: center;
}

#ri_tel_mail_telimg img {width:100%;}

#ri_tel_mail_mailimg {
width: 270px;
margin: 0 auto;
text-align: center;
}

#ri_tel_mail_mailimg img {width:100%;}

#tfkanou {
width: 100%;
margin: 0 auto 20px;
}

#tfkanou img {width:90%;}

#sidebnr_01 {
width: 100%;
text-align: center;
margin: 0 auto 20px auto;
}

#sidebnr_01 img {
width: 90%;
text-align: center;
margin: 0 auto;
}

#sidebnr_02 {
width: 100%;
text-align: center;
margin: 0 auto;
}

#sidebnr_02 img {
width: 90%;
text-align: center;
margin: 0 auto;
}

/******************************************
 フットお問い合わせバナー
******************************************/

#footinfobnr {
width: 97%;
margin: 0 auto 30px auto;
}

#footinfobnr img {width:100%;}

#sub_footinfobnr {
width: 97%;
margin: 0 auto 30px auto;
}

#sub_footinfobnr img {width:100%;}

/******************************************
 ボトムパンくず
******************************************/

#btmpanbg {
width: 100%;
margin-bottom: 30px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #efefef;
}

#btmpan {
width: 97%;
margin: 0 auto;
}

#btmpan:after {
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#btmpan ul {}

#btmpan ul li {
float: left;
text-align: left;
}

#btmpan ul li a {
margin-right: 10px;
position: relative;
padding-right: 8px;
display: block;
}

#btmpan ul li a:after {
content:">";
font-size:100%;
line-height: 1em;
font-family:"ＭＳ Ｐゴシック",sans-serif;
color:#999;
position:absolute;
right:-5px;
top: 3px;
display: block;
}

/******************************************
 ボトムリンク
******************************************/

#btmlinkbg {
width: 100%;
margin: 0 auto 30px auto;
border-bottom: 1px solid #ccc;
text-align:center;
}

#btmlinkbg #a_link {}
#btmlinkbg #b_link {}
#btmlinkbg #c_link {}
#btmlinkbg #d_link {}

#btmlinkbg:after {
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.btmlink {
width: 100%;
margin:0 auto;
background-color: #efefef;
}

.btmlink dl {
width: 100%;
margin: 0 auto;
}

.btmlink dl dt {
background-color: #fff;
border-top: 1px solid #ccc;
text-align: left;
padding-top: 10px;
padding-bottom: 10px;
font-weight: bold;
font-size: 120%;
}

.btmlink dl dd {
background-color: #efefef;
border-top: 1px solid #ccc;
text-align: left;
}

.btmlink dl dd a {
display: block;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 25px;
background-image: url(/img/ficon.png);
background-repeat: no-repeat;
background-position: 5px center;
font-weight: bold;
}

.btmlink dl dd a:hover {}
#c_link dl dd {text-align:center !important;}
#d_link dl dd {text-align:center !important;}

/******************************************
 フッター
******************************************/

#footdisc {
width: 97%;
margin: 0 auto 30px auto;
border-bottom: 1px solid #ddd;
padding-bottom: 30px;
}

#footdisc p {text-align:left;}

#footcopy {
width: 100%;
margin: 0 auto;
}

#footad {
clear: both;
width: 100%;
margin-bottom: 30px;
}

#footlink {
clear: both;
padding-bottom: 30px;
}

#footlink ul {}

#footlink ul li {
display: inline;
padding-left: 10px;
padding-right: 10px;
}

#footlink ul li a {}
#footlink ul li a:hover {}

/******************************************
 追加ボタン
******************************************/

#top_otoiawase_box {
width: 95%;
margin: 0 auto 10px auto;
text-align: center;
}

#top_otoiawase_box:after {
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#top_otoiawase_box a.btn {
display: inline-block;
zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
*display: inline;
vertical-align: baseline;
margin: 5px 2px;
outline: none;
cursor: pointer;
text-align: center;
padding: 1em 1em 1em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em; 
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
color: #fff;
font-weight: bold;
border: solid 1px #0076a3;
background: #0095cd;
background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
background: -moz-linear-gradient(top,  #00adee,  #0078a5);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}

/******************************************
 フィックスボタン
******************************************/

#fixed-contact {display:none;}

.fixed-contact {
width: 100%;
background: rgba(0,0,0,.5);
 padding: 20px 0;
position: fixed;
bottom: 0;
z-index: 10;
}

#footcontactbnr {}

#footcontactbnr a {
color: #fff;
 width: 80%;
margin: 0 auto;
display: block;
padding: 10px 0 10px 0;
 background-color: #ffa500;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
font-size: 150%;
font-weight: bold;
}

/******************************************
 ボタン装飾
 ******************************************/

a.avlinkbtn {
display: inline-block;
zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
*display: inline;
vertical-align: baseline;
margin: 5px 2px;
outline: none;
cursor: pointer;
text-align: center;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: 1em 1em 1em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
font-size: 11px;
padding: .2em .5em .275em;
color: #faddde !important;
border: solid 1px #980c10;
background: #d81b21;
background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}

.avlinkbtn:hover {
background: #b61318;
background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
background: -moz-linear-gradient(top,  #c9151b,  #a11115);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}

.avlinkbtn:active {
color: #de898c;
background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

}