/*------------------------------------------------------
///ALL  /////////////////////////////////
------------------------------------------------------*/

body	{color: #333;line-height: 150%;font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;font-size: 16px;}

/*LAYOUT*/
#container	{text-align: center;}
#header	{padding: 10px 0; border-bottom: 1px solid #ccc; overflow: hidden;}



#footer	{padding: 10px 0 0 0;}
#copyright	{}

.inner	{margin: 0 4%;text-align: left; overflow: hidden;}
.blkcmm	{margin-bottom: 50px;}

.block	{margin-bottom: 1em;}
.bwrap	{margin: 0 0 1em 0}



p.marginnone	{margin: 0;}
p.marginb2	{margin-bottom: 2em;}

hr	{ margin-bottom: 30px;border: 0;border-bottom: 1px dotted #ccc;}

.sponly	{display: inline-block;}

.textcenter	{text-align: center;}
.clearleft	{clear: left;}

.pc,.tb	{display:none;}

/*#header*/
h1	{}
h1	a	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0 7px 0 0;font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;text-decoration: none;}
h1:hover	{opacity: .5}
.headlogo	{padding: 7px 10px 0 10px;text-align: center;line-height: 0;}
.headlogo	img{width: 70px;height: auto;margin:0;line-height:  70px;}

.ptitle	{display: block;color: #333;line-height: 70px;font-size: 13px; text-align: center;}

/*Header title*/
.pgpagetitle	{ background: url("../img/photogallery_head.png") top center no-repeat;}
.pppagetitle	{ background: url("../img/pp_head.png") top center no-repeat;}
.copagetitle	{ background: url("../img/contact_head.png") top center no-repeat}
.buyerpagetitle	{ background: url("../img/uritai_head.png") top center no-repeat;}
.sellerpagetitle	{ background: url("../img/kaitai_head.png") top center no-repeat;}

.pgpagetitle,.pppagetitle,.copagetitle,.buyerpagetitle,.buyerpagetitle,.sellerpagetitle	{margin-bottom: 1em;padding: 40px 0;text-align: center;background-size: 140% auto;}

.htinner	{max-width: 1100px;width: 75%;margin: 0 auto;padding: 15px 0;background: rgba(255,255,255,0.9);box-shadow: 0 1px 1px 1px rgba(0,0,0,0.3);}


/*タイトル トップのタイトルを流用*/
.pagestitle	{margin-bottom: 10px;text-align-last: center;}
.pagestitle	.en	{display: inline-block;margin-bottom: 10px;padding: 20px;border-bottom: 1px solid #b50728;font-size:27px;font-family: 'Roboto', sans-serif;font-weight: 100;letter-spacing: .05em}
.pagestitle	.ja	{display: block;font-size:14px;letter-spacing: .05em;}


h3.blktitle	{margin-bottom: 2em;padding: 0.2em 0.8em;font-size: 120%;text-align: center;border:none;}
h3.blktitle	.small{display: block;font-size: 80%;text-indent: -0.5em;}

h3.blktitle {
  position: relative;
  display:block;
  margin-bottom: 60px;
}
h3.blktitle:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #b50728;
  border-radius: 2px;
}


h4 {
  position: relative;
  padding: .5em;
  border-bottom: 4px solid #ccc;
		font-size: 140%;
}
h4::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 25%;
  height: 4px;
  background-color: #dd7488;
}


/*ここまで*/

h6	{font-weight: bold;color: #46bc2f;margin-bottom: 0.5em;}

/*list*/

ul.disc	li:before {content: "・";}



/*all*/

strong	{font-weight: bold;}






/*---#FOOTER--------------*/
#footer	{}
#footer	a{text-decoration: none;font-size: 100%;}
#footer	a:hover{}

/*フッタのリンクエリア*/
.footlinksarea	{padding: 40px 0 25px 0;background: #6e758e;text-align: center}


.footlinks{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap: wrap}

.footlinks	ul{width: 100%;}
.footlinks	ol{margin-top: 0.5em;margin-left: 2em;}
.footlinks	ol	li:before{float: left;margin-right: 0.3em;content: '-';color: #fff;}

.footlinks	li	a{color: #fff;transition: all 0.5s;}
.footlinks	li	a:hover{color: #ccc;}

/*フッタの情報エリア*/
#footerinfoarea	{padding: 50px 0;background: #fff;border-top: 1px solid #000;}

.footcatch	{margin-bottom: 1em;text-align: center}
.finfoinner	{display:block;}
.officeinfo	{line-height: 165%;}
.officeinfo	h3{margin: 0;padding: 0;border: none;font-size: 105%;font-weight: bold;}


/*.finfoinner	の中身 flexbox*/
.flogo		{-ms-flex-preferred-size: 100px;flex-basis: 100px;}
.officeinfotext	{-ms-flex-preferred-size: calc(75% -100px);flex-basis: calc(75% -100px)}
#contact	{-ms-flex-preferred-size: 25%;flex-basis: 25%;}

/*フッタのロゴ*/
.flogo	{display: block;text-align: center}
.flogo	img{width: 96px;height: 71px;}

/*会社の情報*/
.officeinfotext	{margin: 0 0 2em 0}

/*お問い合わせ*/
#contact	{text-align: center}

/*お電話で*/
#contact	h3,#headinfo	h3{margin: 0;padding: 0;border: none;color: #5d5255;font-weight: normal;font-family: 'Oswald', sans-serif;font-size: 17px;line-height: 100%;}
#contact	h3	a,#headinfo	h3	a{olor: #6e758e;}
.uketukejikan	{font-size: 72%;color: #6e758e;line-height: 200%;}

/*電話番号*/
#contact		.telnm,#headinfo	.telnm{margin-left: 0.3em;font-size: 170%;line-height: 100%;}
#contact		.telnm	a,#headinfo.telnm	a{color: #333;line-height: 100%;}
#contact		.fa-phone,#headinfo	.fa-phone{font-size: 160%;line-height: 100%;}

#contact		.toform	{line-height: 100%;}
#contact		.toform	a,#headinfo		.toform	a{display: inline-block;padding: 10px 40px;background: #990033;color: #fff;text-decoration: none; border: 2px solid #fff;border-radius: 5px;font-size: 14px;}
#contact		.toform	a:hover,#headinfo		.toform	a:hover{background: #939393;}
.fa-envelope	{margin-right: 0.8em;}
.fa-angle-double-right{margin-left: 0.5em;}


/*#copyright*/
#copyright	{background:  #333;margin: 0;padding: 1.5em; border-top: 1px solid #555555;color: #f2f2f2;font-size: 50%;text-align: left;}

/*#page-top*/
#page-top{position:fixed;margin: 0;bottom:0;right:0;font-size:70%;font-family: 'Oswald', sans-serif;}
#page-top a{display:block;padding: 10px 5px;text-decoration:none;color:#fff;text-align:center;background: rgba(0,0,0,0.8);}
#page-top a:hover{text-decoration:none;color:#ccc;}

#page-top	img{width: 100%;height: auto;}
#page-top	img:hover{opacity: .5}



/*LPへのバナー トップページと売りたい方*/
.to-lp-banner {padding: 50px 0;background: url(../img/lp_banner_bg.png) no-repeat bottom;background-size: cover;transition: all 0.5s;}
.to-lp-banner.seller {margin-bottom: 50px;}
.to-lp-banner-inner {text-align: center;}
.to-lp-banner-inner img{max-width: 700px;}
.to-lp-banner:hover {opacity: 0.5}

@media screen and (max-width: 700px) {
.to-lp-banner-inner{padding: 0 5%;text-align: center;}
.to-lp-banner-inner img{width: 100%;}
}