/*
 * PHOTO YODOBASHI v3.0
 */
@charset "UTF-8";

.col-md-12 h1 { margin-top: 20px; margin-bottom: 0 !important; padding-bottom: 0; font-size: 200%; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; line-height: 2em; }
.col-md-12 h1 span { font-size: 80%; }
.col-md-12 h2 { padding-top: 20px; padding-bottom: 5px; font-size: 160%; text-align: left; border-bottom: dotted 1px #333; }
.col-md-12 h3 { font-size: 150%; font-weight: bold; }
.col-md-12 h4 { font-size: 130%; }
.col-md-12 p { font-size: 120%; /*font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/ line-height: 1.8; /*letter-spacing: 1px;*/ }

p.caption { margin:  -20px 0 20px 0 !important; }

.col-md-12 p.logo { margin: 120px 0 30px 0; text-align: center; }
.col-md-12 p.logo img { width: 180px; height: auto; }

.top_index { margin-bottom: 80px; }
.top_index .col-md-4 { padding: 8px; }
.top_index .col-md-4:nth-child(3n+1) { clear: both; }
.top_index .col-md-4 div { padding: 15px; border: solid 1px #ccc; border-radius: 3px; }
.top_index .col-md-4 div:hover { background: #eee; }
.top_index .col-md-4 div a { color: #000; text-decoration: none; }
.top_index .col-md-4 div img { border-radius: 2px; } 
.top_index .col-md-4 div h3 { padding: 18px 0 0 0; font-size: 14pt; font-weight: normal; text-align: center; }
.top_index .col-md-4 div p { margin-bottom: 5px; font-size: 12pt; }

div.backnumber { margin: 80px 0 50px 0; clear: both; }
div.backnumber h3 { font-size: 130% !important; margin: 0 0 8px 0 !important; padding: 0 0 5px 0 !important; font-size: 140% !important; text-align: left !important; }
div.backnumber ul { list-style: none; margin: 0; padding: 0; border-top: dotted 1px #888; border-bottom: dotted 1px #888; }
div.backnumber ul:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility: hidden; }
div.backnumber ul li { width: 50%; margin: 0; padding: 0; border-bottom: dotted 1px #888; float: left; }
div.backnumber a { width: 100%; height: 88px; margin: 4px 0; padding: 4px 10px 4px 0; color: #000; display: block; }
div.backnumber a:hover { background: #ddd; border: none; border-radius: 5px; }
div.backnumber img { width: auto; height: 80px; margin: 0 15px 0 5px; padding: 0; border: none; border-radius: 3px; float: left; }

@media screen and (min-width: 761px) {
	div.backnumber ul li:nth-child(2n+1):last-child { border-bottom: none; }
	div.backnumber ul li:nth-child(2n):last-child { border-bottom: none; }
	div.backnumber ul li:nth-child(2n+1):nth-last-child(+2) { border-bottom: none; }
}
@media screen and (max-width: 760px) {
	div.backnumber ul li { width: 100%; float: none; }
	div.backnumber ul li:last-child { border-bottom: none; }
}

@media screen and (min-width: 761px) {
section.cart div.col-md-6:nth-child(2n+1) { clear: both; }
}