/* Basic Elements
---------------------------------------------------*/
html {
	height:100%;
}

html, body {
	font-size: 14px;
	/*color: #453136;*/
	color: #222;
	line-height: 1.6;

	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;

	background-color: #e4e0de;
}
body {
	font:14px/1.23;
}
p {
	margin-bottom:14px;
}

a {
	color: #333;
	text-decoration: none;
	outline: none;
}
a:hover {
		color: #777;
		text-decoration: underline;
		outline: none;
}
a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

h1 {
}
ul {
}
li {
	list-style-type:none;
}
ul.ul_vertical li {
	display:block;
}

img {
	vertical-align:top;
}

input {
	box-sizing : border-box;
}
input[type="text"],
input[type="password"],
input[type="submit"],
input,
textarea,
select,
button {
    outline: none;
}
*:focus {
  outline: none;
}

input[type="text"],
input[type="password"] {
	width:95%;
	padding:10px 14px;
	border: 1px solid #aa9999;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #fff;
}
textarea {
	width:95%;
	padding:8px;
	border: 1px solid #a7a4a4;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #fff;
}
select {
	padding:8px 14px;
	border: 1px solid #aa9999;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #fff;

}

table {

}
table th {
	padding:8px 16px;
}
table td {
	padding:8px 16px;
}

/* fonts
--------------------*/
body {
	font-family: 'Noto Sans', sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Lucida Grande","ＭＳ Ｐゴシック","Osaka";*font-size:small;*font:x-small;
}

header {
	font-family: 'Josefin Sans', sans-serif;
}
h1, h2, h3, h4 {
	font-family: 'Josefin Sans', sans-serif;
}

/* Basics
---------------------------------------------------*/
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}

.block {
	margin-bottom : 24px;
}
.block dl dt{
	font-weight:700;
}
.block dl dd{
	margin-left:24px;
	margin-bottom : 10px;
}

.btn_area {
	text-align: center;
	margin-top:28px;
}

.form_block {
}

.form_block dl dt{
	font-weight: 700;
}
.form_block dl dd{
	margin-left: 10px;
	margin-right: 10px;
}

/* Button */
.btn {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 14px;
	font-weight:700;
	color: #fff;
	padding: 12px 26px;
	background-color: #222;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border:none;

}
a.btn {
	color: #fff;
	text-decoration: none;
}

.btn-tight {
	padding: 6px 18px;
}
.btn-mini {
	font-size:12px;
	padding: 8px 16px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.btn-small {
	font-size:11px;
	padding: 4px 12px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.btn:hover{
	cursor: pointer;
	color: #fff;
	background-color: #666;
/*	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;*/

}
.btn-magenta {
	background-color: #e95098;
}
.btn-magenta:hover {
	background-color: #ee7ab0;
}
.btn-pink {
	background-color: #fadce9;
}
.btn-pink:hover {
	background-color: #feecf9;
}
.btn-gray {
	background-color: #797574;
}
.btn-gray:hover {
	background-color: #a9a5a4;
}

/* Form
---------------------------------------------------*/
form dt {
	margin:15px 0 8px;
}

form span.info-alert {
	color:#ee3333;
}


/* Basic Layouts
------------------------------------*/

#container {
	margin:0 auto;
	padding:0;
	padding-top:28px;
	max-width:1440px;
	background-color: #fff;
}

#main {
/*
	padding: 0 20px;
	margin: 0 auto;
	max-width: 1160px;
*/
}

@media screen and (min-width: 768px) {

	#container {
		padding-top:126px;
	}

}

@media screen and (min-width: 920px) {
	#main {
	}
}

/* Basic Layouts
---------------------------------------------------*/

#sidebar {
	vertical-align: top;
	margin-top:18px;
	width: 100%;
}

@media screen and (min-width: 768px) {
}

/* content
---------------------------------------------------*/

.content{
	text-align:left;
	/*max-width:1058px;*/
	width:1058px;
	margin: 0 auto;
	padding:15px 50px 50px;
	background-color: #fff;
}
#main h1{
	font-size:145%;
	font-weight:bold;
	color:#222;
	line-height:2.3em;
}
#main h2{
	font-size:130%;
	font-weight:700;
	margin-bottom:16px;
	padding:0 5px 0px;
	color:#333;
	line-height:2.3em;
	border-bottom:  2px solid #222;
	letter-spacing:2px;
}
#main h3{
	font-size:120%;
	font-weight:bold;
	line-height:2.2em;
	margin-bottom:15px;
}
#main p{
	margin-bottom:15px;
}

#main div.page_info {
	text-align: left;
	padding:20px;
	background-color: #f5f5f5;
	font-size: 110%;
	line-height: 1.9rem;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

}
#main div.page_info a {
	text-decoration: underline;
	color: #222299;
}
#main div.page_info a:hover {
	text-decoration: underline;
	color: #2222ff;
}

#main div.page_info .btn_area a.btn ,
#main div.page_info .btn_area a.btn:hover {
	text-decoration: none;
	color: #fff;
}


/* sub
--------------------------------*/
body.medium #site_wrap{
	margin: 0 auto;
	max-width:1160px;
	padding: 0 20px;
}
body.narrow #site_wrap{
	margin: 0 auto;
	max-width:800px;
	padding: 0 20px;
}

body #content_header{
	text-align: center;
	padding:15px 0;
}
body #content_header h2{
	text-align: center;
	font-size:1.6rem;
	font-weight:700;
	margin:20px auto 0;
	color:#333;
}


body.sub #header_content{
	text-align: center;
	padding:15px 0;
}
body.sub #header_content h2{
	text-align: center;
	font-size:1.6rem;
	font-weight:700;
	margin:20px auto 0;
	color:#333;
}
body.sub #header_content div.header_content_wrapper{
	/*width:932px;*/
	margin:0 auto;
}


body.sub .content{
	max-width:1160px;
}
body.narrow .content{
	max-width:800px;
}
body.sub .content div.wrap{
}
body.sub .content div.wrap a{
}
body.sub .content div.wrap a:hover{

}
body.sub #container{
    padding-bottom:162px;
}

body.sub .site_wrap{
	margin: 0 auto;
	max-width:1160px;
	padding: 0 20px;
}
body.narrow  .site_wrap{
	max-width:800px;
}



/* Header
---------------------------------------------------*/
header{
	text-align: center;
	background-color: #222;
}
header .wrap {
	position: relative;
	margin: 0 auto;
	padding: 20px 5px 15px;
	max-width:1160px;
}

header div.logo{
	display: block;
	text-align: center;
	width:344px;
	height:50px;
	margin: 0 auto;
}
header div.logo h1 {
	vertical-align: top;
	display: inline-block;
}
header div.logo a.logo-mark {
	color:#fff;
	display: inline-block;
/*	width:268px;
	height:50px;*/
	width:224px;
	height:42px;
	text-indent: -9999px;
	background:  url( ../img/common/logo.png) no-repeat;
	background-size: 224px;
	vertical-align: top;
}

header div.logo div.top_btn_wto {
	display: inline-block;
/*display: none;*/
	margin-right: 20px;
	margin-left: -48px;
	vertical-align: top;
}
header div.logo div.top_btn_wto a {
	display: block;
}
header div.logo div.top_btn_wto a img {
	margin-top: 2px;
	width: 36px;
	height: 36px;
}
/*
header div.logo div.top_btn_wto a img {
  animation: pika2 1s infinite alternate;
}
@keyframes pika2{
  from{opacity: 1;}
  to{opacity:0;}
}
*/

header .top {
	display: none;
}

header nav.nav_main {
	display: none;
}
.droppy {
	display: none;
}

