@charset "UTF-8";
/*----------------------------------------
photo
----------------------------------------*/
/*　common
----------------------------------------*/
#titleArea { background: url("../img//photo/bg_main_photo.jpg") 0 50% no-repeat; }
@media screen and (min-width: 0px) and (max-width: 667px) { #titleArea { background-size: 205% auto; } }
#titleArea:before { min-height: 128px; }
#titleArea #titleName { height: 0; line-height: 10; overflow: hidden; }
#titleArea #titleName:before { display: none; }

/*　index
----------------------------------------*/
@media \0screen { #photo .idx { /* for IE8 css hack */ }
	#photo .idx #refineArea { overflow: hidden; } }
#photo .idx .photoMenu { position: relative; }
#photo .idx .photoMenu:before, #photo .idx .photoMenu:after { content: ""; display: table; }
#photo .idx .photoMenu:after { clear: both; }
#photo .idx .photoMenu #photoMenuArea { float: left; }
#photo .idx .photoMenu .gridphotoMenu03 { width: 735px; margin-left: -24px; }
#photo .idx .photoMenu .gridphotoMenu03:before, #photo .idx .photoMenu .gridphotoMenu03:after { content: ""; display: table; }
#photo .idx .photoMenu .gridphotoMenu03:after { clear: both; }
#photo .idx .photoMenu .gridphotoMenu03 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 221px; margin-left: 24px; }
#photo .idx .photoMenu .gridphotoMenu03 > *.gridCol02 { width: 489px; }
#photo .idx .photoMenu .gridphotoMenu03 > *.gridCol03 { width: 734px; }
#photo .idx .photoMenu .gridphotoMenu03 > *:first-child + * + * ~ * { margin-top: 0px; }
#photo .idx .photoMenu .gridphotoMenu03:before { content: ""; width: 208px; display: block; position: absolute; background: #e4e4e4; top: 0; bottom: 0; right: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
@media screen and (min-width: 0px) and (max-width: 667px) { #photo .idx .photoMenu .gridphotoMenu03:before { display: none !important; } }
#photo .idx .photoMenu .gridphotoMenu03 > * { position: relative; }
#photo .idx .photoMenu .gridphotoMenu03 > *:before { content: ''; position: absolute; top: 0; bottom: 0; left: -12px; height: 100%; margin: auto; border-left: 1px solid #cccccc; }
#photo .idx .photoMenu .gridphotoMenu03 > *:first-child:before { border-left: none; }
#photo .idx .photoMenu .gridphotoMenu03 h4 { line-height: 1.2; text-align: center; padding: 7px 12px 5px; }
#photo .idx .photoMenu .gridphotoMenu03 h4:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; }
#photo .idx .photoMenu .gridphotoMenu03 h4 > * { display: inline-block; vertical-align: middle; }
#photo .idx .photoMenu .gridphotoMenu03 h4:before { min-height: 34px; }
#photo .idx .photoMenu .photoMenuList { text-align: center; }
#photo .idx .photoMenu .photoMenuList > dt { background-color: #f0f0f0; font-weight: 700; }
#photo .idx .photoMenu .photoMenuList > dd { padding: 4px 0 2px; }
#photo .idx .photoMenu .photoMenuList > dd:before { min-height: 52px; }
#photo .idx .photoMenu .photoCountList { counter-reset: photoCount 3; padding-left: 1.4em; }
#photo .idx .photoMenu .photoCountList > li { position: relative; counter-increment: photoCount -1; }
#photo .idx .photoMenu .photoCountList > li:before { content: ''; position: absolute; left: -1.2em; top: 0.16em; width: 1em; height: 1em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
#photo .idx .photoMenu .photoCountList > li:after { position: absolute; left: -1.3em; top: 0.1em; color: #fff; font-size: 71%; content: counter(photoCount); }
#photo .idx .photoMenu .photoCountList > li:first-child:before { background-color: #b88904; }
#photo .idx .photoMenu .photoCountList > li.nthChild2:before { background-color: #0d6eb9; }
#photo .idx .photoMenu #carwashCareArea { position: relative; z-index: 1; float: right; width: 208px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 18px 20px; }
#photo .idx .photoMenu #carwashCareArea h4 { line-height: 1.2; text-align: center; padding: 7px 12px 5px; }
#photo .idx .photoMenu #carwashCareArea h4:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; }
#photo .idx .photoMenu #carwashCareArea h4 > * { display: inline-block; vertical-align: middle; }
#photo .idx .photoMenu #carwashCareArea h4:before { min-height: 34px; }
#photo .idx .photoMenu .carwashCareList { text-align: center; }
#photo .idx .photoMenu .carwashCareList > dt { font-weight: 700; border-top: 4px solid #bdbdbd; padding: 10px 0 2px; }
#photo .idx .photoMenu .carwashCareList > dt:first-child { border-top: none; }
#photo .idx .photoMenu .carwashCareList > dd { padding: 4px 0 2px; }
#photo .idx .photoMenu .carwashCareList > dd figure { background-color: #f0f0f0; }
#photo .idx .photoMenu .carwashCareList > dd figure figcaption { font-weight: 700; font-size: 86%; padding: 2px; }