@charset "UTF-8";
/*--------------見出し--------------*/
.headLine1{
    background: none;
    margin: 15px 0 45px;
    color: #333;
    text-align:center;
    font-size: 28px;
}
.headLine2{display:none;}
.headLine3{
  position: relative;
  display: inline-block;
  padding: 0 55px;
  margin:10px 0 30px;
  border:none;
}
.headLine3:before, .headLine3:after{
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 2px;
  background-color:#e95471;
}
.headLine3:before {left:0;}
.headLine3:after {right: 0;}
.headLine4 {    margin: 10px 0;}
/*--------------丸い見出し--------------*/
.midashi{
  font-size: 22px;
  line-height: 1.4;
  font-weight: bold;
  position: relative;
  display: inline-block;
  padding: 0 55px;
  margin: 0;
  border:none;
}
.midashi:before{
  content: "";
  position: absolute; 
  background: #a9e1ff;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  top: 50%;
  border: dashed 1px white;
  left: 50%;
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: -1;
  box-shadow: 0px 0px 0px 5px #a9e1ff;
}
/*--------------四角い見出し--------------*/
.telNumber{    position: relative;}
.telNumber::before {
    content: "";
    position: absolute;
    background: #a9e1ff;
    width:550px;
    height: 130px;
    border-radius: 6px;
    top: 50%;
    border: dashed 1px white;
    left: 50%;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -1;
    box-shadow: 0px 0px 0px 5px #a9e1ff;
}
.telNumber th,.telNumber td{
   font-weight:bold;
   text-align:center;
   vertical-align: middle;
   border:none;
   background:transparent;
}
.telNumber th{   font-size: 20px;}
.telNumber td{   font-size: 34px;}
.telNumber table td img{
   margin-top: 0;
   vertical-align: middle;
}
/*--------------見出しの端末幅調整--------------*/
@media screen and (max-width: 768px){
.headLine1 {
    font-size: 20px;
    margin: 0 0 20px;
}
.midashi{font-size: 15px;}
.midashi:before{
  width: 60px;
  height: 60px;
}
.telNumber::before {    width:85%;}
.telNumber th{   font-size: 14px;}
.telNumber td{   font-size: 24px;}
}
/*--------------ボタン--------------*/
a.text_btn {
 margin: 10px;
 font-size:110%;
 font-weight: bold;
 display: inline-block;
 border: none;
 border-radius: 6px;
 padding: 10px 25px;
 text-decoration: none;
 color: #555;
 background: none;
/* background: #FFE7FF;
 box-shadow:
 inset 0 2px 0 rgba(255,255,255,0.2),
 inset 0 -2px 0 rgba(0, 0, 0, 0.05);*/
 }
/*--------------HOMEの画像ボタン--------------*/
.frame {
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
}
.frame:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	transform: rotate(3deg); /* 回転させる */
	background: #fff;
	z-index: -1;
}

/*--------------背景--------------*/
div.haikei1{
    width:100%;
    clear:both;
    background-color:#fff;
    padding:10px;
    margin:30px 0;
    border-radius:6px;
    text-align:center;
    color:#555;
}
div.haikei1>p{
    text-align:center;
    font-size: 90%;
}
div.haikei2{
    background-color: #FDFDEA;
    padding: 20px;
    margin: 20px;
    border-radius: 6px;
}
/*--------------リスト--------------*/
#contents ul.noMark{    margin: 0;}
#contents ul li{
   font-size: 90%;
}
#contents ul.noMark li{
    list-style:none;
    padding: 8px 0;
}
/*--------------テーブル--------------*/
table th > :first-child, table td > :first-child {margin-top: 50px; }
table.priceTable th, table.priceTable td {
    /*border: 1px solid #FDFDEA;*/
    color:#555;
    vertical-align: middle;
    font-size:90%;
}
table.priceTable td{  text-align:center;}
/*table.priceTable th{background:#FDFDEA;}*/

@media screen and (max-width: 768px){
table.priceTable th, table.priceTable td {
    width: auto;
    display: table-cell;
}
}

/*--------------段組み 左右 撮影メニューデジタルプリントアクセス--------------*/
.hidari{
    float: left;
    width: 50%;
    margin: 20px 0 0 0;
}
.migi{
    float: right;
    width: 50%;
    margin: 20px 0 0 0;
}
.hidari p{text-align:center;}
.migi p{text-align:left;}

@media screen and (max-width: 768px){
.hidari,.migi {width: 100%;}
/*.migi p,.hidari h4,.hidari form{text-align:center;}*/
}
/*--------------段組み col HOME--------------*/
.col{
  float: left;
  text-align: center;
  margin-right: 2.5641%;
}
.col p{font-size:110%;}

@media screen and (max-width: 768px){
.col p {  font-size: 100%;}
}
.col2{	width:14.5299%;}
.col3{	width:23.0769%;}
.col4{	width:31.6239%;}
.col5{	width:40.1709%;}
.col6{	width:48.7179%;}
.col7{	width:57.2649%;}
.col8{	width:65.8119%;}
.col9{	width:74.3589%;}
.col10{	width:82.9059%;}


/*--------------埋め込みマップ--------------*/
iframe{
   clear:both;
   width:100%;
   border: 0;
}
@media screen and (max-width: 768px){
iframe{   height:350px;}
}
/*------------------------------------------------------------------------
                   中央揃え→左寄せ
------------------------------------------------------------------------ */
#contents .centerLeft{text-align:center;}
@media screen and (max-width: 768px){
#contents .centerLeft{text-align:left;}
}