header div.top-sns {
	position: absolute;
}
header div.top-sns ul li {
	display: inline-block;
}
header div.top-sns ul li {
	margin: 0 0 0 12px;
}
header div.top-sns ul li:first-child {
	margin: 0;
}
header div.top-sns a {
	display: block;
	text-indent:  -99999px;
	width : 26px;
	height:26px;
}
header div.top-sns li.twitter a {
	background:  url( ../img/common/icon_twitter.png) no-repeat;
	background-size: 26px;
}
header div.top-sns li.twitter a:hover {
	background:  url( ../img/common/icon_twitter_on.png) no-repeat;
	background-size: 26px;
}
header div.top-sns li.facebook a {
	background:  url( ../img/common/icon_facebook.png) no-repeat;
	background-size: 26px;
}
header div.top-sns li.facebook a:hover {
	background:  url( ../img/common/icon_facebook_on.png) no-repeat;
	background-size: 26px;
}
header div.top-sns li.instagram a {
	background:  url( ../img/common/icon_instagram.png) no-repeat;
	background-size: 26px;
}
header div.top-sns li.instagram a:hover {
	background:  url( ../img/common/icon_instagram_on.png) no-repeat;
	background-size: 26px;
}
header div.top-sns div.info {
	position:absolute;
	font-size:10px;
	font-weight:700;
	bottom:-34px;
	right:-20px;
}
header div.top-sns div.info a {
	text-indent: 0;
	text-align: right;
	width: 120px;
	color: #aa0000;
}
header div.top-sns div.info a:hover {
	color: #ee0000;
}

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

	header div.logo{
		width:224px;
		height:50px;
		margin-left: 16px;
	}
	header  div.logo  a.logo-mark {
		width:224px;
		height:42px;
		background-size: 224px;
	}

}

@media screen and (max-width: 459px) {
	header div.top-sns {
		display: none;
	}
}
@media screen and (max-width: 599px) {
	header div.top-sns {
		display: none;
	}
	header div.top-sns {
		right: 60px !important;
	}
}
/*
@media screen and (max-width: 520px) {

	header div.top-sns {
		right: 60px !important;
	}
}
*/
@media screen and (max-width: 767px) {

	header div.top-sns {
		top : 26px;
		right: 56px;
	}
}


