@charset "shift_jis";
<!--
body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0;
	padding: 0;
	color: #69533E;
	background-image: url(../img/tatelogo/backgroundasort.jpg);
}

/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 5;	 /* 上マージンを削除すると、マージンを含む div からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */
	padding-right: 15px;
	padding-left: 15px; /* div 自体ではなく div 内でエレメントの両側に余白を追加すると、ボックスモデル計算が不要になります。代わりに、両側に余白を指定した div をネストして使用することもできます。 */
}
a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}

/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color:#414958;
	text-decoration: underline; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:visited {
	color: #688F76;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: none;
}

/* ~~ このコンテナが他のすべての div を囲み、パーセンテージに基づいた幅を指定します。~~ */
.container {
	width: 95%;
	max-width: 1260px;/* レイアウトが大型モニターで広がりすぎないように、最大幅を指定することをお勧めします。これにより、読みやすい行の長さを保つことができます。IE6 ではこの宣言は無視されます。 */
	/*min-width: 780px; レイアウトが狭くなりすぎないように、最小幅を指定することをお勧めします。これにより、サイドカラムで読みやすい行の長さを保つことができます。IE6 ではこの宣言は無視されます。 */
	background-color: #FFF;
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。.container の幅を 100% に設定した場合、これは必要ありません。 */
}

/* ~~ ヘッダーには幅は指定されません。ヘッダーはレイアウトの幅全体まで広がります。ヘッダーには、ユーザー独自のリンクされたロゴに置き換えられるイメージプレースホルダーが含まれます。~~ */
.header {
	background-color: #FFF;
	
}

/* ~~ これはレイアウト情報です。~~ 

1) 余白は、div の上部または下部にのみ配置されます。この div 内のエレメントには、それ自体に余白があるので、ボックスモデル計算を行う必要がありません。ただし、div 自体に両側の余白やボーダーを指定した場合、その値が加算されたものが合計幅になることに注意してください。div 内のエレメントの余白を削除し、さらにその div 内に、全体のデザインに必要な幅や余白を指定していない 2 つ目の div を追加することもできます。

*/



.content {
	padding: 10px 0;
}

/* ~~ このセレクターグループは、.content 内のリストに領域間隔を指定します。~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* この余白は、上述の見出しと段落ルールの右の余白を表します。下の余白はリスト内の他のエレメントとの間隔用に配置され、左の余白はインデント作成用に配置されています。これは必要に応じて調整できます。 */
}

/* ~~ フッター ~~ */
.footer {
	padding: 10px 0;
	background-color: transparent;
}

/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.center{text-align:center;}    
.center img{display: block;margin: auto;} 
.center table{margin-left: auto;margin-right: auto;}
.left{text-align:left;}    
.left img{display: block;margin: auto;} 
.left table{margin-left: auto;margin-right: auto;}
.right{text-align:right;}    
.right img{display: block;margin: auto;} 
.right table{margin-right: auto;margin-right: auto;}

