@charset "utf-8";


/*PC・タブレット・スマホ共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
body {
	margin: 0px;padding: 0px;
	color: #333;	/*全体の文字色*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	font-size: 14px;	/*文字サイズ*/
	line-height: 2;		/*行間*/
	-webkit-text-size-adjust: none;
	background: #fff;	/*背景色*/
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px;padding: 0px;font-size: 100%;}
ul {list-style-type: none;}
ol {padding-left: 40px;padding-bottom: 15px;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
iframe {width: 100%;}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #333;	/*リンクテキストの色*/
}
a:hover {
	color: #008200;			/*マウスオン時の文字色（全体）*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	background: -webkit-linear-gradient(#FFF 80%, #ededed);	/*グラデーション*/
	background: linear-gradient(#FFF 80%, #ededed);			/*同上*/
    z-index: 10;
}
/*ヘッダーブロックの中*/
header .inner {
	max-width: 1200px;	/*ブロック幅*/
	height: 80px;	/*高さ*/
	position: relative;
	margin: 0px auto;
}
/*h1ロゴの設定*/
header #logo {
	width: 340px;	/*ロゴの幅*/
    height: 70px;
	position: absolute;
	left:10px;	/*innerに対して左から20pxの場所に配置*/
	top: 5px;	/*innerに対して上から00pxの場所に配置*/
    z-index: 30;
}
header #logo2 {
	width: 300px;	/*ロゴの幅*/
    height: 75px;
	position: absolute;
	right: 1px;	/*innerに対して左から20pxの場所に配置*/
	top: 0px;	/*innerに対して上から00pxの場所に配置*/
    z-index: 30;
}



/*上部のメインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック設定*/
#menubar {
	height: 60px;	/*ブロックの高さ*/
	background: -webkit-linear-gradient(#FFF, #e7e7e7);	/*グラデーション*/
	background: linear-gradient(#FFF, #e7e7e7);			/*同上*/
	border-top: 1px solid #d4d4d4;		/*メニューの上側の線の幅、線種、色*/
	border-bottom: 5px solid #008200;	/*メニューの下側の線の幅、線種、色*/
}
#menubar ul {
	max-width: 1200px;
	margin: 0px auto;
}
/*メニュー１個ごとの設定*/
#menubar ul li {
	float: left;
	width: 20%;	/*メニュー幅*/
	text-align: center;	/*文字を中央に揃える*/
	font-weight: bold;	/*文字を太字にする設定*/
}
#menubar ul li:first-child {
	width: 20%;	/*メニュー5個で100%になるようここで調整*/
}
#menubar ul li a {
	text-decoration: none;
	display: block;
	line-height: 30px;
	padding-top: 5px;
	font-size: 16px;	/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔を少しあける設定*/
	text-shadow: #FFF 0px 2px;	/*テキストの影。色、右方向、下方向への指定。*/
	border-right: 1px solid #d4d4d4;	/*メニューの右側の線の幅、線種、色*/
}
/*最初のメニューの設定*/
#menubar ul li:first-child a {
	border-left: 1px solid #d4d4d4;	/*左側に線を入れる*/
}
/*マウスオン時の設定*/
#menubar ul li a:hover {
	background: #FFF;	/*背景色*/
	border-bottom: 5px solid #008200;	/*メニューの下側の線の幅、線種、色*/
}
/*英語表記の設定*/
#menubar ul li a span {
	color: #006400;	/*文字色*/
	font-size: 65%;	/*文字サイズ*/
	display: block;
	font-weight: normal;	/*文字を太字でなく標準に戻す設定*/
	letter-spacing: 0.2em;	/*文字間隔を少しあける設定*/
	line-height: 20px;
	padding-bottom: 5px;
}
#menubar ul li a span2 {
	color: #00ade6;	/*文字色*/
	font-size: 50%;	/*文字サイズ*/
	display: block;
	font-weight: normal;	/*文字を太字でなく標準に戻す設定*/
	letter-spacing: 0.05em;	/*文字間隔を少しあける設定*/
	line-height: 20px;
	padding-bottom: 5px;
}
/*小さな端末用メニューを表示させない*/
#menubar-s {
	display: none;
}
/*３本バーアイコンを表示させない*/
#menubar_hdr {
	display: none;
}
/*---------------------------------------------------------------------------------------ドロップダウンブロックの設定--*/
#menubar ul.ddmenu {
	position:absolute;
	z-index: 10;
    height: 60PX;
	width: 100%;	/*メニュー幅*/
}
/*メニュー１個あたりの設定*/
#menubar ul.ddmenu li   {
	float: none;	
	border-top: 3px solid #00B2ED;
	margin-top: -3px;
    background:linear-gradient(#FFF, #e7e7e7);	/*背景色*/
}
#menubar .ddmenu li a {
	border-left: 1px solid #d4d4d4; /*左側に線を入れる*/
}
#menubar ul.ddmenu li a {
	ont-weight: normal; 
    color: #000000;	/*文字色*/
	 border-bottom: 3px solid #00ade6; /*下線の幅、線種、色*/
}
/*飾り文字（小さな補足用テキスト）*/
#menubar ul.ddmenu li span {
	color: #008200; /*文字色*/
}
/*マウスオン時の設定*/
#menubar ul.ddmenu li :hover  {
	ont-weight: normal; 
	color: #008200;
    background: #FFFFFF;	
}
#menubar ul li ul{
	display: none;
}
#menubar ul li:hover ul{
	display: block;
}