@media screen and (min-width: 768px) {

	header {
		background-color: #222;
		height: auto;
	}

	header .wrap {
		padding: 20px 5px 2px;
	}

	header div.logo{
		width:486px;
		height:72px;
	}
	header div.logo  a.logo-mark{
		width:386px;
		height:72px;
		background-size: 386px;
	}
	header div.logo div.top_btn_wto {
		margin-right: 32px;
		margin-left: 0;
	}
	header div.logo div.top_btn_wto a img {
		margin-top: 4px;
		width: 64px;
		height: 64px;
	}
	header div.top-sns {
		top : 46px;
		right: 56px;
	}
	footer div.top-sns li {
		display: inline-block;
	}
	header div.top-sns li.facebook a {
	}

	/* Nav
	---------------------------------------------------*/
	.drawer-container {
		display: none;
	}
	.drawer--navbarTopGutter {
		padding-top: 0;
	}
	.drawer-navbar {
		height: 178px;
		background-color: #222;
	}

	header .top {
		display: block;
	}

	header nav.nav_main{
		display: none;
		margin:5px auto;
		padding:13px 0 10px;
	}

	header nav.nav_main > ul > li {
		margin: 0 12px;
		padding: 0;
		font-weight:700;
	}

/*
	header nav.nav_main ul li a{
		color: #fff;
		text-decoration: none;
	}
	header nav.nav_main ul li a:hover{
		color:#ddd;
	}
*/
	header nav.nav_main ul li.search {
		margin-left:5px;
	}
	header nav.nav_main ul li.search a {
		display: block;
		width:21px;
		height:21px;
		text-indent: -99999px;
		text-align: left;
		background-image: url(../img/common/icon_search.png) !important;
		background-repeat: no-repeat !important;
		background-position: 50% 50% !important;
	}
	header nav.nav_main ul li.search ul{
		text-align: left;
		width: 500px;
		background-color: #5E5A5A;
	}
	header nav.nav_main ul li.search ul li{
		padding: 15px;
	}
	header nav.nav_main ul li.search ul li input[type="text"]{
		width:300px;
	}

	/* Basic code - don't modify */

	 .droppy { display: inline-block; margin: 0; padding: 0; position: relative; }
	  .droppy li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
	  .droppy a { display: block; }
	  .droppy ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }

	  .droppy ul.open-right { right: 0; left: inherit; }

	  * html .droppy ul { line-height: 0; } /* IE6 "fix" */
	  	.droppy ul a { zoom: 1; } /* IE6/7 fix */
	    .droppy ul li { float: none; }
	    .droppy ul ul { top: 0; }

	/* Essentials - configure this */

	.droppy ul { width: 300px; }
	.droppy ul ul { left: 300px; }

	/* Everything else is theming */

	.droppy { height: 24px; }
	.droppy *:hover { background-color: none; text-decoration: none; }
	.droppy a { color: #fff; _font-size: 12px; padding: 8px 10px; _line-height: 1; }
	  .droppy li.hover a { background-color: #5E5A5A; }
	  .droppy ul { top: 38px; }
	    .droppy ul li a { background-color: #5E5A5A; }
	      .droppy ul a.has-subnav { background-color: #2E2A2A }
				.droppy ul a.hover { background-color: #30A8C3; }
	   .droppy ul a { _border-bottom: 1px solid white; _border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
	/* .droppy ul a { border-bottom: none; } - I also needed this for IE6/7 */


	body.mypage.blog_edit header nav.nav_main {
		display: block;
	}

}

@media screen and (min-width: 936px) {

	header nav.nav_main > ul > li {
		margin: 0;
		padding: 0 24px;
	}
	header div.top-sns {
		right: 100px;
	}

}

/*
@media all and (max-width: 768px) {
	header nav.nav_main {
		display: none !important;
	}
}
*/


.droppy ul li.sihh a {
	background-color: #265cff;
}
.droppy ul li.sihh.hover a {
	background-color: #265cff;
}
/*
header nav.nav_main > ul > li.sihh a {
	background-color: #265cff;
}
header nav.nav_main > ul > li.sihh.hover a {
	background-color: #5982FF;
}
*/
.droppy ul li.wto_active a {
	background-color: #265cff;
}
.droppy ul li.wto_active.hover a {
	background-color: #265cff;
}

header nav.nav_main > ul > li.wto_active a {
	background-color: #265cff;
}
header nav.nav_main > ul > li.wto_active.hover a {
	background-color: #5982FF;
}


/* Footer
---------------------------------------------------*/
footer {
	text-align: center;
	margin-top:80px;
	padding:20px 0 30px;
	color: #fff;
	background-color: #222;
}
footer .wrap {
	max-width:1124px;
	margin:0 auto;
	padding:0 15px;
}

footer ul.footer_menu {
	display: inline-block;
	margin : 10px 36px;
	vertical-align: top;
}
footer .wrap ul.footer_menu li {
	text-align: left;
	line-height: 1.8em;
}
footer .wrap ul.footer_menu li ul {
	margin: 4px 0 0 14px;
}
footer .wrap ul.footer_menu li a {
	color:#fff;
	text-decoration: none;
}
footer .wrap ul.footer_menu li a:hover {
	text-decoration: underline;
}

footer .wrap ul.footer_menu li dl {
	margin: 4px 0 0 14px;
}
footer .wrap ul.footer_menu li dd {
	text-indent: 16px;
	margin-bottom:12px;
}

footer div.bottom-sns {
	text-align: center;
	margin: 20px auto;
}
footer div.bottom-sns li {
	display: inline-block;
	margin: 4px 10px;
}
footer div.bottom-sns a {
	display: block;
	text-indent:  -99999px;
	width : 32px;
	height:32px;
	background-size: 32px;
}
footer div.bottom-sns li.twitter a {
	background:  url( ../img/common/icon_twitter.png) no-repeat;
	background-size: 32px;
}
footer div.bottom-sns li.twitter a:hover {
	background:  url( ../img/common/icon_twitter_on.png) no-repeat;
	background-size: 32px;
}
footer div.bottom-sns li.facebook a {
	background:  url( ../img/common/icon_facebook.png) no-repeat;
	background-size: 32px;
}
footer div.bottom-sns li.facebook a:hover {
	background:  url( ../img/common/icon_facebook_on.png) no-repeat;
	background-size: 32px;
}
footer div.bottom-sns li.instagram a {
	background:  url( ../img/common/icon_instagram.png) no-repeat;
	background-size: 32px;
}
footer div.bottom-sns li.instagram a:hover {
	background:  url( ../img/common/icon_instagram_on.png) no-repeat;
	background-size: 32px;
}
footer div.bottom-sns li.info a {
	text-indent: 0 !important;
	text-align: left;
	width: 80px;
	color: #aa0000 !important;
}
footer div.bottom-sns li.info a:hover {
	color: #ee0000 !important;
}

footer .wrap div.copy {
	text-align: center;
	margin-top:25px;
	font-size:0.8rem;
	color:#888;
}



/* Sidebar
---------------------------------------------------*/
#sidebar {
	text-align: left;
}

.sidebar .def-block{
	margin-bottom:20px;
	padding: 8px 15px 19px;
	line-height:1.7em;

	border: 1px solid #ddd;
	border: none; /*1px solid #e8c2cc;*/
	box-sizing: border-box;
}

.sidebar .def-block h3{
	text-align: center;
	margin-bottom:18px;
	padding-bottom:5px;
	font-size:125%;
	border-bottom:1px solid #333;
	color: #633d47;
}
.sidebar .def-block h3 a {
	color: #633d47;
	text-decoration: none;
}
.sidebar .def-block h3 a:hover {
	color: #d95174;
}


.sidebar section.author_info {
	margin: 0 10px;
	padding:  24px 10px 24px;
	/*border : 1px solid #ddd;*/
	/*background-color: #f5f5f5;*/

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;

	background-color: #f8f8f8;
}
.sidebar section.author_info .pic ,
.sidebar section.author_info .author_name ,
.sidebar section.author_info .location {
	text-align: center;
}
.sidebar section.author_info .pic img{
	width:180px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.sidebar section.author_info .author_name{
	margin-top:5px;
	font-size:120%;
}

.sidebar section.author_info .description {
	margin:16px 10px;
	font-size:90%;
	line-height:1.4em;
	color:#666;
}

.sidebar section.author_info .recent_posts {
	margin:16px 10px;
	font-size:90%;
	line-height:1.6em;
}

.sidebar section.author_info .urls {
	text-align: center;
}
.sidebar section.author_info .urls ul li {
	display: inline-block;
}


.sidebar h4 {
	margin-top: 8px;
	margin-bottom: 4px;
	font-weight:700;
}


/* LoginBlock
-------------------------*/
.sidebar .login_block{
	text-align: center;

}
.sidebar .login_block input[type="text"],
.sidebar .login_block input[type="password"]{
	padding:5px 8px;
	margin-bottom:8px;
	width:80%;
}

/* NewsBlock
-------------------------*/
.sidebar .news_block_wrap{
	text-align: left;
	padding:10px;
	line-height:1.6em;
	background-color: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.sidebar .news_block p{
	margin-bottom: 7px;
	color:#888;
}
.sidebar .news_block li{
	margin-bottom: 12px;
	line-height: 1.3em;
}

.sidebar .author_info li.pic,
.sidebar .author_info li.author_name,
.sidebar .author_info li.author_class{
	text-align: center;
}
.sidebar .author_info li.pic img {
	max-width: 100%;
}
.sidebar .banner_block{
	margin-top:25px;
	margin-bottom:25px;
	text-align: center;
}
.sidebar .banner_block li{
	width:100%;
	height:65px;
	line-height:65px;
	background-color: #f2f2f2;
	margin: 18px 0;
}
.sidebar .banner_block li a{
	color: #999;
}

.sidebar .recent-posts-block {
	margin-top:28px;
}
.sidebar .ranking-posts-block {
	margin-top:0;
}
.sidebar .recent-posts-block .news_block_wrap,
.sidebar .ranking-posts-block .news_block_wrap {
	 padding:0;
}
.sidebar .recent-posts-block .recent_list li,
.sidebar .ranking-posts-block .ranking_list li {
	margin-bottom:22px;
}
.sidebar .recent-posts-block .recent_list li .left,
.sidebar .ranking-posts-block .ranking_list li .left {
	display:inline-block;
	width:100px;
	height:100px;
}
.sidebar .recent-posts-block .recent_list li .left .im,
.sidebar .ranking-posts-block .ranking_list li .left .im {
	width:100px;
	height:100px;
}
.sidebar .recent-posts-block .recent_list li .right,
.sidebar .ranking-posts-block .ranking_list li .right {
	display:inline-block;
	padding-left:10px;
	width:200px;
	height:100px;
	vertical-align:top;
}
.sidebar .recent-posts-block .recent_list li .right .subject,
.sidebar .ranking-posts-block .ranking_list li .right .subject {
	overflow:hidden;
	margin-top:10px;
	margin-bottom:10px;
	height:64px;
	line-height:1.3em;
	font-size:90%;
	font-weight:700;
	word-break:break-all;
}
.sidebar .recent-posts-block .recent_list li .right .date,
.sidebar .ranking-posts-block .ranking_list li .right .date {
	text-align:right;
	font-size:80%;
}

iframe .twitter-timeline-rendered {
	width: 100% !important;
	height: 640px !important;
}

/* Home
---------------------------------------------------*/
body.home .content{
	margin:0 auto;
	padding-top:0;
/*	width:1058px;*/
}
body.home .content_top .top{
	text-align: center;
	max-width: 1440px;
	margin: 0 auto;
}
body.home .content_top .top .side{
	display: block;
	vertical-align: top;
	margin-top:4px;
	margin-bottom: 20px;
	width: 100%;
}
body.home .content_top .top .side ul#side_banner li{
	display: inline-block;
	margin:0 3px 0 0;
	width: 260px;
}

body.home .content .middle{
	display: inline-block;
	vertical-align: top;
	margin:15px 0 15px;
	width:760px;
	max-width:760px;

}
body.home .content .middle .pagenav{
	display: none;
}


body.home #site_wrap {
	text-align: center;
	padding:0 15px;
	margin: 0 auto;
}

body.home .header_picture {
	max-width:100%;
	height:280px;
	overflow:hidden;
}
body.home .bx-wrapper {
	margin-bottom:30px;
}

body.home main {
	margin-top:24px;
}
body.home #sidebar {
	display: inline-block;
	width:100%;
}

@media all and (min-width: 440px) {
	.sidebar .recent-posts-block .recent_list li .right,
	.sidebar .ranking-posts-block .ranking_list li .right {
		width:300px;
	}
}

@media all and (min-width: 768px) {

	body.home #site_wrap {
		padding: 0;
	}
	body.home main {
		display: inline-block;
		margin-top: 0px;
		width:540px;
		padding-right:0px;
	}
	body.home #sidebar {
		display: inline-block;
		width:200px;
	}
	.sidebar .recent-posts-block .recent_list li .right,
	.sidebar .ranking-posts-block .ranking_list li .right {
		width:60px;
	}

	body.home .header_picture {
		max-width:1440px;
		height:480px;
		overflow:hidden;
	}
	body.home .bx-wrapper {
		margin-bottom:16px;
	}

	section.latest_blogs ul.list li.list_block  {
		max-width:45%;
		margin: 10px;
	}

}

@media all and (min-width: 800px) {

	body.home #sidebar {
		width:250px;
	}
	.sidebar .recent-posts-block .recent_list li .right,
	.sidebar .ranking-posts-block .ranking_list li .right {
		width:110px;
	}

}

