@charset "UTF-8";
/* CSS Document */

/*******************************　共通　*******************************/
* {
	color:#666;
	list-style:none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a {
	color:#666;
}
a:hover {
	color:#74c5c3;
}



body {
	font-size:14px;
}

section {
	margin-bottom:40px;
}


/*ヘッダー*/
header {
}

header div#headerUpper {
	background:#03183B;
	/*width:980px;*/
	margin:0 auto;
	padding:20px 0;
	text-align:center;
}

header nav {
	background:#fff;
	border-bottom:1px solid #03183B;
	padding:20px 0;
}
header nav ul {
	width:980px;
	margin:0 auto;
	text-align:center;
}
header nav ul li {
	display: inline-block;
	margin-right:20px;
	padding-right:20px;
	border-right:1px solid #03183B;
}

p.logo {
	margin-bottom:10px;
}
p.logo a {
	font-size:3em;
	color:#fff;
	font-family: 'Chango', cursive;
	line-height:1;
}

p.discription {
	color:#fff;
	font-size:12px;
}


/*コンテンツ*/
div#container {
	width:980px;
	margin:0 auto;
	padding:30px 0;
}

article#main {
	width:70%;
	float:left;
}

body#detail article#main,
body#product article#main {
	float:right;
}

article#main h2,
article#main h2 a {
	font-size:1.2em;
}


ul.thumb {
}

ul.thumb li {
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px solid #eee;
}


ul.thumb li a:hover {
	opacity:0.8;
}
ul.thumb li a img {
	width:100%;
	height:auto;
	background:#FFF;
}

ul.thumb figure {
	width:70%;
	float:left;
	margin-right:20px;
}

body#home h3 {
	font-size:20px;
	font-weight:bold;
}

p.onlineshop {
	text-align:center;
	font-size:16px;
}
p.onlineshop a {
	display:block;
	width:70%;
	background:#C60;
	padding:15px 20px;
	color:#fff;
	margin:0 auto;
	font-size:20px;
}
p.onlineshop a:after {
	font-family: 'FontAwesome';
	margin-left:5px;
	content: '\f0a9';
}
p.onlineshop a:hover {
	background:#F90;
}


/******************************** サイド ********************************/
aside#side {
	width:26%;
	float:right;
}

h2.widgettitle {
	border-bottom:3px solid #03183B;
	text-align:center;
	margin-bottom:20px;
	color:#03183B;
	font-size:1.2em;
	font-weight:bold;
}

body#category aside#side,
body#detail aside#side,
body#product aside#side {
	float:left;
}
aside#side ul li.widget {
	margin-bottom:40px;
}
aside#side ul li.cat-item a {
	display:block;
	background:#03183B;
	text-align:center;
	color:#fff;
	padding:5px;
	margin-bottom:5px;
}

aside#side li.cat-item ul.children li a {
}
aside#side ul {
	margin-bottom:30px;
}
aside#side ul li {
	margin-bottom:20px;
}
aside#side ul li.cat-item {
	margin-bottom:5px;
}
aside#side ul li a {
	display:block;
	line-height:1.2;
}
aside#side ul li img {
	width:100%;
	height:auto;
}
li#search-2 {
	margin-bottom:30px;
}





aside#side ul.children li.cat-item a:before {
	font-family: 'FontAwesome';
	margin-right:5px;
	content: '\f105';
}

aside#side ul.children li.cat-item a {
	background:none;
	display:inline;
	padding:0 0 0 10px;
	text-align:left;
	color:#03183B;
}


/*フッター*/
footer {
	background:#03183B;
	padding:20px;
	clear:both;
}

footer ul.thumb li {
	/*width:120px;*/
	width:110px;
	margin:0 0 5px 5px;
}

footer ul.thumb li a {
	/*width:100px;*/
	width:100px;
	padding:5px;
}


div#footerInner {
	width:980px;
	margin:0 auto;
}


/*******************************　カテゴリー　*******************************/

body#search article,
body#category article,
body#detail article {
	width:66%;
	float:right;
}

section.post p {
	margin-bottom:20px;
}



/*******************************　詳細　*******************************/
h1 {
	color:#666;
	font-size:1.6em;
	font-weight:bold;
	margin-bottom:20px;
}

body#detail div.images {
	margin:0 0 0 -20px;
}
body#detail figure {
	background:#F6F6F6;
	float:left;
	padding:10px;
	margin:0 30px 15px 20px;
}

body#detail h1 {
}
body#detail figure img {
}

body#detail div.txt {
}

body#detail div.txt h2 {
	font-size:20px;
	font-weight:bold;
	border-bottom:2px dotted #000;
	margin-bottom:10px;
}

body#detail div.txt p {
	line-height:1.8;
}


p.pageTitle,
p.pageTitle a,
p.description {
	color:#03183B;
	text-align:center;
}
p.pageTitle {
	font-size:2.4em;
}

p.description {
	margin-bottom:60px;
}


/*これよりスマホ*/
@media only screen and (max-width:480px) {
	header div#headerUpper,
	nav ul,
	div#container,
	div#footerInner,
	body#category article, body#detail article,
	div#sub,
	body#detail figure,
	body#detail figure img {
		width:96%;
	}
	
	div#container {
		padding:2%;
		margin-bottom:20px;
	}
	
	#post-head-inner {
		width:100%;
	}
	
	section.post p img {
		width:100%;
		height:auto;
	}

	body#detail figure {
		float:none;
		padding:10px;
		margin:0 0 15px 0;
	}
	body#detail figure img {
		width:100%;
		height:auto;
	}
	body#detail h1 {
		float:none;
	}

	ul.thumb li {
		width:140px;
	}
	ul.thumb li a {
		width:120px;
	}
	ul.thumb li a img {
		width:100%;
		height:auto;
	}
	
	 p.menuBtn {
		 text-align:right;
	 }
	 header p.menuBtn a {
		 background:#F36;
		 padding:3px 10px;
		 color:#fff;
	 }
	 header p.menuBtn a:hover {
		 background:#F69;
	 }

	footer ul.thumb li {
		width:90px;
		box-sizing: border-box;
	}
	
	footer ul.thumb li a {
		width:70px;
		padding:5px;
		font-size:0;
	}
}