/*-------------------------------------------------------------------------------------------------------------全面バックグランド--*/
#pulp {display: block;background-image:url("../images/moku.png");background-size: 1800px 1210px;}
#company {display: block;background-image:url("../images/pulpleft.png");background-size: 1800px 1210px;}
#eng {display: block;background-image:url("../images/engback.png");background-size: 1800px 1210px;}
#paper {display: block;background-image:url("../images/paper.png");background-size: 1800px 1210px;}
#used {display: block;background-image:url("../images/usedback.png");background-size: 1800px 1210px;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#contents {
	clear: left;
	max-width: 1200px;
    height: 1100px;
	margin: 0px auto;
	padding-top: 50px;	/*メニューと下の左右のブロックの間に空ける余白100vh*/
    padding-bottom: 100px;
}

/*メインコンテンツ（中央ブロック）
---------------------------------------------------------------------------*/
#main {
	float: left;	/*左側に回り込み*/
	width: 50%;		/*メインコンテンツ幅*/
	margin-bottom: 5%;
}
/*-------------------------------------------------------------------------------------------英会話左設定*/
#main .titlelogo {
    display: block; 
    width: 90.9%;
    margin: 0 auto;
    margin-top: 2%;
	margin-bottom: 0px;
	　background: rgba(255,255,255,0.50);/*背景色*/
	padding: 5px 5px 20px 10px;	/*左から、上、右、下、左への余白*/
}
#main .list {
	width: 90%;
    margin: 0 auto;
    background: rgba(255,255,255,0.5);
}
#main .list {
	padding: 10px;	/*ボックス内の余白*/
	text-decoration: none;
	display: block;
	overflow: hidden;
}
#main .list .appeal4{
    color: #000000;
    font-size: 110%;
    margin: 3% 0% 2% 0%;
    line-height:1.5em;
    text-indent: .5em;
}
/*ボックス内のh4キャッチ設定*/
#main .list h4 {
	padding: 2px 0px 0px 10px;	/*上、右、下、左側への余白*/
	border-bottom: 2px solid #C80063;	/*下側の線の幅、線種、色*/
	border-left: 3px solid #C80063;	/*左側の線の幅、線種、色*/
	color: #C80063;	/*文字色*/
    font-size: 120%;
    line-height: 1.3;	/*行間*/
}
/*ボックス内の写真設定*/
#main .list .lmp {
    float: left;
    width: 49%; 
    height: auto;
    box-shadow: 2px 3px 4px gray;
    margin-bottom: 2%;
    margin-right: 2px;
}
/*-----------------------------------------------------------------------------------------会社概要左---*/

#main .list_gai {
    position: relative;
	width: 85%;
    margin: 0 auto;
    background: rgba(255,255,255,0.80);
    padding-bottom: 5%;
    margin-top: 4%;
    border-radius:3%;
    box-shadow: 2px 2px 4px gray;
}