@media all and (min-width: 920px) {

	body.home main {
		width:600px;
		padding-right:18px;
	}
	body.home .site_wrap {
		max-width:1140px;
	}

	body.home section.latest_blogs {
		width:600px;
	}

	section.latest_blogs ul.list li.list_block  {
		margin: 15px;
	}

}

@media all and (min-width: 1160px) {

	body.home main {
		width:800px;
		/*border-right:  1px solid #eee;*/
	}
	body.home section.latest_blogs {
		display: inline-block;
		width:800px;
		padding-right:22px;
	}
	body.home #sidebar {
		display: inline-block;
		width:300px;
	}
	.sidebar .recent-posts-block .recent_list li .right,
	.sidebar .ranking-posts-block .ranking_list li .right {
		width:160px;
	}

	section.latest_blogs ul.list li.list_block  {
		margin: 20px;
	}
}




.content .new_items{
	margin-top:10px;
}
.content .new_items h2{
}
.content .new_items ul.list{
}
.content .new_items ul.list li{
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin:0 8px 15px;
	width:170px;
}
.content .new_items ul.list li{
	position: relative;
	margin:4px 10px 36px;
	height:290px;
}
.content .new_items ul.list li .picture{
    /*float: left;*/
    width: 170px;
    height: 170px;
    position: relative;
    overflow: hidden;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

}
.content .new_items ul.list li .picture a{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 200px;/* 縦は用途応じて改変 */
    line-height: 200px;
    margin:-100px 0 0 -50%;
    text-align: center;
}
.content .new_items ul.list li .picture img{
    min-height: 170px;
    min-width: 10%;
    width:170px;
	vertical-align: middle;
}
.content .new_items ul.list li h3{
	line-height:1.6em;
	margin-top:4px;
	font-size:110%;
}
.content .new_items ul.list li h3 a{
	color:#444;
	text-decoration: none;
}
.content .new_items ul.list li h3 a:hover{
	color:#ee61a8;
	text-decoration: underline;
}

/* Latest blogs
---------------------------------------------------*/
section.latest_blogs{
	margin:0px auto;
}
section.latest_blogs .left{
	position: relative;
}
section.latest_blogs .right{
	vertical-align: top;
	/*background-color: #f4f4f4;*/
	padding:15px;
}

section.latest_blogs h2{
	margin-top:0px;
	font-weight:700;
	font-size:180%;
}
section.latest_blogs>h2 ,
section.latest_blogs .pagenav {
	margin-top:15px;
	text-align: center;
}

section.latest_blogs h2 {
	margin-bottom:14px;
	text-align: left;
	font-size:130%;
	color: #666;
	border-bottom: 2px solid #444;
}
section.latest_blogs.top h2 {
	margin-top: 42px;
}

section.latest_blogs ul.list {
	margin: 0 auto;
}
section.latest_blogs ul.list li,
section.latest_blogs ul.list_large li {
	margin-bottom:20px;
	vertical-align: top;
}
section.latest_blogs ul.list .list_block {
	position: relative;
	margin-bottom: 18px !important;
}

/*
section.latest_blogs ul.list li {
	position: relative;
}
*/

section.latest_blogs .see_all {
	text-align: center;
	margin-top: 24px;
}
section.latest_blogs .see_all a.btn {
	background-color: #555;
}
section.latest_blogs .see_all a.btn:hover {
	text-decoration: none;
	background-color: #222;
}


section.latest_blogs .list_block_header {
	background-color: #ddd;
	padding:0;
}

section.latest_blogs .article_type {
	/*display: inline-block;*/
	text-align: left;
	padding-left:5px;
	font-weight:700;
	color:#fff;
	font-size:95%;
	background-color: #ccc;
}
section.latest_blogs .article_type_BLOG {
	/*background-color: #D37C8E;*/
	background-color: #aa3333;
}
section.latest_blogs .article_type_NEWS {
	/*background-color: #33aa33;*/
	background-color: #78CCC5;
}
section.latest_blogs .article_type_SHOP {
	background-color: #FF8E66;
}
section.latest_blogs .article_type_MEDIA {
	background-color: #8FB565;
}
section.latest_blogs .article_type_WATCH {
	background-color: #B484CC;
}
section.latest_blogs .article_type_USERS {
	background-color: #F2B809;
}
section.latest_blogs .article_type_SIHH {
	background-color: #265cff;
}


section.latest_blogs .author,
section.latest_blogs .brand {
	padding: 2px 6px 4px;
	height: 20px;
/*	display: inline-block;*/
}
section.latest_blogs .author,
section.latest_blogs .brand {
	font-size: 11px;
}

section.latest_blogs .author a{
	color: #333;
	text-decoration: none;
}
section.latest_blogs .author a:hover{
	color:#ee61a8;
	text-decoration: underline;
}

section.latest_blogs ul.list li .picture a,
section.latest_blogs ul.list_large li .picture a {
	display: block;
}
section.latest_blogs ul.list li .im,
section.latest_blogs ul.list_large li .im {
	max-width: 800px;
	height: 280px;
}

section.latest_blogs ul.list li .picture a img,
section.latest_blogs ul.list_large li .picture a img {
	max-width: 100%;

}

section.latest_blogs .left .icon{
	display: none;
	position: absolute;
	top:6px;
	left: 6px;
	width:32px;
	height:16px;
	text-indent: -99999px;
}
section.latest_blogs .left .icon.type_1{
	background:  url( ../img/common/icon_blog.png) no-repeat;
}
section.latest_blogs .left .icon.type_5{
	background:  url( ../img/common/icon_news.png) no-repeat;
}


section.latest_blogs .date,
section.latest_blogs .comments{
	display: inline-block;
}

section.latest_blogs .subject,
section.latest_blogs .body{
	display: block;
	margin-right:0;
	margin-bottom:5px;
}
section.latest_blogs .body {
	color: #666;
}
section.latest_blogs .blog_content {
	position: relative;
	height: 124px;
	overflow: hidden;
}
section.latest_blogs .blog_content_mask {
	position: absolute;
	bottom:0;
	height:50px;
	width: 100%;
	background: url(../img/article/bg_blog_content.png) repeat-x bottom;
}

section.latest_blogs h3.subject {
	/*display: inline-block;*/
	line-height:1.5em !important;
	font-weight:700;
	font-size:140%;
/*	height:56px;
	overflow: hidden;*/
}
section.latest_blogs h3.subject a {
	color: #220000;
}

section.latest_blogs .body{
	margin-top:7px;
	font-size: 100%;
}

section.latest_blogs .right>div {
}
section.latest_blogs .date {
	position: absolute;
	top: 0;
	right: 5px;
	color:#fff;
	font-size: 90%;
}
section.latest_blogs .list_block .see_all {
	text-align: right;
	margin-top: 8px;
/*
	position: absolute;
	bottom: -15px;
	right: 50%;
*/
}
section.latest_blogs .list_block .see_all a.btn {
	background-color: #555;
}
section.latest_blogs .list_block .see_all a.btn:hover {
	text-decoration: none;
	background-color: #222;
}

@media all and (min-width: 768px) {

	section.latest_blogs ul.list {
		text-align:center;
		margin-top:30px;
	}
	section.latest_blogs ul.list.top {
		margin-top:10px;
	}
	section.latest_blogs ul.list>li{
		display:inline-block;
		text-align: left;
		margin:20px;
		/*max-width:38%;*/
		max-width:45%;
	}

	section.latest_blogs .right{
		padding:10px 0 15px;
	}

	section.latest_blogs ul.list li .picture a {
		max-width: 100%;
	}

	section.latest_blogs ul.list li .im{
	    max-width: 100%;
	    height: 230px;
		overflow: hidden;

		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}

	section.latest_blogs ul.list_large li .picture a {
		max-width: 1440px;
	}

	section.latest_blogs ul.list_large li {
		position: relative;
		display:block;
		margin:0 0 20px;
	}
	section.latest_blogs ul.list_large li .im{
	    width: 1440px;
	    max-width: 100%;
	    height: 480px;
		overflow: hidden;
	}


	section.latest_blogs ul.list_large li .right {
		position: absolute;
		z-index:999;
		bottom: 24px;
		right:24px;
		width:240px;
		height:240px;
		background-color: #000;

		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;

	}

	section.latest_blogs ul.list_large li .right {
		color: #fff;
	}
	section.latest_blogs ul.list_large li .right a {
		color: #fff;
	}
	section.latest_blogs ul.list_large li .right h3.subject .article_type {
		color:#ccc;
	}

}

