@charset "utf-8";
/* ------------------------------------------------------------ common */
#wrapper { overflow: hidden; padding: 0 0 120px; }

#wrapper .inner { width: 1100px; }

#bread { padding: 20px 0 90px; }

#fv { background: url(../images/news/fv.jpg) center center no-repeat; background-size: cover; padding: 180px 0; margin: 40px 0 0; }
#fv h3 { text-align: center; color: #fff; font-size: 20px; letter-spacing: 3px; }
#fv h3 span { font-size: 80px; font-family: 'Abyssopelagic'; letter-spacing: 10px; display: block; line-height: 100%; }

#main { float: left; width: 720px; padding: 0 0 50px; }
ul.article li { margin: 0 auto 40px; }
ul.article li a { display: block; }
ul.article li img { float: left; width: 255px;}
ul.article li div { float: right; width: 430px;}
ul.article li .cat { color: #c4c4c4; font-size: 16px; }
ul.article li .cat span { color: #a78671; font-size: 12px; background: #f6f3f1; border-radius: 15px; -webkit-border-radius: 15px; padding: 1px 5px 3px; vertical-align: text-top; margin: 0 0 0 10px; }
ul.article li h4 { font-size: 18px; padding: 10px 0; line-height: 150%; }
ul.article li p.more { color: #a78671; font-size: 14px; letter-spacing: 2px; text-decoration: underline;}

ul.article .tagname{ display: flex; align-items: center; gap: 5px; flex-wrap: wrap; padding-bottom: 10px; }
ul.article .tagname li{ display: inline-block; margin: 0; padding: 2px 10px 5px; border: 1px solid #A78671; font-size: 14px; color: #A78671; line-height: 1; }


.btn_back { padding: 30px 0 0; }

@media only screen and (max-width:640px){

#wrapper { padding: 0 0 60px; }
#wrapper .inner { width: 94%; }

#bread { padding: 20px 0; }

#fv { padding: 100px 0; margin: 20px 0 0; }
#fv h3 { font-size: 17px; }
#fv h3 span { font-size: 45px; }


#main { float: none; width: 100%; padding: 0 0 50px; }
ul.article li { margin: 0 auto 20px; }
ul.article li img { float: left; width: 42%; height: auto; }
ul.article li div { float: right; width: 55%; }
ul.article li .cat { font-size: 14px; }
ul.article li h4 { font-size: 13px; padding: 5px 0; }
ul.article li p.more { font-size: 13px; }

ul.article .tagname li { padding: 2px 7px 5px; font-size: 10px; }
ul.article .tagname { padding-bottom: 5px; }



}