#main .list_gai .titlelogo_gai {
    margin: 10px 0px 10px 10px;
}
#main .list_gai .appeal5 {
    color: #000000;
   font-size: .9em;
   margin-left: 7%;
   line-height: 3.1em;
}

#main .list_gai .sfc img {
  position: absolute;
  right: 20px; 
  bottom: 32px; 
}
#main .list_gai .sfc p {
    position: absolute;
  right: 20px; 
  bottom: 5px; 
 font-size: 80%;
}
/*-----------------------------------------------------------------------------------------会社概要右---*/
#sub .list_gai2 {
    position: relative;
	width: 85%;
    margin: 0 auto;
    background: rgba(152,251,152,0.65);
    padding-bottom: 5%;
    margin-top: 17%;
    border-radius:3%;
    box-shadow: 2px 2px 4px gray;
}

#sub .list_gai2 .titlelogo_gai {
    margin: 10px 0px 10px 10px;
}
#sub .list_gai2 .appeal5 {
    color: #000000;
   font-size: .9em;
   margin-left: 7%;
   line-height: 3.1em;
}

#sub .list_gai .sfc img {
  position: absolute;
  right: 20px; 
  bottom: 32px; 
}
#sub .list_gai .sfc p {
    position: absolute;
  right: 20px; 
  bottom: 5px; 
 font-size: 80%;
}







/*--------------------------------------------------------------------------------------------*/

#main .pulpl {
    display: block;
    margin: 0 auto;
    width: 90%;
}
#main .pulpl .titlelogo_pulp {
    margin: 3% 0% 7% -2%;
    box-shadow: none;
}

#main .pulpl .titlelogo_pulp2 {
    background-color: rgba(255,255,255,0.5);
	margin: 3% 0% 7% -2%;
    box-shadow: none;
}
#main .pulpl img {
    box-shadow: 2px 3px 4px gray;
}
#main .pulpl .appeal5  {
     color: #000000;
    font-size: 110%;
    margin: 0% 0% 0% 1%;
    line-height:1.5em;
    text-indent: .5em;
}

#main .pulpl .appeal6  {
	background-color: rgba(255,255,255,0.5);
     color: #000000;
    font-size: 130%;
    margin: 0% 0% 0% 1%;
    line-height:1.5em;
    text-indent: .5em;
}
/*サブコンテンツ
---------------------------------------------------------------------------*/
#sub {
	float: left;	
	width: 50%;	
	padding: 10px 0px 10px 0px;
}
/*subコンテンツ内のh2タグ設定*/
#sub h2 {
	font-size: 100%;
	text-align: center;	/*文字をセンタリング*/
	background: #666;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background: -webkit-linear-gradient(#999, #666);	/*グラデーション*/
	background: linear-gradient(#999, #666);			/*同上*/
	padding: 3px 0px;	/*上下、左右への余白*/
	color: #FFF;		/*文字色*/
}

/*英会話料金表ブロック*/
#sub .box1 {
	padding: 0px;				/*ボックス内の余白*/
	margin-bottom: 0px;		/*ボックスの下にあけるスペース*/
}

/*------------------------------英会話アピールブロック*/
#sub ul {	
	margin-bottom: 5px;	
}
#sub ul {
    width: 88%;
    margin: 0 auto;
    margin-top: 4%;
	display: block;
	padding: 0px 10px 10px 10px;
    background: rgba(255,255,255,0.5)
}
#sub ul .appeal  {
    color: #BC0306;font-weight:700;font-size: 104%; /*アピール文字*/
} 
#sub ul .appeal2 {
    color: #000000;
   font-size: 100%;
   margin-left: 1%;
    line-height:1.5em;
    text-indent: .5em;
}
#sub ul .appeal3 {     /*英文文字*/
    word-break: keep-all; 
    padding: 0.8em 0.0em 0.3em 0.3em;
    color: #BC0306;
    line-height:1.3em;
    box-shadow: 2px 2px rgba(0, 0, 0, 0.32);
}