@media all and (min-width: 920px) {

	section.latest_blogs ul.list>li{
		/*max-width:28%;*/
		max-width:45%;
	}

	section.latest_blogs ul.list_large li .right {
		width:320px;
		height:240px;
	}

}

section.latest_blogs ul.list.edit .list_block {
	max-width:28%;
	min-width:28%;
}
section.latest_blogs ul.list.edit .list_block .nickname {
	padding:6px;
	font-size:120%;
	background-color:#eee;
}

section.latest_blogs ul.list.edit .list_block .nickname.another-person {
	background-color: #f5bbc5;
}
section.latest_blogs ul.list .list_block .btn.btn-edit.another-person {
	background-color: #E64A64;
}
section.latest_blogs ul.list .list_block .btn.btn-edit.another-person:hover {
	background-color: #ec788b;
}


@media all and (min-width: 920px) {

	section.latest_blogs ul.list.edit>li{
		max-width:45%;
		min-width:45%;
	}

}

.content .brand_news h2{
	margin-top:20px;
	width:760px;
	height:50px;
	font-size:0;
	border:none;
	background:  url( ../img/common/h_news.png) no-repeat;
}
.content .brand_news .list_block{
	margin-bottom:15px;
	height: 280px;
	overflow: hidden;
}
.content .brand_news .picture{
	position: relative;
	width:170px;
	height:116px;
	overflow: hidden;
}
.content .brand_news .picture img{
	width:170px;
}


.content .search_form{
	text-align: center;
	margin-bottom:15px;
}
.content .search_form dl{
	padding:8px 0 15px;
}
.content .search_form dl dt{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width:100px;
}
.content .search_form.blogs dl{
	border-bottom: 1px dotted #ddd;
}
.content .search_form.blogs dl dt{
	background-color: #ffdddd;
	padding:15px;
}
.content .search_form.items dl{
	border-bottom: 1px dotted #ddd;
}
.content .search_form.items dl dt{
	background-color: #ddeedd;
	padding:15px;
}
.content .search_form dl dd{
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	margin-left:10px;
	width:600px;
}
.content .search_form_bottom{
	margin-top:10px;
}
.content .search_form input[type="text"]{
	width:240px;
	font-size:95%;
	padding: 5px 10px;
}
.content .search_form input[type="submit"]{
	font-size:95%;
	padding: 7px 12px;
	margin-left:10px;
}
.content .search_form select{
	font-size:95%;
	padding: 7px 12px;
}



/* List
---------------------------------------------------*/
body.item_top .content .search_form{
	text-align: left;
	margin-bottom:15px;
}
body.item_top .content .search_form ul{
	display: table-cell;
}
body.item_top .content .search_form ul li{
	display: inline-block;
	margin-right:15px;
}
body.item_top .content .search_form ul li.keyword{
	display: block;
	margin-bottom:10px;
}
body.item_top .content .search_form div.btn_submit{
	display: table-cell;
	vertical-align: middle;
	padding-left:15px;
}

body.item_top .content .search_form input[type="text"]{
	width:240px;
	font-size:90%;
	padding: 5px 10px;
}
body.item_top .content .search_form input[type="submit"]{
	font-size:95%;
	padding: 7px 12px;
	margin-left:10px;
}
body.item_top .content .search_form select{
	font-size:95%;
	padding: 7px 12px;
}


/* Detail
---------------------------------------------------*/

/* Blog List
---------------------------------------------------*/
body.blog_list #site_wrap {
	text-align: center;
	padding:0 15px;
	margin: 0 auto;
}

.blog_list .header_picture {
	max-width:100%;
	height:240px;
	overflow:hidden;
}

.blog_list .search_info{
	margin:20px 5px 30px;
	padding:10px;
	background-color:#f6f4f4;
}


.content .blog_list ul.list li .picture img{
	width:200px !important;
	max-height:none !important;
}
.content .blog_list .right{
	max-width: 68% !important;
}

@media all and (min-width: 768px) {

	body.blog_list #site_wrap {
		padding: 0;
	}
	body.blog_list main {
		display: inline-block;
		margin-top: 0px;
		width:540px;
		padding-right:0px;
	}
	body.blog_list #sidebar {
		display: inline-block;
		width:200px;
	}
	.blog_list .header_picture {
		max-width:1440px;
		height:300px;
		overflow:hidden;
	}

	section.latest_blogs ul.list li.list_block  {
		max-width:45%;
		margin: 10px;
	}

}

@media all and (min-width: 800px) {

	body.blog_list #sidebar {
		width:250px;
	}
}

@media all and (min-width: 920px) {

	body.blog_list main {
		width:600px;
		padding-right:18px;
	}
	body.blog_list .site_wrap {
		max-width:1140px;
	}

	body.blog_list section.latest_blogs {
		width:600px;
	}

	section.latest_blogs ul.list li.list_block  {
		margin: 15px;
	}

}

@media all and (min-width: 1160px) {

	body.blog_list main {
		width:800px;
		/*border-right:  1px solid #eee;*/
	}
	body.blog_list section.latest_blogs {
		display: inline-block;
		width:800px;
		padding-right:22px;
	}
	body.blog_list #sidebar {
		display: inline-block;
		width:300px;
	}

	section.latest_blogs ul.list li.list_block  {
		margin: 20px;
	}
}

/* Blog List (Detail)
---------------------------------------------------*/

@media all and (min-width: 500px) {

	section.latest_blogs.detail ul.list li.list_block  {
		display: inline-block;
		margin:10px;
		max-width:42%;
	}

}


@media all and (min-width: 768px) {

	section.latest_blogs.detail ul.list li.list_block  {
		max-width:28%;
	}

}


/* Blog Detail
---------------------------------------------------*/
.blog_detail #site_wrap {
	text-align: center;
	padding:0 15px;
	margin: 0 auto;
}

.blog_detail .process_ret {
	text-align: center;
	padding: 12px;
	/*font-size: 120%;*/
	background-color: #c2efef;
}

.blog_detail #container .article-top-message{
	padding:12px;
	text-align: center;
	font-size: 0.9rem;
	color: #444;
	background-color: #e5e5e5;
}

.blog_detail .header_picture {
	max-width:100%;
	height:280px;
	overflow:hidden;
}

#main article.blog {
	margin-top:15px;
	text-align: left;
	padding-bottom: 50px;
}
#main article.blog img {
	max-width:100%;
	height:  auto !important;
}

#main article.blog a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#main article.blog h1{
	font-size:145%;
	font-weight:700;
	margin-top:8px;
	margin-bottom:8px;
	padding-top:5px;
	padding-bottom:3px;
	color:#454545;
	line-height:1.6em;
	border-bottom:  1px solid #333;
	letter-spacing: 0.2em;
}

#main article.blog h1:first-letter {
	font-size: 200%;
	color:#cc5555;
}

#main article.blog .blog_info{
	margin:44px 0 14px;
	font-size:100%;
	color:#222;
}
#main article.blog .blog_info h4,
#main article.blog .blog_info ul,
#main article.blog .blog_info ul li{
	display: inline-block;
	margin:0 5px;
}
#main article.blog .blog_info ul li {
	margin-top:6px;
	padding:8px 12px;
	background-color:#f5f5f5;
}

