@charset "utf-8";

.pc{ display:none;}
.sp{ display:block;}

/*---------------------------------------------
ロゴ　レイアウト
---------------------------------------------*/
#top h1{ overflow: hidden; text-indent: 100%; white-space: nowrap;width:65%;max-width:200px; min-height:60px;float:left;margin-left:10px;}
#mainlogo{ overflow: hidden; text-indent: 100%; white-space: nowrap;width:65%;max-width:200px; min-height:60px;float:left;margin-left:10px;}

/*---------------------------------------------
ロゴ　装飾
---------------------------------------------*/
#top h1{background: url(../img/logo.jpg) 0 0 no-repeat #fff; background-size:100%; }
#mainlogo{background: url(../img/logo.jpg) 0 0 no-repeat #fff; background-size:100%; }

/*---------------------------------------------
全体　レイアウト
---------------------------------------------*/
body{line-height:100%; margin:0 0 0 ;  padding:0; font-size:100%;}
#wrapper{ width:100%; margin:auto; padding: 95px 0 0;}

a{ line-height:140%;}

h1,h2,h3,h4,h5,h6,p,div,ul,ol,dl,li,dt,dd,table,img,form,fieldset,td,th,a{margin:0;padding:0; border:0; box-sizing: border-box;}
ul,ol,dl{list-style:none;}

.linkarea a{padding-left:12px; margin-left:10px;}