#sub .pulpright {
    width: 90%;
    margin: 0 auto;
    margin-top: 17.3%;
     box-shadow: 2px 3px 4px gray;

}
#sub .pulpright img {
 
    width: 100%;
    height: auto;
}
#sub .appeal4{
    color: #000000;
   font-size: 110%;
   margin-left: .5%;
    line-height:1.5em;
    text-indent: .5em;
}
#sub .appeal6{
    color: #000000;
   font-size: 110%;
   margin: 1.5% 0% 0% 6%;
    line-height:1.5em;
    text-indent: .5em;
}



/*---------------------------------------------------------------------------マップ設定*/
#sub .box2 {
    display: block;
    width: 85%;
    background: rgba(255,255,255,0.80);
     border-radius: 3%; /*角丸のサイズ*/
    margin: 0 auto;
    margin-top: 2%;
     box-shadow: 2px 2px 4px gray;
}
#sub .box2 h5 {
	text-align: center;
    color: rgb(101, 88, 68);
    clear: both; font-size: 24px;
    padding: 10px 0px 10px 0px;
    margin-top: 0px; 
    margin-bottom:0px;
}
#sub .box2 .mapcap {
    display: block;
    line-height:1.5em;
    padding-left: 8%;
    padding-bottom: 2.2%;
   
}
#sub .box2 .map iframe {
	left: 7.5%; top: 0px; width: 85%; height: 23.5em; position: relative;
}
#sub .box2 .map object {
	left: 7.5%; top: 0px; width: 85%; height: 23.5em; position: relative;
}
#sub .box2 .map embed {
	left: 7.5%; top: 0px; width: 90%; height: 23.5em; position: relative;
}
/*subボックス内のテーブル
-----------------------------------------------------------------------------------------------------------------------*/
#sub .box1 {
    width: 91.2%;
    margin: 0 auto;
    background-color: rgba(255,255,255,0.5);
	overflow: hidden;
}
#sub .box1 h4 {
	padding-left: 10PX;
	border-bottom: 1px solid #C80063;	/*下側の線の幅、線種、色*/
	border-left: 3px solid #C80063;	/*左側の線の幅、線種、色*/
	margin-bottom: 4px;
    font-size: 120%;
    line-height: 1.6;	/*行間*/
	color: #C80063;	/*文字色*/
}

#sub .box1 table th {
	width: 35%;
	font-weight: normal;	/*デフォルトの太字を標準にする設定*/
}

#sub .box1 table td {
	width: 30%;
}
/*--------------------------------------------------------------------------------------------------*/

#sub .box1 .price {
   width: 95%;
    margin: 0 auto;
    text-decoration: none;
	display: block;
	overflow: hidden;
}
/*ボックス内の段落タグ設定*/
#sub .box1 .price p {
	padding: 0px;
	margin: 0%;	/*左の写真とのバランスをとって設定*/
	line-height: 1.3em;
}
#sub .box1 .price .eng1 {text-align: left;padding-left: 5%;
}
#sub .box1 .price .eng2 {text-align: right;padding-right: 5%;
}
#sub .box1 .price .eng3 {text-align: left;padding-left: 5%;
}
#sub .box1 .price .eng4 {text-align: right;padding-right: 5%;margin-bottom: 0.3em;
}
#sub .box1 .midashi {background: #BC0306; /*見出しのバック色*/
}
#sub .box1 .midashi {color: #FFFFFF; /*見出しの文字色*/
}

/*一覧ページの各ボックス内のテーブル
---------------------------------------------------------------------------*/
#sub .box1 table {
	font-size: 12px;	/*文字サイズ*/
	background: #FFF;	/*背景色*/
	width: 100%;			/*テーブル幅*/
	margin-bottom: 5px;
}
#sub .box1 table,
#sub .box1 table td,
#sub .box1 table th {
border: 1px solid #C80063;	/*枠線の幅、線種、色*/
}
#sub .box1 table td,
#sub .box1 table th {
	padding: 1%;	/*テーブル内の余白*/
}
/*料金表終わり*/

/*フッターメニュー設定
---------------------------------------------------------------------------*/
.footermenu {
	clear: both;
	margin: 0px auto;
	text-align: center;
    color: rgba(255,255,255,0.00)
}