#main article.blog .blog_info .authors,
#main article.blog .blog_info .categories,
#main article.blog .blog_info .brands,
#main article.blog .blog_info .models,
#main article.blog .blog_info .tags{
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 8px;
}

#main article.blog .blog_info .brands ul li {
	background-color:#f5e5d5;
}
#main article.blog .blog_info .models ul li {
	background-color:#d5f5d5;
}
#main article.blog .blog_info .tags ul li {
	background-color:#d5e5f3;
}


#main article.blog div.body {
	margin-top:18px;
	/*word-break: break-all;*/
	line-height: 1.8;

	overflow-wrap: break-word;
	word-wrap: break-word;

	font-size:115%;
}
/*
section.blog .body:first-letter {
	font-weight: 700 !important;
	font-size: 300% !important;
	color:#ee3333 !important;
}
*/

#main article.blog div.body h1,
#main article.blog div.body h2,
#main article.blog div.body h3,
#main article.blog div.body h4,
#main article.blog div.body h5 {
	border: none;
}


#main article.blog div.body a {
	text-decoration: underline;
	color: #222299;
}
#main article.blog div.body a:hover {
	text-decoration: underline;
	color: #2222ff;
}

#main article.blog div.body ul{
	margin: 1em 0;
	padding-left: 20px;
}
#main article.blog div.body ul li{
	list-style-type: disc;
}

#main article.blog div.body ol{
	margin: 1em 0;
	padding-left: 20px;
}
#main article.blog div.body ol li{
	list-style-type: decimal;
}

#main article.blog div.body strong,
#main article.blog div.body b{
	font-weight:700;
}
#main article.blog div.body em{
    font-style: italic;
}
#main article.blog div.body iframe {
	max-width:100%;
}
#main article.blog div.body video {
	max-width:100%;
}

@media all and (max-width: 768px) {

	#main article.blog div.body table {
		margin:0;
		padding:0;
		width: 100% !important;
		height: auto !important;
	}
	#main article.blog div.body table th {
		height: auto !important;
	}

	#main article.blog div.body table th,
	#main article.blog div.body table td{
		padding: 10px 20px;
		width: 90% !important;
		display: block;
		height: auto !important;
	}
	#main article.blog div.body table td:first-child {
		padding: 10px 0;
		font-weight: 700;
	}
}

@media all and (min-width: 768px) {

	.blog_detail main {
		display: inline-block;

	}
	.blog_detail #sidebar {
		display: inline-block;
		width:200px;
	}

	#main article.blog {
		width:500px;
		border-right:  1px solid #eee;
		padding-right:18px;
	}

	.blog_detail .header_picture {
		max-width:1440px;
		height:480px;
		overflow:hidden;
	}


}

@media all and (min-width: 800px) {

	.blog_detail #sidebar {
		width:250px;
	}
}

@media all and (min-width: 920px) {

	#main article.blog {
		width:600px;
	}
	.blog_detail .site_wrap {
		max-width:1140px;
	}

}

@media all and (min-width: 1160px) {

	#main article.blog {
		display: inline-block;
		width:800px;
		padding-right:22px;
	}
	.blog_detail #sidebar {
		display: inline-block;
		width:300px;
	}

}

/* Comments
---------------------------------------------------*/
section.comments {
	text-align: left;
	max-width: 800px;
	margin: 40px auto 0px;
}
section.comments .header_comments {
	text-align: center;
	padding-bottom:14px;
	margin-bottom: 20px;
	border-bottom: 2px solid #ddd;
}
section.comments .header_comments>h2 {
	font-weight: 700;
	font-size:180%;
	margin-bottom:14px;
}
section.comments .header_comments>p {
	line-height:2em;
}
section.comments .comment {
	max-width: 800px;
	margin-bottom:20px;
	padding-bottom:15px;
	border-bottom: 1px dotted #ddd;
}
section.comments .comment .picture {
	display: inline-block;
	vertical-align: top;
	width:60px;
}
section.comments .comment .picture img {
	width: 60px;
}
section.comments .comment .comment_info {
	vertical-align: top;
	display: inline-block;
	padding-left:16px;
	max-width:720px;
}
section.comments .comment .comment_info .nickname ,
section.comments .comment .comment_info .date {
	display: inline-block;
}
section.comments .comment .comment_info .nickname {
	font-weight:700;
	margin-right:16px;
}
section.comments .comment .comment_info .date {
	font-size:90%;
	color:#777;
}
section.comments .comment .comment_info .btn_block {
	margin-top:16px;
}
section.comments .comment .comment_info .body {
	margin-top:6px;
	line-height: 1.4em;
}

/* Shop
---------------------------------------------------*/
body.shop{
}
body.shop #main h2 {
	margin-top: 16px;
	line-height: 1.3em;
	padding-bottom: 6px;
}
body.shop .shop-list {
	margin-top: 32px;
	margin-bottom: 60px;
	text-align: center;
}
body.shop .shop-list li {
	display: inline-block;
	vertical-align: top;
	max-width: 32%;
	min-width: 32%;
	text-align: center;
	margin-bottom: 16px;
	box-sizing: content-box;
}
body.shop .shop-list li a {
	display: block;
	margin: 8px;
	padding: 14px;
	text-decoration: none;
	background-color: #eeece8;
}
body.shop .shop-list li a:hover {
	background-color: #666;
	color: #fff;
}
body.shop .shop-list li .im_wrapper {
	position: relative;
}
body.shop .shop-list li .im_wrapper .icon {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 2px 5px;
	font-size: 0.75rem;
	color: #fff;
	background-color: #9e3c3c;
}

body.shop .shop-list li .im {
    max-width: 100%;
    height: 230px;
    overflow: hidden;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
body.shop .shop-list li a .div {
	text-align: center;
}
body.shop .shop-list li a .title {
	font-size: 1.4rem;
	font-weight: 400;
	margin: 0 auto 0;
}
body.shop .shop-list li a .title_kana {
	font-size: 1.0rem;
	font-weight: 400;
	margin: 0 auto 10px;
	color: #888;
}
body.shop .shop-list li a .count {
	text-align: right;
	font-size: 0.9rem;
	margin: 0;
	color: #888;
}
body.shop .shop-list li a .date {
	text-align: right;
	font-size: 0.9rem;
	margin: 14px 0 0;
	color: #888;
}
body.shop .shop-list li a:hover div {
	color: #fff;
}

@media all and (max-width: 720px) {
	body.shop .shop-list li {
		display: block;
		max-width: 100%;
		margin-bottom: 32px;
	}
}

/* Aboutus
---------------------------------------------------*/
body.aboutus{
}

body.aboutus #header_content h2{
}
body.aboutus .content{
}

/* Login
---------------------------------------------------*/
body.login{
}

body.login #container{
}
body.login #container div.wrap{
}

body.login #container{
}
body.login #container div.info-alert{
	text-align: center;
	margin-bottom:15px;
	/*color:#f97a43;*/
	color:#e33;
}
body.login #container dl.input_account{
	margin:0 auto;
}
body.login #container dl.input_account dd {
	margin: 0;
}
body.login #container dl.input_account dd input[type="text"]
,body.login #container dl.input_account dd input[type="password"]{
	width:100%;
	padding:15px;
	margin-bottom:9px;
}

body.login #container div.bottom{
	text-align: center;
	margin:4px auto 0;
}
body.login #container div.bottom ul{
	margin-top:15px;
}
body.login #container div.bottom ul li{
	line-height:2.2em;
	font-size:90%;
}

/* Cart
---------------------------------------------------*/
body.cart{
}

body.cart .cart_table{
}
body.cart .cart_table ul li{
	border-bottom:  1px dotted #aaa;
}
body.cart .cart_table ul.item li{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	border-bottom: none;
	padding:10px 10px 14px;
}
body.cart .cart_table ul.item li.picture{
	width:112px;
}
body.cart .cart_table ul.item li.item_name{
	width:220px;
	text-align: left;
}
body.cart .cart_table ul.item li.quantity{
	width:60px;
}
body.cart .cart_table ul.item li.price{
	width:90px;
}
body.cart .cart_table ul.item li.edit{
	width:60px;
}
body.cart .cart_table ul.item li.picture img{
    width: 112px;
    height: 112px;
    position: relative;
    overflow: hidden;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

}

