@charset "UTF-8";

/* = RESET
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  margin: 0; padding: 0;
  outline: none;
  vertical-align: bottom;
}

html {
  font-size: 10px;
  width: 100%; height: 100%;
}
body {
//  background-image: url(//img02.ti-da.net/usr/m/i/m/mimudehomme/2015m_bg.jpg);
  background-attachment: fixed;
//  background-position: center center;
  background-repeat: no-repeat;
//  background-size: cover;

  background-color: #000;
  background-image: url(http://www.mimu-de-homme.com/img/blog_2017m_bg.jpg);
  background-position: top center;
  background-size: contain;

  font-size: 10px; font-size: 1rem;
  line-height: 1;
  width: 100%; height: 100%;
}

body, input, textarea, select {
  color: #ddd;
  font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

img {max-width: 100%; height: auto;}
table {border-collapse:collapse; border-spacing:0;}
ol, ul {list-style: none;}
input, textarea {font-size: 1em;}


/* HREF */
a {color: #aaa; text-decoration: underline;}
a:hover {}

.topicpass a,
.menu.align_c a {color: #333;}


/* FONT */
.sidetitle, .profile span,
h2.singleTit {font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;}

#gHead, #links, .posted {font-size: 11px; font-size: 1.1rem;}
.photos h2.title {font-size: 12px; font-size: 1.2rem;}
.main {font-size:13px; font-size:1.3rem;}
.profile span {font-size:14px; font-size:1.4rem;}


/* = USEFUL-CLASS
-------------------------------------------------------------- */
.align_c {text-align: center;}
.align_l {text-align: left;}
.align_r {text-align: right;}
.alignleft {float: left;}
.alignright {float: right;}
.auto {margin: auto;}
.clear {clear: both;}
.hidden {overflow: hidden;}


/* = G HEAD
-------------------------------------------------------------- */
#gHead {
  background: #000;
  color: #999;
  font-size: 11px; font-size: 1.1rem;
  letter-spacing: 1.5px;
  line-height: 20px;
  position: fixed;
  width: 100%
}

#gHead a {color: #999;}
#gHead a.mySite, #gHead a:hover {color: #333;}


/* = FRAME
-------------------------------------------------------------- */
/* HEAD */
#logo {padding: 65px 0;}
#container {width: 990px;}
.topicpass {
  color: #333;
  padding: 20px 0;
}


/* MAIN */
#content {width:680px;}
.blog {margin: 0 0 50px 0;}
.blogbody {
  background: #000;
  background-color: rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.8);
  padding: 30px 30px 0 30px;
}
.main {line-height:160%;}

.menu{padding: 50px 0;}
.pagetop {}


/* SIDE */
#links {
  height: 720px;
  position: relative;
}


/* FOOT */
#footer {
  color: #333;
  padding: 30px 0;
}
.sns01 {
  padding: 20px;
  position: fixed;
  right: 0; bottom: 0;
}


/* = LIST
-------------------------------------------------------------- */
.photos {
  width: 200px; height: 230px;
  background: #222;
  padding: 5px;
  margin: 0 50px 50px 0;
}
.photos:nth-child(4n) {margin-right: 0;}
.photos a {
  display: block;
  margin: 0 0 8px 0;
  width: 200px; height: 200px;
}
.photos img {
  width: 200px; height: auto;
  min-height: 200px;
}
.photos h2.title {
  color: #EFEADE;
  font-weight:normal;
  height: 15px;
  line-height: 15px;
}


/* = SIDE
-------------------------------------------------------------- */
#links div {
  width: 180px;
  overflow: hidden;
}
#links div div,
#links div.custom1 {width: auto;}

.sidetitle {
  background: #161616 url(//img02.ti-da.net/usr/o/m/u/omu360/2015e_bg_sidetit.png) no-repeat center bottom;
  border: 5px solid #000;
  border-bottom: 0 solid #000;
  color: #717171;
  font-size: 16px; font-size: 1.6rem;
  font-style: italic;
  padding: 10px 10px 5px 10px;
}

.side {
  background: #161616;
  border: 5px solid #000;
  border-top: 0 solid #000;
  height: 380px;
  line-height: 1.5;
  margin: 0 0 10px 0;
  padding: 10px;
}

#links div.recententry_img .sidebody {
  border-bottom: 1px dotted #333;
  padding: 8px 0;
}
#links div.recententry_img .sidebody:first-child {
  padding-top: 0;
}

.sideBn,
#links div.salon,
#links div.recententry_img,
#links div.calender,
#links div.archives,
#links div.counter {
  position: absolute;
  width: 210px;
}
#links div.recententry_img {width: 290px;}

.sideBn {
  background: #161616;
  border: 5px solid #000;
  margin: 0 0 10px 0;padding: 10px;
  top: 0; right: 0;
  width: 180px!important; height: 690px;
}

/* SALON INFO */
#links div.salon {
  top: 0; right: 245px;
}
#links div.salon .side {height: 660px;}
.sideInfo p {
  padding-bottom: 15px;
}
.sideInfo p:last-child {padding: 0;}


/* RECENT */
#links div.recententry_img {
  top: 0; left: 225px;
}
#links div.recententry_img .side {height: 660px;}
#links div.recententry_img img {width: 120px;}
#links div.recententry_img div.text-aside {width: 125px;}

/* ARCHIVES */
#links div.archives {
  border-bottom: 5px solid #000;
  top: 230px; left: 0;
  height: 85px;
}
.archives select {
  background: #222;
  border: 1px solid #222;
  width: 180px;
}
.archives option {padding: 5px 10px;}

/* COUNTER */
#links div.counter {
  border-bottom: 5px solid #000;
  top: 330px; left: 0;
  height: 115px;
}


/* SIDE BN */
.sideBn {width: 200px!important;}


/* NATURAL BEAUTY */
#if01 {
  position: absolute;
  top: 0; left: -180px;
}
#if02 {
  position: absolute;
  top: 0; right: -180px;
}







#clogBtnAlbum {display: none;}



/* CAL */
#links div.calender {
  top: 0px; left: 0;
  width: 180px; height: 190px;
}
.calender {
  background: #161616;
  border: 5px solid #000;
  color: #555;
  font-size: 11px;
  text-align: center;
  padding: 10px;
}

.calendarhead {margin: 0 0 5px 0;}
.calendartable {width: 100%;}

.calendarwd {
	border-bottom: 1px solid #444;
  font-weight: normal;
	padding: 5px;
}
.calendarweek {}
.calendard {
  padding: 8px 0;
  color: #888;
}

.sun {color: #700;}
.sat {color: #047;}
.today {color: #333;}


/* = CONTENT
-------------------------------------------------------------- */
h2.singleTit {
  color: #EFEADE;
  font-size: 26px;font-size: 2.6rem;
  font-weight: normal;
  border-bottom: 1px solid #EFEADE;
  padding: 0 10px 25px 0;
}
.date {
  color: #EFEADE;
  font-size: 12px;
  font-weight: normal;
  padding: 5px 0 80px 0;
}

.main img {margin:0 10px;}
.main-continues {font-size:10px;}

.posted {
  line-height: 1.5;
  margin: 10px 0;
}

.category-bar, .set-relevance {display: none;}


@media screen and (max-width: 1580px) {
.sns01 {
  position: static;
  margin: 0 auto 50px auto;
}
}