/*フッター設定(copyrightなどが入った最下部ブロック)
---------------------------------------------------------------------------*/
footer {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFF;	/*文字色*/
	background: #006400;	/*背景色*/
	position: fixed;
    bottom: 0;
    width: 100%
}
footer .pr {
	display: block;
	font-size: 80%;
}
footer a {
	text-decoration: none;
	color: #FFF;
}
footer a:hover {
	color: #FFF;
}


/*テーブル１
---------------------------------------------------------------------------*/
.ta1 {
	width: 100%;
	margin-bottom: 15px;
}
.ta1, .ta1 td, .ta1 th {
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	word-break: break-all;
}
/*テーブル内の右側*/
.ta1 td {
	padding: 10px;
}
/*テーブル内の左側の見出し部分*/
.ta1 th {
	width: 140px;
	padding: 10px;
	text-align: center;
	background-color: #f1f1f1;	/*背景色*/
}
/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi {
	width: auto;
	text-align: left;
	background-color: #bebebe;	/*背景色*/
}
/*ボタンの設定*/
input[type="submit"],
input[type="button"],
input[type="reset"] {
	width: 250px;	/*ボタン幅*/
	padding: 10px;	/*ボタン内の余白*/
	margin-bottom: 20px;
	border-radius: 30px;	/*角丸のサイズ*/
	background: #e5e5e5;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background: -webkit-linear-gradient(#FFF, #e5e5e5);	/*グラデーション*/
	background: linear-gradient(#FFF, #e5e5e5);			/*同上*/
	-webkit-box-shadow: 1px 2px 7px #ccc;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 1px 2px 7px #ccc;			/*同上*/
	font-size: 16px;	/*文字サイズ*/
	letter-spacing: 0.1em;
	border: 1px solid #999;	/*枠線の幅、線種、色*/
}
/*ボタンのマウスオン時の設定*/
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
	background: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background: -webkit-linear-gradient(#e5e5e5, #FFF);	/*グラデーション*/
	background: linear-gradient(#e5e5e5, #FFF);			/*同上*/
}
/*こだわりアイコンのフロート指定(CMS用)*/
.ta1 td .specialbox {
	float: left;
	width: 95px;
	height: 40px;
}

/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	clear: both;
}
#pagetop a {
	color: #FFF;		/*文字色*/
	font-size: 10px;	/*文字サイズ*/
	background-color: #00ade6;	/*背景色*/
	text-decoration: none;
	text-align: center;
	width: 10em;	/*ボックス幅*/
	display: block;
	float: right;
}
/*マウスオン時*/
#pagetop a:hover {
	background-color: #333;
	color: #FFF;
}



/*その他
---------------------------------------------------------------------------*/
.look {color:#fff;background: #666;padding:5px;border-radius: 4px;}
.mb15,.mb1em {margin-bottom: 15px;}
.clear {clear: both;}
ul.disc {padding: 0em 25px 1em;list-style: disc;}
.color1 {color: #f61468;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}
.c {text-align: center !important;}
.r {text-align: right !important;}
.l {text-align: left !important;}
img.fr {float: right;margin-left: 10px;margin-bottom: 10px;}
img.fl {float: left;margin-right: 10px;margin-bottom: 10px;}
.big1 {font-size: 30px;letter-spacing: 0.2em;}
.mini1 {font-size: 11px;}
.sh {display: none;}



/*画面幅1200px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1200px){

/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	width: auto;
	margin: 0 2%;
	padding-top: 30px;
}

}



/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){

/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*h1ロゴの設定*/
header #logo {
	width: 350px;	/*ロゴの幅*/
	top: 0px;		/*上から28pxの場所に配置*/
	margin-left: 20px;
}
header #logo2 {
    display: none;	
}