/* Privacy
---------------------------------------------------*/
body.privacy{
}
body.privacy #main p
,body.privacy #main dl{
	margin-top:15px;
	font-size: 90%;
}
body.privacy #main dl dt{
	margin-bottom:10px;
	font-weight:700;
	font-size:110%;
}
body.privacy #main dl dd{
	margin-bottom:15px;
}

/* Aboutus
---------------------------------------------------*/
body.aboutus{
}
body.aboutus #main p
,body.aboutus #main dl{
	margin-top:30px;
	font-size: 100%;
}
body.aboutus #main dl dt{
	margin-bottom:10px;
	font-weight:700;
	font-size:110%;
}
body.aboutus #main dl dd{
	margin-bottom:15px;
}
body.aboutus #main dd{
	margin-left: 20px;
}


/* Order
---------------------------------------------------*/
body.order{
}

body.order #main table{
	width:100%;
	margin: 15px auto 15px;
	font-size:90%;
}
body.order #main table td{
	padding: 8px 16px;
	border:1px solid #ddd;
}
body.order #main table td.title{
	width:200px;
	background-color: #eee;
	color:#333;
}

/* Contact
---------------------------------------------------*/

/* Signup
---------------------------------------------------*/
body.signup{
}

body.signup #container input.btn_signup{
}
body.signup #container input.btn_signup:hover{
}

body.signup #container input.btn_signup_complete{
}
body.signup #container input.btn_signup_complete:hover{
}
body.signup #container input.btn_back{
}
body.signup #container input.btn_back:hover{
}

body.signup #container dl.agreement{

}
body.signup #container div.agreement_text{
	width:90%;
	margin: 40px auto 0;
	padding:15px 20px 15px 10px;
	height:180px;
	overflow-y: scroll;
	font-size:80%;
	color:#333;
	background-color: #fff;
	border:1px solid #ccc;
}
body.signup #container div.agreement_flg{
	text-align: center;
	width:95%;
	margin: 0 auto;
	padding: 10px 0;
	background-color: #eee;
}

/* Mypage
---------------------------------------------------*/
body.mypage{
}
body.mypage .info_str{
	margin: 20px 0;
}

body.mypage #main {
	margin-top:24px;
}

body.mypage .content.mypage{
}
body.mypage .content.mypage div.wrap{
	padding:35px 40px;
}
body.mypage .content.mypage div.wrap li{
	text-indent: 0;
}
body.mypage .content.mypage div.wrap img{
	margin:7px 0;
}
body.mypage .content.mypage .btn_block{
	margin-top:10px;
}
body.mypage .content input.btn_mypage{
}
body.mypage .content input.btn_mypage:hover{
}


body.mypage .content .main{
	display: inline-block;
	width:680px;
}
body.mypage .content .sidebar{
	display: inline-block;
	margin-top:0;
	width:270px;
}
body.mypage .content .sidebar ul{
}
body.mypage .content .sidebar ul li{
	border-bottom: 1px dotted #aaa;
	font-size:120%;
	font-weight:700;
}
body.mypage .content .sidebar ul li:first-child{
	border-top: 1px dotted #aaa;
}
body.mypage .content .sidebar ul li a{
	display: block;
	padding:15px 20px;
	text-decoration: none;
}
body.mypage .content .sidebar ul li.active a,
body.mypage .content .sidebar ul li a:hover{
	background-color: #aaa;
	color:#fff;
}


body.mypage #main .info_table{
	margin-bottom:30px;
}
body.mypage #main .info_table h3{
	margin-top:24px;
}

body.mypage #main .info_table dl{
	margin: 0 30px;
	padding:15px;
	border-bottom: 1px dotted #aaa;
}
body.mypage #main .info_table dl dt,
body.mypage #main .info_table dl dd{
	display: inline-block;
	vertical-align: middle;
}
body.mypage #main .info_table dl dt{
	width: 120px;
}
body.mypage #main .info_table dl dd{
	font-size:120%;
}
body.mypage #main .info_table dl dd p{
	margin:5px 0 0 10px;
	color: #888;
	font-size:80%;
}

body.mypage #nav_mypage {
}
body.mypage #nav_mypage ul {
	text-align: center;
}
body.mypage #nav_mypage ul li {
	display: inline-block;
	margin: 5px;
}
body.mypage #nav_mypage ul li a {
	display: block;
	padding: 10px 20px;
	background-color: #ddd;
	text-decoration: none;
}
body.mypage #nav_mypage ul li a:hover {
	background-color: #444;
	color:#fff;
}
body.mypage #nav_mypage ul li.active a {
	background-color: #222;
	color:#fff;
}

/* Mypage Profile pic edit
----------------------------------*/
body.mypage section.profile_pic_edit {
}
body.mypage section.profile_pic_edit .pic img {
	width: 100%;
	max-width:480px;
}
body.mypage section.profile_pic_edit .btn_file {
	margin: 15px auto;
}

/* Mypage Blog list
----------------------------------*/
body.mypage #container .latest_blogs ul.article_status {
}
body.mypage #container .latest_blogs ul.article_status li{
	display: inline-block;
	border: none;
	padding: 0;
	margin: 4px 24px 4px 4px;
	width:auto;
	color:#888;
}
body.mypage #container .latest_blogs ul.article_status li span{
	color: #ef77a4;
	font-size:110%;
	font-weight:700;
}

body.mypage #container .list-view-type {
}
body.mypage #container .list-view-type ul {
	text-align: left;
}
body.mypage #container .list-view-type ul li {
	display: inline-block;
	margin: 10px 4px;
}
body.mypage #container .list-view-type ul li a {
	padding: 6px 24px;
	background-color: #ddd;
	text-decoration: none;
}
body.mypage #container .list-view-type ul li a:hover,
body.mypage #container .list-view-type ul li a.active {
	background-color: #444;
	color: #fff;
}

@media all and (min-width: 920px) {
}


/* Mypage Blog edit
----------------------------------*/
body.mypage.blog_edit #site_wrap {
	width: 1240px;
	max-width: 1240px;
}
body.mypage.blog_edit #main {
	padding-top:15px;
	border-top:2px solid #222;
}
body.mypage.blog_edit #main .blog_table dl {
	margin: 0;
}
body.mypage.blog_edit #show_date {
	width:inherit;
}

div.article_sidebar {
	display: inline-block;
	vertical-align: top;
	width: 320px;
	margin-left:15px;
}
div.article_sidebar td{
	text-align: center;
}

div#save_info {
	text-align: right;
	padding : 5px 10px 10px;
	height:15px;
	background-color: #f2f2f2;
	font-size: 80%;
	color: #888;
}

body.mypage.blog_edit #main .blog_table dl.brands dd .select2-container {
	margin-bottom:6px;
}
body.mypage.blog_edit #main .blog_table dl.models dd input {
	margin-bottom:6px;
}

body.mypage.blog_edit .another-person {
	background-color: #f5bbc5;
}

body.mypage.blog_edit #main dl.list-preview dd {
	padding-top:20px;
	width: 100%;
}

body.mypage.blog_edit #main .latest_blogs .list {
	margin-top: 0;
}
body.mypage.blog_edit #main .latest_blogs .list_block {
	margin: 0;
	width: 320px;
	font-size:90%;
}
body.mypage.blog_edit #main .latest_blogs h3.subject {
	margin-top: 0;
}

body.mypage.blog_edit #main .top-pic dd{
    width: 100%;
}

body.mypage.blog_edit #main .top-pic .im {
    max-width: 1440px;
    height: 480px;
    overflow: hidden;
}

