@charset "utf-8";
/*
Theme Name: gallery
Author: Yuka Yoshida
Version:　1.0
*/

/* =======================
   reset ※リセット及びbody初期設定 (このスタイルシートは基本的に変更しない)
======================= */

html {
	overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
img,
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}

/*--- default */
body {
	background: #FFF;
	color: #333;
	font-size: 90%;
	line-height: 1.6;
}

* html body {	/* for IE6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


/* =======================
   same style
======================= */

/* Googlefont */
.NotoSerif {
	font-family: "Noto Serif JP";
}

/* inner */
.inner {
	width:100%;
	max-width:1200px;
	margin:auto;
}

/* box-sizing */
div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* fadein */
a {
	opacity:1;
	transition:all 0.3s;
	text-decoration:none;
	color: #272727;
}
a:hover {
	opacity:0.5;
	transition:all 0.3s;
}

/* box-shadow */
.box-shadow {
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.50);
}

/* =======================
   body
======================= */

body {
	background:#fff;
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "游明朝体", "YuMincho", "Noto Serif JP", "MS PMincho", serif;
	color:#272727;
	-webkit-text-size-adjust: 100%;
}



#page {
	width:100%;
	margin:auto;
	text-align:center;
}



/* =======================
   header
======================= */

header {
	padding: 40px 0;
	border-bottom: 1px solid #e5e5e5;
}

header h1 {
	font-size : 2.2em;
	font-family: ;
	font-weight: normal;
	line-height: 1;
	letter-spacing: 2px;
}


/* =======================
   contents
======================= */

#contents {
	clear: both;
	width:100%;
	max-width:1500px;
	margin:auto;
	font-size: 120%;
}


/*メニュー*/
.global-navi {
	margin:0 auto; /* masonry使用時は削除不可 */
	padding: 50px 80px;
	width: 100%;
}

/*ul*/
.global-navi ul {
margin:auto;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

/*li*/
.global-navi li a { /*li=リスト項目、a=リンクの意味*/
color: ;  /*文字の色*/
line-height: 2; /*行の高さ*/
font-size: ; /*文字の大きさ*/
padding: 4px 0; /*文字周りの余白*/
text-align: center; /*文字は中央揃え*/
background-color: #fff; /*blockの背景色*/
	
display: block; /*文字周辺の余白含めたblock全体にリンクが付与される*/
	float:left;
	width:20%; 
} 

/*hover*/
.global-navi li a:hover,
.global-navi li a:focus {
color: ; /*文字の色*/
opacity:0.5; /*←効いてない！！！（汗）*/
}

/*メニューバーから選択した項目を表示している間のスタイル*/
.global-navi .current-menu-item > a,
.global-navi .current-menu-ancestor > a,
.global-navi .current_page_item > a,
.global-navi .current_page_ancestor > a {
color: #ffffff; /*文字の色*/
background-color: #cfbba2; /*背景色*/
}







/* loop */
.loop {
	margin:0 auto; /* masonry使用時は削除不可 */
	padding: 50px;
	width: 100%;
}

.loop .box {
	float:left;
	width:25%; /* 画面サイズ901px～ */
	height:auto; /* 画面サイズ901px～ */
	padding:30px;
}

.loop .box .thumb {
	position: relative;
}

.loop .box .thumb img {
	width:100%;
	height:auto;
}

.loop .box .thumb span.the_category {
  display: block;
  position: absolute;
  top: 0;/*画像の左上に配置*/
  left: 0;
  margin: 0; /*余計な隙間を除く*/
  color: white;/*文字を白に*/
  background: skyblue;/*背景色*/
  background: #6c6067;
  background: #de9fa0;
  background: #e3b1b8;
  background: #766856;
  opacity:0.8;
  font-size: 12px;
  line-height: 1;/*行高は1に*/
  padding: 4px 8px;/*文字周りの余白*/
  }

.loop .box span.the_time {
  display: block;
}
.loop .box span.the_title {
  display: block;
}

/* pagetop */
.pagetop { position: fixed; right: 10px; bottom: 10px; }
.pagetop a { display:block; width:50px; height:50px; background:#cfbba2; color:#fff; font-size:20px; font-weight:bold; line-height:50px; border-radius:50%;}


/* =======================
   single.php
======================= */

#single {}

#single img {
	width: 30%;
	height: auto;
}

/* =======================
   footer
======================= */

footer {
	margin:0;
	padding:30px 0;
	border-top: 1px solid #e5e5e5;
}

address {

	font-style:normal;
}




/* =======================
	ClearFixElements
======================= */

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  

* html #page { overflow:hidden; }