/*上部のメインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック設定*/
#menubar-s {
	display: block;	/*小さな端末用メニューを非表示から表示に切り替える*/
	border-top: 1px solid #006400;	/*メニューの上の線の幅、線種、色*/
}
/*メニュー１個ごとの設定*/
#menubar-s ul li {
	float: left;
	width: 50%;	/*メニュー幅*/
	text-align: center;	/*文字を中央に揃える*/
	font-weight: bold;	/*文字を太字にする設定*/
        background-color: rgba(190,251,190,1.00);
}
#menubar-s ul li a {
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #006400;	/*メニューの下の線の幅、線種、色*/
	padding: 5px 0;
    line-height:1.2em;
}
/*奇数番目のメニューの設定*/
#menubar-s ul li:nth-child(odd) a {
	border-right: 1px solid #006400;	/*メニューの右側の線の幅、線種、色*/
}
/*英語表記の設定*/
#menubar-s ul li a span {
	color: #008E00;	/*文字色*/
	font-size: 9px;	/*文字サイズ*/
	display: block;
	font-weight: normal;	/*文字を太字でなく標準に戻す設定*/
}
/*大きな端末用メニューを非表示にする*/
#menubar {
	display: none;
}

/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
#menubar_hdr {
	display: block;
	position: absolute;
	top: 24px;	/*上から24pxの場所に配置*/
	right: 2%;	/*右から2%の場所に配置*/
	width: 30px;	/*幅*/
	border: 1px solid #000;	/*枠線の幅、線種、色*/
	padding: 12px 10px 5px;	/*上、左右、下へのボックス内余白*/
}
/*３本のバー（1本あたり）*/
#menubar_hdr span {
	display: block;
	border-top: 3px solid #000;	/*枠線の幅、線種、色*/
	margin-bottom: 7px;	/*バー同士の余白*/
}

/*main,subコンテンツ
---------------------------------------------------------------------------*/
#main, #sub {
	float: none;
	width: auto;
}

/*サブコンテンツ　一覧ボックス
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
#sub .box2 {
	font-size: 14px;	/*文字サイズ*/
}
/*サムネイル画像*/
#sub .box2 figure img {
	width: 15%;		/*画像幅*/
}


/*その他
---------------------------------------------------------------------------*/
body.s-n #sub {display: none;}

}



/*画面幅650px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:650px){

/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロックの中*/
header .inner {
	text-align: center;
	height: auto;
	padding: 15px 0;
}
/*h1ロゴの設定*/
header #logo {
	position: relative;
    margin: 0px 10px 0px 0px;
}
/*電話番号ボックスの設定*/
header address {
	position: static;
}

}



/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){

/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	background: none;
}
/*h1ロゴの設定*/
header #logo {
	width: 220px;	/*ロゴの幅*/
	margin: 0px 0px -15px 0px;
	margin-left: 5%;
}
    footer small{
        display: block;
        transform:scale(0.6);
        white-space: nowrap;
    }

/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
#menubar_hdr {
	top: 5px;	/*上から5pxの場所に配置*/
}

/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#top #contents {
	padding-top: 20px;
}

/*一覧ページ
---------------------------------------------------------------------------*/
/*ボックス内の段落タグ設定*/
#main .list p {
	margin-left: 0;
}
/*ボックス内の写真設定*/
#main .list figure img {
	float: none;
	margin: 0px;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/*一覧ページの各ボックス内のテーブル
---------------------------------------------------------------------------*/
#main .list table {
	width: 100%;	/*テーブル幅*/
}

/*サブコンテンツ　一覧ボックス
---------------------------------------------------------------------------*/
/*サムネイル画像*/
#sub .box2 figure img {
	width: 30%;		/*画像幅*/
}

/*フッターメニュー設定
---------------------------------------------------------------------------*/
ul#footermenu {
	display: none;	/*非表示にする設定*/
}

/*テーブル１
---------------------------------------------------------------------------*/
/*テーブル内の右側*/
.ta1 td {
	width: auto;
	padding: 2px;
}
/*テーブル内の左側の見出し部分*/
.ta1 th {
	width: 100px;
	padding: 2px;
}
/*-----------------------------------------------------------------------------FSCポジションクリア設定*/
    #main .list_gai {
    padding-bottom: 60%;
  }
    #main .list_gai .sfc img {
  position: static;
        width: 40%;
        margin: 0 auto;
       float: right;
        margin-right: 30%;
}
#main .list_gai .sfc p {
   position: static;
   float: right;
 font-size: 65%;
    margin-right: 10%;
}

/*その他
---------------------------------------------------------------------------*/
.ws,.wl {width: 95%;}

}
.lmp {
}
.rmp {
}
.sfc {
}