/* Password_reset
---------------------------------------------------*/
body.password_reset{
}

body.password_reset #container {
}
body.password_reset #container div.wrap{
	padding:35px 40px;
}
body.password_reset #container div.wrap li{
	text-indent: 0;
}
body.password_reset #container dl dd.note{
	margin-top:10px;
}

body.password_reset #container .btn_block{
	margin-top:10px;
}

body.password_reset #container input.btn_password_reset{
}
body.password_reset #container input.btn_password_reset:hover{
}
body.password_reset #container input.btn_password_reset{
}
body.password_reset #container input.btn_password_reset:hover{
}

/* NoneRevieList
---------------------------------------------------*/
.none_review_list ul li {
	display: inline-block;
	vertical-align: top;
	width:176px;
	margin:0 6px;
}
.none_review_list ul li h4 {
	text-align: center;
	line-height: 1.4em;
	padding:8px 6px;
	font-weight:700;
}

.none_review_list ul li .picture{
    width: 170px;
    height: 170px;
    position: relative;
    overflow: hidden;

	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;

}
.none_review_list ul li .picture a{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1000%;
    height: 2000px;/* 縦は用途応じて改変 */
    line-height: 2000px;
    margin:-1000px 0 0 -500%;
    text-align: center;
}
.none_review_list ul li .picture img{
    max-width: 176px;
    max-height: 176px;
    min-width: 10%;
    min-height: 106px;
	vertical-align: middle;
}

/* Pagination
---------------------------------------------------*/
.pagination {
}
.pagination ul {
	margin-bottom: 20px;
}
.pagination ul li {
	display: inline-block;
	margin:5px;
	padding: 0;
}
.pagination ul li a {
	display: block;
	font-size:85%;
	padding: 2px 6px;
	border:1px solid #999;
}
.pagination ul li a:hover {
	text-decoration: none;
	background-color: #444;
	color:#fff;
}
.pagination ul li.active a {
	background-color: #444;
	color:#fff;
}

/* Page top
---------------------------------------------------*/
#page-top {
    position: fixed;
    bottom: 4px;
    right: 16px;
    font-size: 85%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    /*width: 100px;*/
    padding: 10px 20px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

/* Breadcrumb
---------------------------------------------------*/
.breadcrumb{
	text-align: left;
	/*margin:18px auto 14px;*/
	max-width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #eee;
}
.breadcrumb ul{
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 20px;
}
.breadcrumb li{
	display: inline-block;
	font-size:80%;
	color:#888;
}
.breadcrumb li a {
	color:#666;
}

/* Etc
---------------------------------------------------*/
.text-left{
	text-align: left;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}

span.mandatory{
	color:#ee2222;
}

/*
.see_all{
	text-align: right;
	margin-top:15px;
	padding-right:10px;
}
.see_all a{
	color: #888;
	text-decoration: none;
}
.see_all a:hover{
	color:#ee61a8;
	text-decoration: underline;
}
*/

.clearfix{
	clear: both;
	line-height:0px;
	height:0px;
	font-size:0px;
	overflow:hidden;
}




/*------------------------------------*/
/* standard form style table */
table.adminform {
	background-color: #ffffff;
	border: solid 1px #c5c5c5;
	width: 100%;
	padding: 10px;
	border-collapse: collapse;
}

table.adminform tfoot tr {
	background-color: #f2f2f2;
}

table.adminform th {
	font-size: 11px;
	padding-top: 6px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	height: 25px;
	/*background: url(../img/background.jpg);*/
	background-color: #d9d9d9;
	background-repeat: repeat-x;
	color: #000;
}

table.adminform td.label
{
	text-align:right;
	background-color: #f9f9f9;
}

table.adminform td.label_colall
{
}

table.adminform td {
	padding: 10px;
	text-align: left;
	border: solid 1px #e9e9e9;
}

table.adminform td.editor {
	font-size: 9px;
}

table.adminform input[type="button"]
,table.adminform input[type="submit"]
,table.adminform input[type="reset"]
{
	font-size: 14px;
	color: #050505;
	padding: 5px 10px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#b5b5b5));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #949494;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}


/* etc Bootstrap Custom
/*------------------------------------------*/
table.adminform td{
	padding: 10px 15px;
}
table.adminform td.title{
	text-align:right;
	background-color:#fafafa;
}
table.adminform li{
	margin-bottom:10px;
	line-height:2.8em;
}
table.adminform input[type=text].date{
	width:120px;
}


/* Picture
--------------------------------*/
div.user_pics .list ul {
	padding:10px;
	height:600px;
	overflow-y: scroll;
}
div.user_pics .list ul li{
 	display:inline-block;
	padding:0;
	margin:4px 8px;
}
div.user_pics .list ul li .picture{
    float: left;
    width: 120px;
    height: 120px;
    position: relative;
    overflow: hidden;
}
div.user_pics .list ul li .picture a{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1000%;
    height: 2000px;/* 縦は用途応じて改変 */
    line-height: 2000px;
    margin:-1000px 0 0 -500%;
    text-align: center;
}
div.user_pics .list ul li .picture img{
    max-width: 224px;
    max-height: 224px;
    min-width: 120px;
    min-height: 120px;
    vertical-align: middle;
}
div.user_pics .list ul li .picture a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

div.user_pics .buttons ul {
	text-align: center;
}
div.user_pics .buttons ul li {
	display: inline-block;
	line-height: 2em;
	min-width: 32%;
	font-size: 90%;
	background-color: #ddd;
}
div.user_pics .buttons ul li.active,
div.user_pics .buttons ul li:hover {
	color: #fff;
	background-color: #444;
}

/* Drag & Drop
--------------------------------*/
td.secondInput {
	width:240px;
}
td.secondInput input[type="file"]{
	display: none;
}
td.secondInput .photoBox1{
	padding: 0;
}
td.secondInput .photoBox1 p{
	display: block;
	text-align: center;
}
td.secondInput p.pic_dragarea{
	margin:0 auto 4px;
	width:176px;
	height:176px;
	text-indent: -99999px;
	background: url( ../img/common/bg_dragarea.png ) no-repeat;
	box-sizing: border-box;
	border: 2px solid #fff;
}
td.secondInput .btn_select_file{
	margin:4px auto 0;
	width:176px;
	height:36px;
	text-indent: -99999px;
	background: url( ../img/common/btn_upload.png ) no-repeat;
	cursor: pointer;
}
td.secondInput .btn_select_file:hover,
td.secondInput .photoBox1 .btnDelete:hover{
  filter: alpha(opacity=70);
  opacity: 0.7;
  -moz-opacity: 0.7;

}
td.secondInput .drag-area_block{
	position: relative;
}
td.secondInput .drag-area_block p.errorMessage{
	position: absolute;
	text-align: center;
	top:140px;
	left:60px;
	font-size:90%;
	line-height: 1.5em;
	width:160px;
}
td.secondInput .drag-area_block #result{
	position: absolute;
	text-align: center;
	top:140px;
	left:72px;
	z-index: 9999;
}

td.secondInput .photoBox1 .btnDelete{
	margin:15px auto 0;
}
td.secondInput .photoBox1 .btnDelete{
    border: 0px;
    width: 100px;
    height: 26px;
    background: url('../img/common/btn_delete.png') 0 0 no-repeat;
    display:block;
}
td.secondInput .photoBox1 .picture{
    /*float: left;*/
    margin: 0 auto;
	width: 176px;
    height: 176px;
    position: relative;
    overflow: hidden;
}
td.secondInput .photoBox1 .picture div{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1000%;
    height: 2000px;/* 縦は用途応じて改変 */
    line-height: 2000px;
    margin:-1000px 0 0 -500%;
    text-align: center;
}
td.secondInput .photoBox1 .picture img{
    max-width: 320px;
    max-height: 320px;
    min-width: 120px;
    min-height: 120px;
    vertical-align: middle;
}