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

body {
	overflow-x:hidden;
	background-color:#ffffff;
	margin:0;
}
.Baskerville{font-family: 'Libre Baskerville', serif; }
#wrapper {
	width:100%;
}

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
strong{ font-weight:bold!important;}

/* header */

header.cf{
    display:block;
    margin: 0;
	width:100%;
	background-color:#fff;
	padding:10px 0;
	border-bottom:2px solid #000;
}
header.cf h1{
	width:62%;
	max-width:220px;
	margin:0 auto;
}
header.cf h1 img{
	width:100%;
}
header.cf .menu{
	width:34px;
	max-width:34px;
	height:auto;
	position: fixed;
	top:15px;
	right:5px;
	padding: 0px;
	z-index:999;
}
header.cf .menu img{
	width:100%;
}
 
header.cf .menu a{}
 
/* fancybox専用 */
#contentsMenu{
    min-width:300px;
    margin:0px;
	text-align:center;
}
 
#contentsMenu li{
    margin:0px;
	font-size:11px;
    border-bottom:#000 1px dotted;
	background-color:#fff;
}
 
#contentsMenu li:last-child{
    border-bottom:none;
}
#contentsMenu li.selector { font-weight:bold; padding:16px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: italic; background-color:#dcdcdc; border-bottom:#dcdcdc 1px solid; }
 
#contentsMenu li a{
    display: block;
    padding:16px;
    color:#000;
    text-decoration:none;
}


/* メニュー全体の部分 */
#fancybox-wrap {
    position: fixed!important;
    top: 28px!important;
	right:19px;
	left:inherit!important;
    width:100%!important;
    max-width:87.5%!important;
    padding: 0!important;
    z-index: 1101;
    outline: none;
    display: none;
	border: 2px solid #000;
}
 
#fancybox-content {
    width:100%!important;
    max-width:100%!important;
    height: auto;
    padding: 0 5px 0 0;
    outline: none;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    border: 0px solid #fff;
}
#fancybox-overlay{ opacity:0!important;}

#fancybox-close{z-index:9999;}


@media only screen and (min-width : 768px) {
.credit {
	font-size:21px!important;
	line-height:1.6em!important;
}
.credit h1{ font-size:28px!important; line-height:34px!important; margin-top:10px;}
.credit h1 span{ font-size:18px!important; line-height:34px!important;}

}

.credit p strong {
	font-size:18px;
	padding-bottom:10px;
	display:inline-block;
}
.credit p a:hover {
	opacity:0.7;
}

.credit p{word-wrap: break-word; line-height: 1.5em;}
.border01{
	padding-bottom:15px;
	margin-bottom:30px;
	border-bottom:1px #000 solid;
}
.border02{
	padding-bottom:15px;
	border-bottom:2px #000 solid;
}

.SPfixedArea{
	background-color:#fff;
	width:100%;
}
.SpNavfixed{
	z-index:99999;
	width:100%;
	top:0;
	left:0;
    position:fixed;
}

#contents {
	width:100%;
	padding-top:0;
	text-align:center;
	margin:auto;
	float:left;
}
.contentArea{ width:300px; margin:0 auto;}

.contents2 {
	padding-top:0!important;
}
.catalog_main{
	width:95%;
	margin:0 auto 40px;
	padding-bottom:30px;
	border-bottom:1px dotted #000;
}
.catalog_main:first-child{
	margin-top:20px;
}
.catalog_main img{
	width:100%;

}
.credit {
	max-width:100%;
	text-align: left;
	overflow:hidden;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size:11px;
	line-height:1.4em;
}
.item {
	max-width:100%;
	text-align: left;
	overflow:hidden;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size:11px;
	line-height:1.4em;
}
.num { display:block; margin-bottom:12px; font-size:18px; line-height: 12px; font-weight:bold; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: left;  }
.num span { font-size:6px; font-weight:bold; font-style: italic; }
.name { display:block; margin-bottom:10px; text-align: left; font-size:10px; }
.name strong { padding-bottom:3px; font-size:16px; font-weight:bold;   }
.midashi { display:block; margin-bottom:10px; font-size:18px; font-weight:bold; line-height:24px; }
.txt { display:block; font-size:11px; line-height:18px; }
p.contact{ margin-top:5px; }

.editComment{
	font-size:11px;
	line-height:1.4em;
	text-align:left;
	padding-bottom:20px;
	border-bottom:1px solid #5a5a5a;
	margin-bottom:20px;
}
.editComment .selector{
	font-size:10px;
	margin-bottom:2px;
	font-weight:bold;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: italic;
}
.editComment .editorNum{
	font-weight:bold;
	margin-bottom:10px;
}
.editComment .selectTtl{
	font-size:12px;
	font-weight:bold;
	margin-bottom:6px;
}
.editComment .selectDes{
}

.nextSelector{ width:96%; height:50px; font-size:11px; margin:0 auto; text-align:center; background:url(../images/next_selector.png) right 50% #000 no-repeat; background-size:contain; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:bold; }
.nextSelector a { width:100%; color:#fff; text-decoration:none;width: 100%; line-height: 50px; display: block;}
/* footer */
#footer {
	width:100%;
	margin-top:10px;
	text-align:center;
	display: inline-block;
	font-size:11px;
}
.smpFtrArea{
	margin:0 auto;
	width:94%;
	display:block;
	padding-top:22px;

}
.smpFtrArea li{
	width:100%;
	text-align:center;
	border-bottom:1px #000 dotted;
}
.smpFtrArea li.selector {width:100%; font-weight:bold; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: italic; background-color:#dcdcdc; border-bottom:#dcdcdc 1px solid; padding:18px 0; }

.smpFtrArea li.last{
	margin-bottom:30px;
	border-bottom:#000 2px solid;
}
.smpFtrArea li a{
	color:#000;
	text-decoration:none;
	display:block;
	padding:13px 0 15px;
}

ul.smpFtrBT{
	width:100%;
	margin:0;
	display:block;
	background-color:#c0c8cc;
}
ul.smpFtrBT:after {
  content: '';
  display: block;
  clear: both;
}
ul.smpFtrBT li {
	width:36%;
	padding-top:12px;
	padding-bottom:12px;
}
ul.smpFtrBT li img {
	width:100%;
}
ul.smpFtrBT li#ftrHynm {
	float:left;
	margin-left:10px;
}
ul.smpFtrBT li#page-top {
	float:right;
	margin-right:10px;
}


.pagetop {
	float:right;
	padding-bottom:0px;
	padding-top:20px;
	text-align:right;
	padding-right:5%
}