@charset "utf-8";
/* Reset */
html,body{width:100%;min-width:320px}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,address,ul,ol,li,dl,dt,dd,caption,form,fieldset,legend,input{margin:0;padding:0;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
ul,ol{list-style:none}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed}
caption,th{text-align:left}
img,fieldset,abbr,acronym{border:0}
img{-ms-interpolation-mode:bicubic}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}

/* Base */
body{background-color:#fff;font:12px 'Microsoft YaHei',Meiryo;color:#333}
a{color:#333;text-decoration:none;outline:0}
img{vertical-align:top}
textarea,input,select{font:12px arial,'Microsoft YaHei';vertical-align:middle}
button{display:inline-block;margin:0;padding:0;border:0;background:none;font-size:0;line-height:0;vertical-align:top;cursor:pointer}
button:active,button:focus{outline:none}
caption,legend,hr{display:none}
input.txt{padding:3px 5px 0;border:1px solid #B7B7B7;font-size:11px}
input.cbox{width:13px;height:13px;vertical-align:top}
label{cursor:pointer}
div.clear{clear:both}
iframe{border:none}

/* All Device */
*{box-sizing:border-box}
.fl{float:left}
.fr{float:right}

/* ir */
.blind{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}

/* transition */
.transition_default{transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease}
.transition_fast{transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease}
.transition_none{transition:all .0s ease;-moz-transition:all .0s ease;-webkit-transition:all .0s ease;-o-transition:all .0s ease;-ms-transition:all .0s ease}
.transition_slow{transition:all .7s ease;-moz-transition:all .7s ease;-webkit-transition:all .7s ease;-o-transition:all .7s ease;-ms-transition:all .7s ease}
.transition_very_slow{transition:all 1s ease;-moz-transition:all 1s ease;-webkit-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease}

/* Mobile Device */
.m_img{width:100%}
nav{display:none}
.type_pc{display:none}

html,body{width:100%;height:100%}
body{background: #000;}

/* Mobile Device */
.pc_img{display:none}

h1.title{position:relative}
h1.title .home_btn{display:block;position:absolute;top:10%;right:1%;width:15%;height:65%;background:url(/images/bbs/ja/btn_bg.gif) 0 0 repeat}
h1.title .mobile_img{width:100%}
article.bbs_con{width:100%;max-width:960px;margin:0 auto;background:#fff;box-sizing:border-box}
article.bbs_con ul{border-top:4px solid #a68a72}
article.bbs_con ul li{position:relative;padding:15px 20px;border-top:1px solid #eae5de;cursor:pointer}
article.bbs_con ul li span.arrow{position:absolute;top:50%;right:20px;margin-top:-10px}
article.bbs_con ul li:first-child{border-top:0}
article.bbs_con ul li p{color:#885b34}
article.bbs_con ul li p.title{font-size:18px;font-weight:bold;font-family: Meiryo, MS Gothic, MS Mincho}
article.bbs_con ul li p.title span.new{height:18px;margin-left:15px;padding:2px 4px;border-radius:2px;background:#ba3232;font-size:14px;color:#fff;text-transform:uppercase}
article.bbs_con ul li p.date{margin-top:6px;font-size:14px}
article.bbs_con ul li p.msg{overflow: hidden;height: 66px;margin-top: 7px;color:#b6ada6;font-size: 16px;font-family: Meiryo, MS Gothic, MS Mincho;line-height:22px}
article.bbs_con ul li.accent p.title{color:#ba3232}
article.bbs_con .more_btn{display:block;width:100%;padding:19px 0 18px;background:#a68a72;text-align:center}

article.bbs_read_con{width:100%;max-width:960px;margin:0 auto;padding-top:1px;background:#fff;box-sizing:border-box}
article.bbs_read_con .bbs_read_title{padding:20px;border-top:4px solid #a68a72}
article.bbs_read_con .bbs_read_title p.title{font-size:18px;font-weight:bold;color:#ba3232}
article.bbs_read_con .bbs_read_title p.date{margin-top:5px;font-size:14px;color:#885b34}
article.bbs_read_con .bbs_read_msg{padding:25px 20px;border-top:1px solid #eae5de;font-size:16px;line-height:20px;color:#666}
article.bbs_read_con .bbs_read_msg img{display:block;max-width:100% !important;margin:10px 0}
article.bbs_read_con .bbs_read_msg p,
article.bbs_read_con .bbs_read_msg span,
article.bbs_read_con .bbs_read_msg em,article.bbs_read_con .bbs_read_msg strong{word-break:break-all !important}
article.bbs_read_con .bbs_read_msg .share_con{text-align:right}
article.bbs_read_con .bbs_read_msg .share_con a{display:inline-block;margin-left:6px}
article.bbs_read_con .bbs_read_btns{overflow:hidden;margin-top:100px;padding:10px 20px 20px;border-top:1px solid #eae5de}
article.bbs_read_con .bbs_read_btns .page_btns{float:left}
article.bbs_read_con .bbs_read_btns .page_btns a{display:block;float:left;width:40px;height:40px;margin-right:10px;border-radius:2px}
article.bbs_read_con .bbs_read_btns .page_btns a.up_btn{background:#a68a72 url(/images/bbs/ja/up.gif) 50% 50% no-repeat}
article.bbs_read_con .bbs_read_btns .page_btns a.down_btn{background:#a68a72 url(/images/bbs/ja/down.gif) 50% 50% no-repeat}
article.bbs_read_con .bbs_read_btns .list_btn{display:block;float:right;width:90px;height:40px;border-radius:2px;background:#a68a72;font-family:arial;font-size:18px;font-weight:bold;line-height:37px;color:#fff;text-align:center}

/* Desktop Device */
@media only screen and (min-width:960px){
.pc_img{display:inline-block}
.mobile_img{display:none}

body{background:#f9f8f5 url(/images/bbs/ja/bg.jpg) 50% 0 no-repeat;}

#wrapper{width:100%;min-height:100%}

h1.title{;max-width:960px;height:270px;margin:0 auto;text-align:center}
h1.title .home_btn{top:15px;right:0;width:32px;height:32px;}
article.bbs_con{margin-bottom:100px;}
article.bbs_con ul li{position: relative;}
article.bbs_con ul li p.title{padding-right:120px;box-sizing:border-box}
article.bbs_con ul li p.date{position: absolute;top: 15px;right: 20px}
article.bbs_read_con{margin-bottom:100px;padding:0}
article.bbs_read_con .bbs_read_title{position:relative;padding:40px 100px 40px 40px;border-top:0}
article.bbs_read_con .bbs_read_title p.date{position:absolute;top:50%;right:40px;margin-top:-9px}
article.bbs_read_con .bbs_read_msg{padding:20px 40px}
article.bbs_read_con .bbs_read_btns{padding:20px 40px 40px}

#wrapper{position:relative;padding-bottom:156px}
#footer{position:absolute;left:0;bottom:0;width:100%;height:156px}
}