/*---------------------------------------------
全体　装飾
---------------------------------------------*/
body{ color:#666666; background:#fff;
font-family: "フロップデザインフォント","メイリオ", Meiryo, Osaka,"Yu Mincho", YuMincho,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

em.red{ color:#f8715a;}
em.green{ color:#6b8785;}
em.orange{ color:#fa9f3c;}

.linkarea a{ background:url(../img/icn_s_06.png) 0 4px no-repeat;}

/*---画像---*/
img.img_boarder{ border:1px solid #b7b7b7;}
img.img_boarder3px{ border:3px solid #b7b7b7;}
.img_frame {box-shadow:0 0 1px 1px rgba(191,191,191,0.60);border:10px solid #fff; display:inline-block;}
.img_frame img{ border:1px solid #dedede;}

/*---テーブル---*/

table#ayumi {
  border-collapse: collapse;
}

/*---------------------------------------------
ヘッダー
---------------------------------------------*/
#header{ width:100%; padding:10px 12px 12px 0;margin-bottom:10px; position: fixed; z-index: 10; top: 0;}
#header .menu{ width:14%; text-align:right; float:right; }
#header .menu img{ width:100%;width:50px;}

/*---------------------------------------------
ヘッダー　装飾
---------------------------------------------*/
#header{ background: #fff url(../img/bg_header.gif) 0 bottom repeat-x; border-top:5px solid #F77159;}


/*---------------------------------------------
スライダーメニュー レイアウト
---------------------------------------------*/
#sp_menu{ width:100%;}

#sp_menu .search{ width:100%; margin:auto; padding:10px 10px 10px 10px; height:82px;}
#sp_menu .search input{  padding:7px; width:100%;margin-bottom:0px; margin-top:15px; position:relative;}

#header .search button{ background:none; width:20px; border:none; cursor:pointer; position:absolute;right:27px; top:28px;}
#header .search button img{ width:20px;  }

#sp_menu #gnavi li a.l{ width:100%; padding:15px 10px 10px; display:block; position:relative;}

#sp_menu .SubMenu dt{ padding:20px 0 10px 10px;}
#sp_menu .SubMenu dt img{ vertical-align:middle; width:20px; margin-right:10px; }

#sp_menu .SubMenu a{width:100%; padding:15px 50px 5px 10px; display:block;  margin-left:13px; position:relative;}
#sp_menu .SubMenu a:after{position: absolute;top: 65%;right: 25px;margin-top: -14px; content: '　'; background: url(../img/icn_sp_ar01.png) no-repeat center center; background-size: 6px;}

.sidr ul .child { display: none; }
.sidr ul .child { padding-left:20px;}
.sidr ul .child li a{ display: block; padding:10px 30px 10px 0;}

.sidr ul .child li a{ position:relative;}
.sidr ul .child li a:after{ position: absolute; top: 65%; right: 12px; margin-top: -14px; content: '　'; background: url(../img/icn_sp_ar01.png) no-repeat center center; background-size: 6px;}

.acd_menu:after {position: absolute;top: 65%;right: 9px;margin-top: -14px; content: '　'; background: url(../img/icn_sp_ar01.png) no-repeat center center; background-size: 6px;}
.acd_menu.active:after {right: 15px;}

/*---------------------------------------------
スライダーメニュー装飾
---------------------------------------------*/
#sp_menu{ background:#9C9084;}
#sp_menu a{color:#fff!important; text-decoration:none!important;}
#sp_menu .search{ box-shadow: 10px 0px 10px -10px rgba(0,0,0,0.9) inset; }
#sp_menu .search input{ border-radius:20px; background: #DFDAD6; border:none; box-shadow:0 1px 2px 1px  #46413D inset; background-size:20px; color:#666666;}

#sp_menu #gnavi { box-shadow: 3px 0px 2px 1px rgba(50,50,50,0.20) inset; background:#B9AB9E;}
#sp_menu #gnavi li a.l{ background:#B9AB9E;box-shadow: 10px 0px 10px -10px rgba(0,0,0,0.9) inset;width:100%; border-bottom:2px solid #9C9084; border-top:1px solid #766E63;}

#sp_menu .SubMenu { box-shadow: 3px 0px 2px 1px rgba(50,50,50,0.20) inset;}
#sp_menu .SubMenu dt{border-bottom:1px solid #766E63; color:#fff;}
#sp_menu .SubMenu a{ border-bottom:1px dotted #766E63; background-size:5px;}

#sp_menu .SubMenu a:after{color:#333;	/*transform: scale( 0.8 , 1.2 );*/}
#sp_menu .SubMenu .subtext{ }

.sidr ul ul.child { box-shadow: 10px 0px 10px -10px rgba(0,0,0,0.9) inset;border-top: 1px solid #9C9084 ;}
.sidr ul .child li a{ border-bottom: 1px dotted #766e63; font-weight:normal!important;}
.sidr ul .child li a.lastchild{ border: none;}
.sidr ul .child li a:after{	color:#333;	/*transform: scale( 0.8 , 1.2 );*/position: absolute;}

.acd_menu:after {
	color:#333;   
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transition: all, 0.25s, linear;
    -o-transition: all, 0.25s, linear;
    -webkit-transition: all, 0.25s, linear;
    transition: all, 0.25s, linear;
}
.acd_menu.active:after {
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

/*---------------------------------------------
メインコンテンツ　レイアウト
---------------------------------------------*/
#container_right{ width:94%; margin:auto; padding: 0 0 0;}

#container_right h2{ padding:0px 15px 4px; clear:both; margin-bottom:20px;}
#container_right h2 img{ margin-top:-3px; padding-right:10px; vertical-align:-10px; display:inline; height:40px; }

#container_right img { max-width: 100%;	height: auto; }


/*---------------------------------------------
メインコンテンツ　装飾
---------------------------------------------*/
#container_right h2{ background:#504D48;color:#fff;font-size:100%; line-height:0%;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;  
box-shadow:0px 3px 0px #F8715B;  -moz-box-shadow:0px 3px 0px #F8715B; -webkit-box-shadow:0px 3px 0px #F8715B;}


/*---------------------------------------------
ページトップ遷移
---------------------------------------------*/
.pagetop { width:100%; clear: both; margin:auto;}
.pagetop a{ line-height:0%; padding:0; display:inline;float:right; }
.pagetop a img{ display:block; margin-right:10px; }


/*---------------------------------------------
バナーエリア
---------------------------------------------*/
.bnarea{ width:100%; margin: 0 auto 5px;}
.bnarea li{ width:50%; float:left; padding:0 5px;}
.bnarea li img{ width:100%;}
.bnarea li  a:hover img{ opacity:0.5;}

/*---------------------------------------------
フッター レイアウト
---------------------------------------------*/

#footer{  clear:both;width:100%;  padding:20px 0 ; margin:auto; }
#footer .inner{ width:100%; margin:auto;}

#footer .adress{ width:96%; margin:20px auto 0; text-align:center; padding:20px;}
#footer .adress h4 { margin-bottom:15px;}
#footer .adress p{ margin-bottom:10px; line-height:130%;}
#footer .adress .mail img{ width:12%;}
#footer .adress .logo{ margin-right:40px;}
#footer .adress .logo img{ width:90%;}

#footer  #footerlink{ text-align:center; margin:25px auto 0; }
#footer  #footerlink span{ margin:0 5px;}

#copyright{ width:100%; text-align:center; padding:10px 0; }

/*---------------------------------------------
フッター 装飾
---------------------------------------------*/
#footer{  background:#DED9D5; border-top:5px solid #F77159; }
#footer .inner{ width:100%; margin:auto;}

#footer .adress{ 
background-color:#F9971F;
background-image:url(../img/address_bg_sp.png),url(../img/address_bg_sp.png);
background-position:left 0 top 10px, left 0 bottom 10px; 
background-repeat:no-repeat,no-repeat;  
box-shadow: 0 3px 0 0  #504C48 ;
color:#fff; background-size:100%; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
#footer .adress .ttl { font-size:130%; color:#fff; margin-bottom:15px;}
#footer .adress p{ line-height:130%; font-size:80%;}

#footer  #footerlink a {color:#666; text-decoration:none; font-size:80%; line-height:200%;}
#footer  #footerlink a:hover {color:#fa9720; text-decoration:none;}

#copyright{ background:#504D48;color:#fff; font-size:60%; line-height:120%;}
.bnarea img{ border: solid 2px #CCC;}

/*---------------------------------------------
関連情報 レイアウト
---------------------------------------------*/
#footer .information{ width:100%;}
#footer .information dl{ width:100%;}
#footer .information .ttl{ padding:0 0 20px 10px; }

/*--------タップで展開--------------*/
#footer .information dt{ clear:both; width:100%;position:relative; } 
#footer .information dt a{ display:block; width:100%; color:#666;padding:15px 10px; }
#footer .information dt a:after { position: absolute; top: 65%; right: 12px; margin-top: -18px; content: '　'; background: url(../img/icn_sp_ar01.png) no-repeat center center; background-size: 6px;}
#footer .information dt a.active:after {right: 10px;}

#footer .information dl dd { padding:0px 25px 0px 10px ;width:50%; float:left; height:42px; display:inline-block; line-height:120%; position:relative; display: none;}
#footer .information dl dd a{display:block; width:100%;}
#footer .information dl dd a:after { position: absolute; top: 65%; right: 10px; margin-top: -14px; content: '　'; background: url(../img/icn_sp_ar01.png) no-repeat center center; background-size: 6px;}
#footer .information dl dd a.active:after {right: 8px;}
#footer .information dl dd span{ vertical-align: middle!important; display:table-cell; height:42px;}

/*---------------------------------------------
関連情報 装飾
---------------------------------------------*/
#footer .information .ttl{ font-size:110%; border-bottom:2px solid #737373;}
#footer .information dl a{ text-decoration:none;}

/*--------タップで展開--------------*/
#footer .information dt{ border-bottom:1px solid #737373; font-size:92%; background-size:14px;border-top:1px solid #737373;} 
#footer .information dt a:after {
	color:#333;font-size: 14px;
    -moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);
    -moz-transition: all, 0.25s, linear;-o-transition: all, 0.25s, linear;-webkit-transition: all, 0.25s, linear;transition: all, 0.25s, linear;}
#footer .information dt a.active:after {
    -moz-transform: translate(0, 50%);-ms-transform: translate(0, 50%);-webkit-transform: translate(0, 50%);transform: translate(0, 50%);
    -moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}

#footer .information dl dd{ border-bottom:1px dotted #666;border-right:1px dotted #666; font-size:70%; background-size:5px; line-height:120%;text-decoration:none}
#footer .information dl dd a{ color:#666666;}


/*---------------------------------------------
CleraFix
---------------------------------------------*/

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

.clfix {
  min-height: 1px;
}

* html .clfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

hr.cl { clear: both; line-height:0% !important; visibility: hidden; margin: 0 0 0 0; padding:0 0 0 0; size:0px;}

.lastchild{ margin-right:0px !important;}