@charset "utf-8"; 

/* サイト共通のデザイン（レイアウト、ヘッダー、フッター、ナビゲーション）を記述する。 */


/* レイアウト */
#container {margin: 0 auto; text-align: center }
.mc { width: 100%; margin:0 auto;}
img { width: 100%; height: auto;}

#sidebar { float: left; width: 200px; padding:0 0 10px; background-color:#ddd; }

main#one { float:none; width:960px; margin:0; } /* 1カラム */
main {width:100%; margin-left:0; padding:0; clear: both;} /* 2カラム */
main#three { float: left; width: 560px; margin-left:10px; padding: 10px 0; background-color:#bbb; } /* 3カラム */

#sidebar2 { float: left; width: 180px; margin-left:10px; padding:0 0 10px; background-color:#ddd; }

/* ヘッダー */
header { width: 100%; margin:0 auto;}
header h1 { padding:0.5em; }

/* パンクズ */
#breadcrumbs { margin:10px 0; padding:0; line-height:1; }
#breadcrumbs li { list-style-type:none; display:inline; }
#breadcrumbs li a { text-decoration:none; padding:5px 15px 5px 5px; background:url('icon-arrow-right.png') no-repeat right center; }
#breadcrumbs li.last a { color:#333; background:none; }

.w1000 { width:100%; max-width:1000px; margin:0 auto;}
.w1200 { width:100%; max-width:1200px; margin:0 auto;}

/* ブロック */
section, article { margin:0; padding:0;}

/* ページトップ */
#page-top { position: fixed; bottom: 20px; right: 20px; z-index:60;}
#page-top a { display: block; background:url('pagetop.png') no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; width:60px; height:60px; filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }
#page-top a:hover { filter: alpha(opacity=100); -moz-opacity:1; opacity:1; }


/* フッター */
footer { clear:both; padding:0.5em 0;border-top:2px solid #ccc; color:#ccc; font-size:12px;color:#FFFFFF; background-color:#009944; text-align: center;}
footer img {max-width: 200px; margin: auto;}
address {margin:0.5em; font-style:normal; text-align: center; }
footer a { color:#FFFFFF;}
footer a:hover { color:#FFFFFF;}
.fot { color:#D5BA28; border-left:1px solid #D5BA28; padding:0 0 0 8px; margin:0 0 6px}
.fot2 { color: #FFFFFF; padding:0 0 0 8px; margin:0 0 6px}

.logo { text-align: center; margin: auto; width: 26%; min-width: 360px;}

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

.pc2 { display:block }
.sp2 { display:none }

.pc3 { display: block}
.sp3 { display: none}

.p80 { padding:0 6% 0}
.mp0 { margin:0; padding:0}
.mp0 img { width:100%}
.tos { height:80px;}
.bgw { background: -moz-linear-gradient(top, #FFF, #ffe3e3);
  background: -webkit-linear-gradient(top, #FFF, #ffe3e3);
  background: linear-gradient(to bottom, #FFF, #ffe3e3);
	padding:0; margin:0;
border-top: 1px #a3a3a3 solid; border-bottom:1px #a3a3a3 solid;}
.sdiv { height:5vh}
.bbs { height:200px;}

/* モニター幅960px以下 */
@media only screen and (max-width:960px) { 
.pc2 { display: none}
.sp2 { display: block}
.p80 { padding:0 0 0}
}


/* スマートフォン 横(ランドスケープ) タブレット*/
@media only screen and (max-width:768px) { 
#container { width:100%; }

#sidebar { float:none; width:100%; }
#sidebar nav li { float:left; }
#sidebar div { float:left; }

main#one { float:none; width:100%; margin-left:0; }
main { float:none; width:100%; margin-left:0; }
main#three { float:none; width:100%; margin-left:0; }

#sidebar2 { float:none; width:100%; display:none; }
#sidebar2 nav li { float:left; }
#sidebar2 div { float:left; }

.tos { height:0px;}

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

/* 540px(ポートレート) */
@media only screen and (max-width:540px) { 
#breadcrumbs { display:none; }
.pc3 { display: none}
.sp3 { display: block}

}

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px) { 
#breadcrumbs { display:none; }
}