/* 縦隙間調整 -------------------------------------------*/
.space20 {padding: 10px;}
.space10 {padding: 5px;}
.space4 {padding: 2px;}
/* 100%背景色 -------------------------------------------*/
.backgreen{
margin:0 -200%;
padding:0 200%;
background: linear-gradient(#6d9074 0%,#6d9074 20%, #6d9074 100%);
text-align: center;
}
.backlightgreen{
margin:0 -200%;
padding:0 200%;
background: linear-gradient(#BEDFC2 0%,#BEDFC2 20%, #BEDFC2 100%);
text-align: center;
}
/* 画像余白 -------------------------------------------*/
img.yohakushita20{margin:20px;}
/* 画像文字回り込み -------------------------------------------*/
img.mojimigi20{margin:20px; vertical-align: flex;}

/* ビューポートによる文字の大きさ適用 -------------------------------------------*/
/*html { font-size: calc(112.5% + 0.5vw) }*/
/* 文字の装飾 -------------------------------------------*/
h1 {padding: 20px;}
h2 {padding: 20px;}
h3 {padding: 20px;}
h4 {padding: 20px;}
h5 {padding: 20px;}
p {font-size: 18px;line-height: 30px;color: #666;text-align: left;margin: 0;}
.centergold12 {font-size: 12px;line-height: 18px;font-weight: bold;color: #c90;text-align: center;margin: 5px;}
.centergold14 {font-size: 14px;line-height: 20px;font-weight: bold;color: #c90;text-align: center;margin: 5px;}
.centergold16 {font-size: 16px;line-height: 22px;font-weight: bold;color: #c90;text-align: center;margin: 5px;}
.centerwhitebold12 {font-size: 12px;line-height: 18px;text-align: center;font-weight: bold;color: #fff;margin: 5px;}
.centerwhitebold14 {font-size: 14px;line-height: 20px;text-align: center;font-weight: bold;color: #fff;margin: 5px;}
.centerwhitebold16 {font-size: 16px;line-height: 22px;text-align: center;font-weight: bold;color: #fff;margin: 5px;}
.centerwhite12 {font-size: 12px;line-height: 22px;color: #fff;text-align: center;margin: 5px;}
.centerwhite14 {font-size: 14px;line-height: 20px;color: #fff;text-align: center;margin: 5px;}
.centerred12 {font-size: 16px;line-height: 22px;color: #c00;text-align: center;margin: 5px;}
.centerred14 {font-size: 14px;line-height: 20px;color: #c00;text-align: center;margin: 5px;}
.centerred16 {font-size: 16px;line-height: 22px;color: #c00;text-align: center;margin: 5px;}
.centerredbold12 {font-size: 16px;line-height: 22px;font-weight: bold;color: #c00;text-align: center;margin: 5px;}
.centerredbold14 {font-size: 14px;line-height: 20px;font-weight: bold;color: #c00;text-align: center;margin: 5px;}
.centerredbold16 {font-size: 16px;line-height: 22px;font-weight: bold;color: #c00;text-align: center;margin: 5px;}
.centerglay12 {font-size: 12px;line-height: 18px;color: #666;text-align: center;margin: 5px;}
.centerglay14 {font-size: 14px;line-height: 20px;color: #666;text-align: center;margin: 5px;}
.centerglay16 {font-size: 16px;line-height: 22px;color: #666;text-align: center;margin: 5px;}
.centerglaybold12 {font-size: 16px;line-height: 22px;font-weight: bold;color: #666;text-align: center;margin: 5px;}
.centerglaybold14 {font-size: 14px;font-weight: bold;line-height: 20px;color: #666;text-align: center;margin: 5px;}
.centerglaybold16 {font-size: 16px;font-weight: bold;line-height: 30px;color: #666;text-align: center;margin: 5px;}
.centerglaybold18 {font-size: 18px;font-weight: bold;line-height: 45px;color: #666;text-align: center;margin: 5px;}
.centerglaybold20 {font-size: 20px;font-weight: bold;line-height: 50px;color: #666;text-align: center;margin: 5px;}
.leftgold12 {font-size: 12px;line-height: 18px;font-weight: bold;color: #c90;text-align: left;margin: 5px;}
.leftgold14 {font-size: 14px;line-height: 20px;font-weight: bold;color: #c90;text-align: left;margin: 5px;}
.leftgold16 {font-size: 16px;line-height: 22px;font-weight: bold;color: #c90;text-align: left;margin: 5px;}
.leftwhitebold12 {font-size: 12px;line-height: 18px;text-align: left;font-weight: bold;color: #fff;margin: 5px;}
.leftwhitebold14 {font-size: 14px;line-height: 20px;text-align: left;font-weight: bold;color: #fff;margin: 5px;}
.leftwhitebold16 {font-size: 16px;line-height: 22px;text-align: left;font-weight: bold;color: #fff;margin: 5px;}
.leftwhite6 {font-size: 6px;color: #fff;text-align: left;}
.leftwhite12 {font-size: 12px;line-height: 16px;color: #fff;text-align: left;margin: 0;vertical-align: middle;}
.leftwhite14 {font-size: 14px;line-height: 20px;color: #fff;text-align: left;margin: 5px;}
.leftred10 {font-size: 10px;line-height: 16px;color: #c00;text-align: left;}
.leftred12 {font-size: 16px;line-height: 22px;color: #c00;text-align: left;}
.leftred14 {font-size: 14px;line-height: 20px;color: #c00;text-align: left;}
.leftred16 {font-size: 16px;line-height: 22px;color: #c00;text-align: left;}
.leftredbold8 {font-size: 8px;line-height: 14px;font-weight: bold;color: #c00;text-align: left;margin: 0;}
.leftredbold10 {font-size: 10px;line-height: 16px;font-weight: bold;color: #c00;text-align: left;margin: 0;}
.leftredbold12 {font-size: 12px;line-height: 18px;font-weight: bold;color: #c00;text-align: left;margin: 1px;}
.leftredbold14 {font-size: 14px;line-height: 20px;font-weight: bold;color: #c00;text-align: left;margin: 5px;}
.leftredbold16 {font-size: 16px;line-height: 22px;font-weight: bold;color: #c00;text-align: left;margin: 5px;}
.leftglay6 {font-size: 6px;line-height: 10px;color: #666;text-align: left;}
.leftglay8 {font-size: 8px;line-height: 12px;color: #666;text-align: left;}
.leftglay10 {font-size: 12px;line-height: 16px;color: #666;text-align: left;}
.leftglay12 {font-size: 16px;line-height: 22px;color: #666;text-align: left;}
.leftglay14 {font-size: 14px;line-height: 20px;color: #666;text-align: left;}
.leftglay16 {font-size: 16px;line-height: 30px;color: #666;text-align: left;margin: 5px;}
.leftglay18 {font-size: 18px;line-height: 35px;color: #666;text-align: left;margin: 5px;}
.leftglay20 {font-size: 20px;line-height: 40px;color: #666;text-align: left;margin: 5px;}
.leftglaybold12 {font-size: 12px;line-height: 16px;font-weight: bold;color: #666;text-align: left;margin: 0;}
.leftglaybold14 {font-size: 16px;font-weight: bold;line-height: 30px;color: #666;text-align: left;margin: 5px;}
.leftglaybold16 {font-size: 16px;font-weight: bold;line-height: 40px;color: #666;text-align: left;margin: 10px;}
.leftglaybold18 {font-size: 18px;font-weight: bold;line-height: 45px;color: #666;text-align: left;margin: 15px;}
.leftglaybold20 {font-size: 20px;font-weight: bold;line-height: 50px;color: #666;text-align: left;margin: 20px;}
.leftglaybold22 {font-size: 22px;font-weight: bold;line-height: 55px;color: #666;text-align: left;margin: 25px;}
.leftglaybold24 {font-size: 24px;font-weight: bold;line-height: 60px;color: #666;text-align: left;margin: 30px;}
.leftblackbold20 {font-size: 20px;font-weight: bold;line-height: 50px;color: #000;text-align: left;margin: 5px;}
.leftblackbold22 {font-size: 22px;font-weight: bold;line-height: 55px;color: #000;text-align: left;margin: 5px;}
.leftblackbold24 {font-size: 24px;font-weight: bold;line-height: 60px;color: #000;text-align: left;margin: 5px;}
.leftdeepgreenbold12 {font-size: 12px;line-height: 18px;font-weight: bold;color: #030;text-align: left;margin: 0;}
.leftdeepgreenbold14 {font-size: 14px;font-weight: bold;line-height: 20px;color: #030;text-align: left;margin: 5px;}
.leftdeepgreenbold16 {font-size: 16px;line-height: 22px;font-weight: bold;line-height: 15px;color: #030;text-align: left;margin: 5px;}
.leftwhitebold12 {font-size: 12px;line-height: 16px;font-weight: bold;color: #fff;text-align: left;margin: 0;}
.leftwhitebold14 {font-size: 16px;font-weight: bold;line-height: 30px;color: #fff;text-align: left;margin: 5px;}
.leftwhitebold16 {font-size: 16px;font-weight: bold;line-height: 40px;color: #fff;text-align: left;margin: 5px;}
.leftwhitebold18 {font-size: 18px;font-weight: bold;line-height: 45px;color: #fff;text-align: left;margin: 5px;}
.leftwhitebold20 {font-size: 20px;font-weight: bold;line-height: 50px;color: #fff;text-align: left;margin: 5px;}
.leftwhitebold22 {font-size: 22px;font-weight: bold;line-height: 55px;color: #fff;text-align: left;margin: 5px;}

.rightgold12 {font-size: 12px;line-height: 18px;font-weight: bold;color: #c90;text-align: right;margin: 5px;}
.rightgold14 {font-size: 14px;line-height: 20px;font-weight: bold;color: #c90;text-align: right;margin: 5px;}
.rightgold16 {font-size: 16px;line-height: 22px;font-weight: bold;color: #c90;text-align: right;margin: 5px;}
.rightwhitebold12 {font-size: 12px;line-height: 18px;text-align: right;font-weight: bold;color: #fff;margin: 5px;}
.rightwhitebold14 {font-size: 14px;line-height: 20px;text-align: right;font-weight: bold;color: #fff;margin: 5px;}
.rightwhitebold16 {font-size: 16px;line-height: 22px;text-align: right;font-weight: bold;color: #fff;margin: 5px;}
.rightwhite6 {font-size: 6px;line-height: 12px;color: #fff;text-align: right;}
.rightwhite12 {font-size: 12px;line-height: 18px;color: #fff;text-align: right;margin: 0;vertical-align: middle;font-weight: lighter;}
.rightwhite14 {font-size: 14px;line-height: 20px;color: #fff;text-align: right;margin: 5px;}
.rightredbold12 {font-size: 12px;line-height: 18px;font-weight: bold;color: #c00;text-align: right;margin: 5px;}
.rightredbold14 {font-size: 14px;line-height: 20px;font-weight: bold;color: #c00;text-align: right;margin: 5px;}
.rightredbold16 {font-size: 16px;line-height: 22px;font-weight: bold;color: #c00;text-align: right;margin: 5px;}
.rightredbold18 {font-size: 18px;line-height: 24px;font-weight: bold;color: #c00;text-align: right;margin: 5px;}
.rightglay12 {font-size: 12px;line-height: 18px;color: #666;text-align: right;}
.rightglay14 {font-size: 14px;line-height: 20px;color: #666;text-align: right;margin: 5px;}
.rightglay16 {font-size: 16px;line-height: 22px;color: #666;text-align: right;margin: 5px;}
.rightglaybold12 {font-size: 12px;line-height: 18px;font-weight: bold;color: #666;text-align: right;margin: 0;}
.rightglaybold14 {font-size: 14px;font-weight: bold;line-height: 20px;color: #666;text-align: right;margin: 5px;}
.rightglaybold16 {font-size: 16px;font-weight: bold;line-height: 22px;color: #666;text-align: right;margin: 5px;}
.faqlist {font-size: 18px;line-height: 30px;background: left;list-style: none;text-indent: 20px;}
#pagetitle {font-size: 16px;color: #666;padding: 5px 5px 5px 5px;width: 99%;background: #eee;border: solid 1px #ccc;text-align: left;margin: 5px auto;font-weight: bold;line-height: 20px;}
.pagetitle {font-size: 16px;color: #c90;padding: 5px 5px 5px 5px;width: 99%;background: #fff7de;border: solid 1px #c90;text-align: left;margin: 5px auto;font-weight: bold;line-height: 20px;}
/*------------------------------------------------------------
 * KURINO Added
 *------------------------------------------------------------*/
/* 元のファイルではHTML記述だったものをCSS記述に変更する */

table.width1076{width:1076px;margin-left:auto;margin-right:auto;}
table.width700{width:700px;margin-left:auto;margin-right:auto;}
table.width7002{width:700px;margin-left:auto;margin-right:auto;}
table.width690{width:690px;margin-left:auto;margin-right:auto;}
table.width6902{width:690px;margin-left:auto;margin-right:auto;}
table.width685{width:685px;margin-left:auto;margin-right:auto;}
table.width670{width:670px;margin-left:auto;margin-right:auto;}
table.width660{width:660px;margin-left:auto;margin-right:auto;}
table.width600{width:600px;margin-left:auto;margin-right:auto;}
table.width500{width:500px;margin-left:auto;margin-right:auto;}
table.width450{width:450px;margin-left:auto;margin-right:auto;}
table.width350{width:350px;margin-left:auto;margin-right:auto;}
table.width300{width:300px;margin-left:auto;margin-right:auto;}

table.border {border-collapse:collapse;border:1px;}
table.packet{width:95%;border-collapse:collapse;border:0px;}

div.width700b_4column{border:solid 1px #ccc;max-width:173px;float:left;}/* kurino 20150316 */
div.width700b_title{border:solid 1px #ccc;color:#c90;font-weight:700;text-align:center;}/* kurino 20150316 */
.image700{width:auto;max-width:700px;}/* kurino 20150316 */
div.overflow_auto{overflow:auto;margin:0 auto;}/* kurino 20150316 */

img.footimage{width:1076px;height:auto;}
img.image1000{width:1000px;height:auto;}
img.image980{width:980px;height:auto;}
img.image700{width:700px;height:auto;}
img.image690{width:690px;height:auto;}
img.image686{width:686px;height:auto;}
img.image650{width:650px;height:auto;}
img.image600{width:600px;height:auto;}
img.image550{width:550px;height:auto;}
img.image500{width:500px;height:auto;}
img.image450{width:450px;height:auto;}
img.image400{width:400px;height:auto;}
img.image300{width:300px;height:auto;}
img.image260{width:260px;height:auto;}
img.image250{width:250px;height:auto;}
img.image240{width:240px;height:auto;}
img.image200{width:200px;height:auto;}

/* モバイル用ログイン画面はPC時に非表示とする */
div.login{background-color: #ff9326;margin: 5px;padding: 0px 10px;border: 1px solid #c46301;display: none;}

/* 文字が文中で改行されないためのプロパティ */
.g-one-nowrap{white-space:nowrap;}

/*------------------------------------------------------------
 * For PC (More than 769 px screen width)
 * ("768px" is a typical "device-width" for Tablet)
 *------------------------------------------------------------*/
@media screen and (min-width: 769px) {#head .headimg { float: left;}
#right {float: left;}
}

/*------------------------------------------------------------
 * For tablet (Less than 768px screen width)
 * ("768px" is a typical "device-width" for Tablet)
 *------------------------------------------------------------*/
@media screen and (max-width: 768px) {
/* タブレット時に非表示とするための追加プロパティ */
.hide-on-tablet{display:none;}

/* 幅をpixel指定していたプロパティを可変幅に変更する */
#wrap {
    width: 100%;}
#head {
    width: 100%;text-align: left;margin: 0 auto 0 auto;
	overflow:hidden;}
#main {
    width: 100%;margin: 0 auto 0 auto;padding-top: 10px;text-align: left;
    clear: both;}
#right {
    width: 100%;margin-left: auto;margin-right: auto;padding: 0px;}
#left {
	display:none;}
#foot {
    width: 100%;}

/* ヘッダ部メニューバーを可変幅にする*/
#head .headimg {text-align:center;}
#head .headlink{max-width:700px;width:80%;padding-top:3px;}
#head .headlink a {font-size:70%;}
div.login{ display: inline;}
#menu ul li {font-size: 80%;border-left: 1px solid #fff;}
html>body #menu a {padding-left:2px;padding-right:2px;}

/* メニュー直下のアイコンパレードは非表示とする menulogo末尾削除]] 20170428*/
div.menulogo {display:none;}
div.indexmessage {display:none;}

/* タイトルバーを可変幅にする（黄色いバー） */
#pagetitle, .pagetitle{width:100%;padding:5px;margin:0px;border:1px;}
#pagetitle { background: #eee;}/* KURINO 20150316 */
.pagetitle { background: #fff7de;}/* KURINO 20150316 */
.pagetop {width:90%;}

/* noticeを可変幅にする */
.notice{width:100%;padding:0px;margin:0px;border:0px;}


/* メーカーキャンペーンの表示を可変幅にする */
#makercampain, .makercampain, #makercampaintitle, .makercampaintitle {width:auto;}/* KURINO 20150316 */

/*------------------------------
 * メインコンテンツ部はテーブルでレイアウトされているため、
 * 可変表示用のプロパティを追加する
 *------------------------------*/
table.width1076{width:100%;border-collapse:collapse;margin:0px;padding:0px;font-size: 12px;line-height: 18px;color: #666;text-align: left;border: 1px solid #e3e3e3;}
table.width1076 .w348{max-width:348px;width:100%;height:auto;}
table.width1076 .w350{max-width:350px;width:100%;height:auto;}
table.width1076 td {font-size: 16px;line-height: 22px;color: #666;text-align: left;border: 1px solid #e3e3e3;-webkit-text-size-adjust: 100%;}
table.width1076 a img{width:100px;height:auto;} 
    
table.width1000{width:100%;border-collapse:collapse;margin:0px;padding:0px;font-size: 12px;line-height: 18px;color: #666;text-align: left;border: 0px solid #6d9074; border-radius: 10px;}
table.width1000 .w348{max-width:348px;width:100%;height:auto;}
table.width1000 .w350{max-width:350px;width:100%;height:auto;}
table.width1000 td {font-size: 16px;line-height: 22px;color: #666;text-align: left;border: 1px solid #fff;-webkit-text-size-adjust: 100%;}
table.width1000 a img{width:100px;height:auto;}     

table.width980{width:100%;border-collapse:collapse;margin:0px;padding:0px;font-size: 12px;line-height: 18px;color: #666;text-align: left;border: 1px solid #e3e3e3;}
table.width980 .w348{max-width:348px;width:100%;height:auto;}
table.width980 .w350{max-width:350px;width:100%;height:auto;}
table.width980 td {font-size: 16px;line-height: 22px;color: #666;text-align: left;border: 1px solid #e3e3e3;-webkit-text-size-adjust: 100%;}
table.width980 a img{width:80px;height:auto;} 
  
 
table.width700{width:100%;border-collapse:collapse;margin:0px;padding:0px;font-size: 14px;line-height: 18px;color: #666;text-align: left;border: 1px solid #e3e3e3;-webkit-text-size-adjust: 100%;}
table.width700 .w348{max-width:348px;width:100%;height:auto;}
table.width700 .w350{max-width:350px;width:100%;height:auto;}
table.width700 td {font-size: 16px;line-height: 22px;color: #666;text-align: left; -webkit-text-size-adjust: 100%;word-break: break-all;}
table.width700 td a img{width:80px;height:auto;}

table.width7002{width:100%;border-collapse:collapse;margin:0px;padding:0px;font-size: 18px;line-height: 18px;color: #666;text-align: left;border: 1px solid #e3e3e3;}
table.width7002 .w348{max-width:348px;width:100%;height:auto;}
table.width7002 .w350{max-width:350px;width:100%;height:auto;}
table.width7002 td {font-size: 16px;line-height: 22px;color: #666;text-align: left;border: 1px solid #e3e3e3;-webkit-text-size-adjust: 100%;}
table.width7002 a img{width:100px;height:auto;}

table.width7003{width:100%;border-collapse:collapse;margin:0px;padding:0px;font-size: 12px;line-height: 18px;color: #666;text-align: left;border: 1px solid #e3e3e3;-webkit-text-size-adjust: 100%;}
table.width7003 .w348{max-width:348px;width:100%;height:auto;}
table.width7003 .w350{max-width:350px;width:100%;height:auto;}
table.width7003 td {font-size: 16px;line-height: 22px;color: #666;text-align: left; -webkit-text-size-adjust: 100%;word-break: break-all;}
table.width7003 td a img{width:120px;height:auto;}


table.width690{width:100%;border-collapse:collapse;margin:0px;padding:0px;}
table.width690 .w348{max-width:348px;width:100%;height:auto;}
table.width690 .w350{max-width:350px;width:100%;height:auto;}
table.width690 td {font-size: 16px;line-height: 22px;color: #666;text-align: left;border: 1px solid #e3e3e3;-webkit-text-size-adjust: 100%;word-break: break-all;padding:3px;}
table.width690 a img{width:80px;height:auto;}

table.width6902{width:100%;border-collapse:collapse;margin:0px;padding:0px;}
table.width6902 .w348{max-width:348px;width:100%;height:auto;}
table.width6902 .w350{max-width:350px;width:100%;height:auto;}
table.width6902 td {font-size: 16px;line-height: 22px;color: #666;text-align: left;border: 1px solid #e3e3e3;-webkit-text-size-adjust: 100%;word-break: break-all;}
table.width6902 a img{width:300px;height:auto;}

table.middlerevue{width:94%;border-collapse:collapse;margin:3px;padding:0px;}
table.middlerevue .w348{max-width:348px;width:100%;height:auto;}
table.middlerevue .w350{max-width:350px;width:100%;height:auto;}
table.middlerevue td {font-size: 12px;line-height: 22px;color: #666;text-align: left;border: none;-webkit-text-size-adjust: 100%;word-break: break-all;padding:3px;}
table.width690 a img{width:80px;height:auto;}

table.width685{width:100%;border-collapse:collapse;margin:0px;padding:0px;}
table.width685 .w348{max-width:348px;width:100%;height:auto;}
table.width685 .w350{max-width:350px;width:100%;height:auto;}
table.width685 td {font-size: 16px;line-height: 22px;color: #666;text-align: left;border: 1px solid #e3e3e3;-webkit-text-size-adjust: 100%;word-break: break-all;}
table.width685 td a img{width:50px;height:auto;}

table.width670{width:100%;margin: 0px auto;padding:5px;border: 1px solid #e3e3e3;}
table.width670{font-size: 16px;line-height: 22px;color: #666;text-align: left;border: 1px solid #c90;-webkit-text-size-adjust: 100%;}
table.width670 td {font-size: 12px;line-height: 18px;color: #666;text-align: left;border: 1px solid #c90;border-bottom-style:none;padding:5px;}
table.width670 a img{width:80px;height:auto;}

table.width660{width:100%;border-collapse:collapse;margin:0px;padding:0px;}
table.width660 .w348{max-width:348px;width:100%;height:auto;}
table.width660 .w350{max-width:350px;width:100%;height:auto;}
table.width660 td {font-size: 16px;line-height: 22px;color: #666;text-align: left;border: 1px solid #e3e3e3;-webkit-text-size-adjust: 100%;word-break: break-all;}
table.width660 a img{width:100px;height:auto;}

table.width600{width:100%;border-collapse:collapse;margin:0px;padding:0px;border: none;}
table.width600 .w348{max-width:348px;width:100%;height:auto;}
table.width600 .w350{max-width:350px;width:100%;height:auto;}
table.width600 td {font-size: 16px;line-height: 22px;color: #666;text-align: left;-webkit-text-size-adjust: 100%;word-break: break-all;border: none;}
table.width600 a img{width:160px;height:auto;}

table.tablesilver{width:100%;border-collapse:collapse;margin:0px;padding:0px;border: none;}
table.tablesilver th {padding: 3px;border: #e3e3e3 solid;border-width: 1px 1px 1px 1px;background: #f5f5f5;font-weight: bold;font-size: 12px;line-height: 120%;text-align: center;}
table.tablesilver td {padding: 3px;border: 1px #e3e3e3 solid;font-size: 12px;border-width: 1px 1px 1px 1px;text-align: center;color: #666;}

table.width500{width:100%;margin:0px;padding:0px;border-width: 1px 1px 1px 1px;}
table.width500 .w348{max-width:348px;width:100%;height:auto;}
table.width500 .w350{max-width:350px;width:100%;height:auto;}
table.width500 td {font-size: 16px;line-height: 22px;color: #666;text-align: left;border-width: 1px 1px 1px 1px;-webkit-text-size-adjust: 100%;word-break: break-all;}
table.width500 th {font-size: 16px;line-height: 22px;color: #666;text-align: left;border-width: 1px 1px 1px 1px;-webkit-text-size-adjust: 100%;word-break: break-all;}
table.width500 a img{width:70px;height:auto;}

table.width5002{width:100%;margin:0px;padding:0px;border: solid 1px #e3e3e3;}
table.width5002 .w348{max-width:348px;width:100%;height:auto;}
table.width5002 .w350{max-width:350px;width:100%;height:auto;}
table.width5002 td {font-size: 16px;line-height: 22px;color: #666;text-align: left;border: 1px solid #e3e3e3;-webkit-text-size-adjust: 100%;word-break: break-all;border-width: 1px 1px 1px 1px;}
table.width5002 th {font-size: 16px;line-height: 22px;color: #666;text-align: left;border: 1px solid #e3e3e3;-webkit-text-size-adjust: 100%;word-break: break-all;}
table.width5002 a img{width:70px;height:auto;}

table.width450{width:100%;border-collapse:collapse;margin:0px;padding:0px;text-align: left;}
table.width450 .w348{max-width:348px;width:100%;height:auto;}
table.width450 .w350{max-width:350px;width:100%;height:auto;}
table.width450 td {font-size: 14px;line-height: 22px;color: #666;text-align: left;border: 1px solid #e3e3e3;-webkit-text-size-adjust: 100%;word-break: break-all;text-align: left;}
table.width450 a img{width:50px;height:auto;}

table.width350{width:90%;border-collapse:collapse;margin:0px;padding:0px;}
table.width350 td {font-size: 16px;line-height: 22px;color: #666;text-align: left;-webkit-text-size-adjust: 100%;word-break: break-all;}
table.width350 a img{width:100px;height:auto;}

table.width300{width:100%;border-collapse:collapse;margin:0px;padding:0px;}
table.width300 td {font-size: 16px;line-height: 22px;color: #666;text-align: center;font-weight: bold;border: 1px solid #e3e3e3;}
table.width300 a img{width:50px;height:auto;}

.border1 td{border:solid 1px;white-space:normal;}
.border0 td{border:solid 0px;white-space:normal;}

/* フッタ部のキャンペーン画像を可変幅にする */
img.footimage{max-width:1076px;width:100%;height:auto;}
img.image392{max-width:392px;width:100%;height:auto;}
img.image1000{max-width:1000px;width:100%;height:auto;}    
img.image980{max-width:980px;width:100%;height:auto;}
img.image700{max-width:700px;width:100%;height:auto;}
img.image690{max-width:690px;width:100%;height:auto;}
img.image686{max-width:686px;width:100%;height:auto;}
img.image670{max-width:670px;width:100%;height:auto;}
img.image650{max-width:650px;width:100%;height:auto;}
img.image600{max-width:600px;width:100%;height:auto;}
img.image550{max-width:550px;width:100%;height:auto;}
img.image500{max-width:500px;width:100%;height:auto;}
img.image450{max-width:450px;width:100%;height:auto;}
img.image400{max-width:400px;width:100%;height:auto;}
img.image350{max-width:350px;width:100%;height:auto;}
img.image300{max-width:300px;width:100%;height:auto;}
img.image260{max-width:260px;width:100%;height:auto;}
img.image250{max-width:250px;width:100%;height:auto;}
img.image240{max-width:240px;width:100%;height:auto;}
img.image236{max-width:240px;width:100%;height:auto;}
img.image200{max-width:200px;width:100%;height:auto;}


/* フッタ部の２カラム表示はモバイル時に１カラムにする */
#foot .finfo_l {width:100%;float: left}
#foot .finfo_r {width:100%;float: left}
} /* End of media (768) */

/*------------------------------------------------------------
 * For smartphone (Less than 480px screen width)
 * ("480px" is a typical "device-width" for SmartPhone)
 *------------------------------------------------------------*/
@media screen and (max-width: 480px) {
div.width700b_4column{border:solid 1px #ccc;max-width:none;float:none;}/* kurino 20150316 */

.image1000{width:100%;}/* kurino 20150316 */
.image980{width:100%;}/* kurino 20150316 */
.image700{width:100%;}/* kurino 20150316 */
.image690{width:100%;}/* kurino 20150316 */
.image686{width:100%;}/* kurino 20150316 */
.image650{width:100%;}/* kurino 20150316 */
.image600{width:100%;}/* kurino 20150316 */
.image550{width:100%;}/* kurino 20150316 */
.image500{width:100%;}/* kurino 20150316 */
.image450{width:100%;}/* kurino 20150316 */
.image400{width:100%;}/* kurino 20150316 */
.image350{width:100%;}/* kurino 20150316 */
.image300{width:100%;}/* kurino 20150316 */
.image260{width:100%;}/* kurino 20150316 */
.image250{width:100%;}/* kurino 20150316 */
.image240{width:100%;}/* kurino 20150316 */
.image236{width:100%;}/* kurino 20150316 */
.image200{width:100%;}/* kurino 20150316 */
.cargomylist{padding: 2px;}/* kurino 20150316 */

/* スマートフォン時に非表示とするための追加プロパティ */
.hide-on-smartphone{display:none;}
.index{display:none;}
.waku_white670{display:none;}

/* フォントサイズの指定がある場合、スマートフォン時はフォントを小さくする */
.leftgold12 , .leftwhitebold12 , .leftwhite12 , .leftred12 , .leftredbold12 , .leftglay12 , .leftglaybold12 , .leftdeepgreenbold12 {font-size:12px;}
.leftgold14 , .leftwhitebold14 , .leftwhite14 , .leftred14 , .leftredbold14 , .leftglay14 , .leftglaybold14 , .leftdeepgreenbold14 {font-size:12px;}
.leftgold16 , .leftwhitebold16 , .leftred16 , .leftredbold16 , .leftglay16 , .leftglaybold16 , .leftdeepgreenbold16 {font-size:14px;}

/* 幅をpixel指定していたプロパティを可変幅に変更する */
.title850 {width:95%;}
#cargohontai , .cargohontai , #cargoupper , .middlerevue , .pagetitle2 , .imgleft , .notice , .makercampain , .makercampaintitle , .waku_gold670 , .waku_white670 , .cargomylist , .tablesilver , .tablesilver500, .tablesilver700 , .tablesilver700left , .tablegold , .middlerevue , #makercampain , #makercampaintitle , #maker , #spec , #index , #formorder , .nonetable95 , .goldtable670 , .tablesilver95 , .tablesilverleft , .grid13 , .tableheadimage{width:95%;}

} /* End of media (480) */

/* 予約グーグルカレンダーレスポンシブル---------------*/

.googleCalendar iframe {
  width: 100%;
  height: 400px;
}
@media all and (min-width: 768px) {
  .googleCalendar iframe {
	height: 600px;
  }
}

/* 2021コンサルテンプレート関連 -------------------------------------------*/


.grid43 {
    display: grid;  /* グリッドコンテナを作る */
    grid-template-columns:1fr 2fr 2fr 2fr;      /* 縦向きのグリッドラインを決める */
    grid-template-rows:1fr 2fr;         /* 横向きのグリッドラインを決める */
}
.grid43-child {
    padding:  10px;         /* 余白指定 */
    border-radius:  5px;    /* 角丸指定 */
    margin: 5px;            /* 周りの余白指定 */
    color:  #fff;           /* 文字色指定 */
}
.grid43-child:nth-child(1) {
    background-color:  #fff;     /* 背景色 */
    grid-column:1/2;    /* 配置指定 */
    grid-row:1/4;       /* 配置指定 */
}
.grid43-child:nth-child(2) {
    background-color:  #fff;     /* 背景色 */
    grid-column:2/4;    /* 配置指定 */
    grid-row:1/2;       /* 配置指定 */    
}
.grid43-child:nth-child(3) {
    background-color:  #fff;     /* 背景色 */
    grid-column:2/4;    /* 配置指定 */
    grid-row:2/4;       /* 配置指定 */    
}
.grid43-child:nth-child(4) {
    background-color:  #fff;     /* 背景色 */
    grid-column:4/5;    /* 配置指定 */
    grid-row:1/4;       /* 配置指定 */    
    
}



.grid45 {
    display: grid;  /* グリッドコンテナを作る */
    grid-template-columns:1fr 2fr 2fr 2fr;      /* 縦向きのグリッドラインを決める */
    grid-template-rows:1fr 3fr 5fr;         /* 横向きのグリッドラインを決める */
}
.grid45-child {
    padding:  10px;         /* 余白指定 */
    border-radius:  5px;    /* 角丸指定 */
    margin: 5px;            /* 周りの余白指定 */
    color:  #fff;           /* 文字色指定 */
    }
.grid45-child:nth-child(1) {
    background-color:  #fff;     /* 背景色 */
    grid-column:1/2;    /* 配置指定 */
    grid-row:1/4;       /* 配置指定 */
}
.grid45-child:nth-child(2) {
    background-color:  #c8d627;     /* 背景色 */
    grid-column:2/5;    /* 配置指定 */
    grid-row:1/2;       /* 配置指定 */    
}
.grid45-child:nth-child(3) {
    background-color:  #d5848b;     /* 背景色 */
    grid-column:2/5;    /* 配置指定 */
    grid-row:2/3;       /* 配置指定 */    
}
.grid45-child:nth-child(4) {
    background-color:  #51a1a2;     /* 背景色 */
    grid-column:2/3;    /* 配置指定 */
    grid-row:3/4;       /* 配置指定 */    
    
}
.grid45-child:nth-child(5) {
    background-color:  #66b7ec;     /* 背景色 */
    grid-column:3/4;    /* 配置指定 */
    grid-row:3/4;       /* 配置指定 */    
} 
    
.grid45-child:nth-child(6) {
    background-color:  #d5848b;     /* 背景色 */
    grid-column:4/5;    /* 配置指定 */
    grid-row:3/4;       /* 配置指定 */     
}


.gridbody {
    display: grid;  /* グリッドコンテナを作る */
    grid-template-columns:1fr 2fr 2fr;      /* 縦向きのグリッドラインを決める */
    grid-template-rows:3fr 1fr 3fr;         /* 横向きのグリッドラインを決める */
}
.gridbody-child {
    padding:  10px;         /* 余白指定 */
    border-radius:  0px;    /* 角丸指定 */
    margin: 0px;            /* 周りの余白指定 */
    color:  #000;           /* 文字色指定 */
    }
.gridbody-child:nth-child(1) {
    background-color:  #6d9074;     /* 背景色 */
    grid-column:1/2;    /* 配置指定 */
    grid-row:1/4;       /* 配置指定 */
}
.gridbody-child:nth-child(2) {
    background-color:  #c8d627;     /* 背景色 */
    grid-column:2/3;    /* 配置指定 */
    grid-row:1/2;       /* 配置指定 */    
}
.gridbody-child:nth-child(3) {
    background-color:  #d5848b;     /* 背景色 */
    grid-column:3/4;    /* 配置指定 */
    grid-row:1/2;       /* 配置指定 */    
}
.gridbody-child:nth-child(4) {
    background-color:  #51a1a2;     /* 背景色 */
    grid-column:2/4;    /* 配置指定 */
    grid-row:2/3;       /* 配置指定 */    
    
}
.gridbody-child:nth-child(5) {
    background-color:  #66b7ec;     /* 背景色 */
    grid-column:2/3;    /* 配置指定 */
    grid-row:3/4;       /* 配置指定 */    
} 
.gridbody-child:nth-child(6) {
    background-color:  #66b7ec;     /* 背景色 */
    grid-column:3/4;    /* 配置指定 */
    grid-row:3/4;       /* 配置指定 */    
}     



.gridindexheader {
    display: grid;  /* グリッドコンテナを作る */
    grid-template-columns:1fr 2fr;      /* 縦向きのグリッドラインを決める */
    grid-template-rows:1fr;         /* 横向きのグリッドラインを決める */
}
.gridindexheader-child {
    padding:  50px;         /* 余白指定 */
    border-radius:  0px;    /* 角丸指定 */
    margin: 0px;            /* 周りの余白指定 */
    color:  #000;           /* 文字色指定 */
}
.gridindexheader-child:nth-child(1) {
    background-color:  #CDF1FF;     /* 背景色 */
    grid-column:1/2;    /* 配置指定 */
    grid-row:1/2;       /* 配置指定 */
}
.gridindexheader-child:nth-child(2) {
    background-color:  #CDF1FF;     /* 背景色 */
    grid-column:2/3;    /* 配置指定 */
    grid-row:1/2;       /* 配置指定 */    
}

.gridheader {
    display: grid;  /* グリッドコンテナを作る */
    grid-template-columns:1fr 5fr 1fr;      /* 縦向きのグリッドラインを決める */
    grid-template-rows:1fr;         /* 横向きのグリッドラインを決める */
}
.gridheader-child {
    padding:  20px;         /* 余白指定 */
    border-radius:  0px;    /* 角丸指定 */
    margin: 0px;            /* 周りの余白指定 */
    color:  #000;           /* 文字色指定 */
}
.gridheader-child:nth-child(1) {
    background-color:  #CDF1FF;     /* 背景色 */
    grid-column:1/2;    /* 配置指定 */
    grid-row:1/2;       /* 配置指定 */
}
.gridheader-child:nth-child(2) {
    background-color:  #CDF1FF;     /* 背景色 */
    grid-column:2/3;    /* 配置指定 */
    grid-row:1/2;       /* 配置指定 */    
}
.gridheader-child:nth-child(3) {
    background-color:  #CDF1FF;     /* 背景色 */
    grid-column:3/4;    /* 配置指定 */
    grid-row:1/2;       /* 配置指定 */    
}

.gridcalender {
    display: grid;  /* グリッドコンテナを作る */
    grid-template-columns:1fr 2fr 2fr 2fr 2fr;      /* 縦向きのグリッドラインを決める */
    grid-template-rows:1fr 8fr 1fr ;         /* 横向きのグリッドラインを決める */
}
.gridcalender-child {
    padding:  10px;         /* 余白指定 */
    border-radius:  5px;    /* 角丸指定 */
    margin: 5px;            /* 周りの余白指定 */
    color:  #000;           /* 文字色指定 */
    }
.gridcalender-child:nth-child(1) {
    background-color:  #fff;     /* 背景色 */
    grid-column:1/2;    /* 配置指定 */
    grid-row:1/4;       /* 配置指定 */
}
.gridcalender-child:nth-child(2) {
    background-color:  #fff;     /* 背景色 */
    grid-column:2/6;    /* 配置指定 */
    grid-row:1/2;       /* 配置指定 */    
}
.gridcalender-child:nth-child(3) {
    background-color:  #fff;     /* 背景色 */
    grid-column:2/6;    /* 配置指定 */
    grid-row:2/3;       /* 配置指定 */    
}


.gridmember {
    display: grid;  /* グリッドコンテナを作る */
    grid-template-columns:1fr 2fr 2fr 2fr 2fr;      /* 縦向きのグリッドラインを決める */
    grid-template-rows:1fr 2fr;         /* 横向きのグリッドラインを決める */
}
.gridmember-child {
    padding:  10px;         /* 余白指定 */
    border-radius:  0px;    /* 角丸指定 */
    margin: 0px;            /* 周りの余白指定 */
    color:  #000;           /* 文字色指定 */
    }
.gridmember-child:nth-child(1) {
    background-color:  #FFF;     /* 背景色 */
    grid-column:1/2;    /* 配置指定 */
    grid-row:1/3;       /* 配置指定 */
}
.gridmember-child:nth-child(2) {
    background-color:  #CDF1FF;     /* 背景色 */
    grid-column:2/6;    /* 配置指定 */
    grid-row:1/2;       /* 配置指定 */    
}
.gridmember-child:nth-child(3) {
    background-color:  #CDF1FF;     /* 背景色 */
    grid-column:2/3;    /* 配置指定 */
    grid-row:2/3;       /* 配置指定 */    
}
.gridmember-child:nth-child(4) {
    background-color:  #CDF1FF;     /* 背景色 */
    grid-column:3/4;    /* 配置指定 */
    grid-row:2/3;       /* 配置指定 */    
}
.gridmember-child:nth-child(5) {
    background-color:  #CDF1FF;     /* 背景色 */
    grid-column:4/5;    /* 配置指定 */
    grid-row:2/3;       /* 配置指定 */    
}
.gridmember-child:nth-child(6) {
    background-color:  #CDF1FF;     /* 背景色 */
    grid-column:5/6;    /* 配置指定 */
    grid-row:2/3;       /* 配置指定 */    
}



.gridfooter {
    display: grid;  /* グリッドコンテナを作る */
    grid-template-columns:1fr 1fr;      /* 縦向きのグリッドラインを決める */
    grid-template-rows:1fr;         /* 横向きのグリッドラインを決める */
}
.gridfooter-child {
    padding:  50px;         /* 余白指定 */
    border-radius:  0px;    /* 角丸指定 */
    margin: 0px;            /* 周りの余白指定 */
    color:  #fff;           /* 文字色指定 */
}
.gridfooter-child:nth-child(1) {
    background-color:  #6D9074;     /* 背景色 */
    grid-column:1/2;    /* 配置指定 */
    grid-row:1/2;       /* 配置指定 */
}
.gridfooter-child:nth-child(2) {
    background-color:  #6D9074;     /* 背景色 */
    grid-column:2/3;    /* 配置指定 */
    grid-row:1/2;       /* 配置指定 */    
}

/*------------------------------------------------------------
 * NOSE Added
 *------------------------------------------------------------*/
/* 表示修正用追加CSS */

@media screen and (max-width: 768px) {
table.width980 {
	display: block;
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	}
}



.items {
	display: flex;
	justify-content: space-between;
}
.items .item {
	width: 25%;
}

.items3 {
	display: flex;
	justify-content: flex-start;
}
.items3 .item, .items3 .item {
	width: 25%;
}

.item-img {
	width: 234px;
	height: auto;
}
.item-body {
}

.item-title {
	width: 234x;
	padding: 8px 0 16px;
	font: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-weight: 400;
	color: #69533E;
}
.item-body p {
			font-size: 16px;
			font-weight: 400;
			color: #333;
}

@media screen and (max-width: 768px) {
.items, .items3 {
	display: flex;
	flex-direction: column;
	}
.items .item, .items3 .item {
	padding: 6px;
	width: 100%;
	border: 1px #CCC;
}
.item-title {
	width: 100%;
}
.item-img {
	width: 100%;
	height: auto;
	}
img {
	width:60%
	}
}

/* グーグルカレンダーレスポンシブルCSS */
.googleCalendar iframe {
  width: 100%;
  height: 400px;
}
@media all and (min-width: 768px) {
  .googleCalendar iframe {
	height: 600px;
  }
}