@charset "utf-8";

/*-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article,articleSub, aside, details, figcaption, figure, footer, header, hgroup, menu, section {display: block;}
/* -------------------------------------------------------------- */

body {
color:#333;
font-size:13px;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;
-webkit-text-size-adjust: none;

}


/* リンク設定
------------------------------------------------------------*/
a{color:#74b4df;text-decoration:none;}
a:hover{color:#006699;}
a:active, a:focus {outline:0;}


/* 全体
------------------------------------------------------------*/
#wrapper{
   margin:0 auto;
   padding:0 1%;
   width:98%;
   position:relative;
   background:#fff;
}


.inner{
margin:0 auto;
width:100%;
}


/*************
/* ヘッダー
*************/
#header {
   height:110px;
}

#header h1{
   padding:5px 0 10px 15px;
   font-size:10px;
   font-weight:normal;
}

#header a:hover{
   color:#888;
}

/*************
/* ロゴ
*************/
.logo{
   float:left;
   display:block;
}

.logo img{
   width:auto;
   float:left;
   padding:0px 10px 0 10px; 
}
.logo span{font-size:10px;}
/*************
/* Shop info
*************/
.info{
   float:left;
   display:block;
   height:65px;
}
.info .namw{
   color:#006a53;
   font-size:15px;
   font-weight:bold;
}
.info,.subnamw{
   padding:0px 0px 0px 10px;
   color:#006a53;
   font-size:0.8em;
}/* 上 | 右 | 下 | 左 */
/*************
/* Contact
*************/
.contact{
   float:left;
   display:block;
   text-align:center;
}
.contact,.tel{
   color:#303030;
   font-size:17px;
   font-weight:bold;
   padding:3px 20px 0px 10px;
}
.contact,.open{
   color:#303030;
   font-size:.9em;
   font-weight:normal;
   padding:0px 20px 8px 10px;
}
.tel span{
   font-size:.8em;
   font-weight:normal;
   text-align: center;
}
/*************
/* CartIn
*************/
.cartin {
   float:left;
   display:block;
   width:68px;
}



/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#mainBanner{
margin:25px auto;
padding:0;
width:100%;
position:relative;
line-height:0;
}

#mainBanner img{
max-width:100%;
height:auto;
}
#subBanner img{
max-width:80%;
margin-left:8%;
height:auto;
margin-bottom:0px;
}
/**************************
/* グリッド(1)
**************************/
.gridWrapper{
padding:10px 0 20px;
overflow: hidden;
}

* html .gridWrapper{height:1%;}
	
.grid{
float:left;
border-radius:5px;
background:#fff;
}
.box{
margin:0 5px;
}

.box img{
max-width:100%;
height:auto;
}

.box h3{padding:10px 0 5px;}
.box h3{font-weight: bold;}
.box h3{color: #006a53;}
.box h3, .box p{text-align:left;}

/* .box p.readmore{
padding:10px 5px 5px; /* 上 | 左右 | 下 */
text-align:right;
} */

.readmore{clear:both;}

.readmore a{
/*padding:3px 10px;*/ /* 上下 | 左右 */
padding:3px 10px 3px 30px; /*上|右|下|左*/
border-radius:10px;
color:#fff;
/*background:#9d8e87;*/ /*#a9a9a9;*/
background: #b4ada9 url(../images/icon_learnmore1.png) no-repeat 1px center / 18px auto;
margin-bottom:10px;
}

/*background:#594e52;}*/
.readmore a:hover{background: #736d71 url(../images/icon_learnmore1.png) no-repeat 9px center / 18px auto;}


/*************
メイン コンテンツ
*************/
#main{
margin-top:25px;
}

section.content article,articleSub{
padding-top:20px;
margin-bottom:30px;
overflow:hidden;
}


* html section.content article,articleSub{height:1%;}

section.content p{margin-bottom:5px;}

section.content span{
margin-bottom:5px;
font-weight:nomal;
}

h2.heading,.headingSub{
font-weight:bold;
/*font-family: serif;*/
line-height:36px;
border-bottom:1px solid #D6D6D6;
color: #006a53;
}
h3{
font-weight:bold;
color: #006a53;
}
h4.heading,.headingSub{
font-weight:bold;
border-bottom:1px solid #D6D6D6;
color: #303030;
}
h5{
margin-top:-20px;
margin-bottom:5px;
color: #cc0000;
}
section.content img{
max-width:90%;
height:auto;
}

/*---- .hover effect -------*/
section.content img:hover{
       opacity: 0.65;
       border-color:#c0c0c0;
} 
/*---- /hover effect -------*/

.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 0;
}

.alignright{
float:right;
clear:right;
margin:3px 0 10px 10px;
}




/*************
テーブル
*************/
table.table{
border-collapse:collapse;
margin:5px auto 15px auto;
}

table.table td{
border-collapse:collapse;
background-color:#F9F9F9;
text-align:left;
padding:8px;
border:1px solid #D6D6D6;
line-height:20px;
}

table.table th{
background-color:#F5F5F5;
text-align:right;
padding:8px;
white-space:nowrap;
color: #151515;
border-top:1px solid #D4D4D4;
border-right:4px solid #D4D4D4;
border-bottom:1px solid #D4D4D4;
border-left:1px solid #D4D4D4;
font-size:13px;
font-weight:normal;
letter-spacing:1px;
background-repeat:repeat-x;
background-position:top;
}


/*************
/* サイドバー
*************/
#sidebar ul{padding-top:10px;}

#sidebar li{
margin-bottom:10px;
padding-bottom:10px;
list-style:none;
border-bottom:1px dashed #e1e1e1;
}

#sidebar li:last-child{
border:0;
margin-bottom:0px;
}

#sidebar li a{
font-size:12px;
display:block;
color:#333;
}

#sidebar li a:hover{
color:#888;
}


#sidebar ul.list li{
clear:both;
margin-bottom:5px;
padding:5px 0;
overflow:hidden;
border:0;
}

ul.list li{height:1%;}

ul.list li img{
float:left;
margin-right:10px;
}

ul.list li{
font-size:12px;
line-height:1.35;
}


/*************
/* フッター
*************/
#footer{
clear:both;
overflow:hidden;
padding:10px 10px 20px 10px;
}

* html #footer{height:1%;}

#footer .grid{
padding:10px 0 5px;
margin:0;
background:transparent;
}

#footer #info .logo, #footer #info .info{float:none;}

#footer #info .info{
clear:both;
padding:10px 0 0 15px;
text-align:left;
}

#footer .logo{font-size:0.80pm;}

#footer .info .tel,#footer .info .tel span,#footer #info .open{
font-size:12px;
color:#333;
}

ul.footnav{
float:right;
width:650px;
padding:10px 0;
}

ul.footnav li{
float:left;
margin-bottom:10px;
padding:0 7px 0 8px;
font-size:11px;	
border-right:1px solid #b6b6b6;
}

#footer a{color:#333;}
#footer a:hover{color:#888;}

address{
clear:both;
padding:20px 0 50px 0;
text-align:center;
font-style:normal;
font-size:8px;
background:#303030;
opacity: 0.65;
color:#fff;
}

.reserved:before {
    content:"Copyright(c) 2002-2025 PRESERVED FLOWER SHOP WITH Co. All rights reserved.";
}

/*-- Add 23.11.24 --*/
  .actcnts{
    font-weight:bold;
	color:#909090;
    background:#f7f7f7;
	padding:9px 0px 9px 5px;
	}
/*================================================
　std:col4-2-1 nth-chid(4n+1)
 ================================================*/
  .col4-2-1 {
    overflow:hidden;
  }
  .col4-2-1 ul {
    overflow:hidden;
    margin:0 -2% 0 0; /*[上][右][下][左]*/
  }
  .col4-2-1 li {
    list-style:none;
    float:left;
    width:23%;
    margin:0 2% 0 0; /*[上][右][下][左]*/
  }
  .col4-2-1 li:nth-child(4n+1) {
    clear:both;
  }
  .col4-2-1 li img {
    width:96%;
    height:96%; 
    margin-bottom:2.0%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
/*================================================
　std:col3-2-1 nth-chid(3n+1)
 ================================================*/
   .col3-2-1 {
      overflow:hidden;
   }
   .col3-2-1 ul {
      overflow:hidden;
      margin:0 0% 0 0; /*[上][右][下][左]*/
   }
   .col3-2-1 li {
      list-style:none;
      float:left;
      width:30%;
      margin:0 3% 0 0; /*[上][右][下][左]*/
   }
   .col3-2-1 li:nth-child(3n+1) {
      clear:both;
   }
   .col3-2-1 li img {
      width:98%;
      height:98%;
      margin-bottom:2.0%;
      display: block;
      margin-left: auto;
      margin-right: auto;
   }
   .col3-2-1 p{
     font-size:10px;
     text-align:center;
   }
/*================================================
　std:col2-1-1 nth-chid(2n+1)
 ================================================*/
   .col2-1-1 {
      overflow:hidden;
   }
   .col2-1-1 ul {
      overflow:hidden;
      margin:0 0% 0 0; /*[上][右][下][左]*/
   }
   .col2-1-1 li {
      list-style:none;
      float:left;
      width:47%;
      margin:0 3% 0 0; /*[上][右][下][左]*/
   }
   .col2-1-1 li:nth-child(2n+1) {
      clear:both;
   }
   .col2-1-1 li img {
      width:98%;
      height:98%;
      margin-bottom:2.0%;
      display: block;
      margin-left: auto;
      margin-right: auto;
   }
/*================================================
　std:col1-1-1 nth-chid(1n+1)
 ================================================*/
  .col1-1-1 {
    overflow:hidden;
  }
  .col1-1-1 ul {
    overflow:hidden;
    margin: 0 0 0 0; /*[上][右][下][左]*/
  }
  .col1-1-1 li {
    list-style:none;
    float:left;
    width:100%;
    margin:0.8% 0 0 0; /*[上][右][下][左]*/
  }
  .col1-1-1 li img {
    width:100%;
    height:100%; 
	margin-bottom:0.0%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

/*----------------------------------------------------------*/
/* PC用[MAX] min-width:960px
/*----------------------------------------------------------*/
@media only screen and (min-width: 960px){
	#header,#wrapper,.inner{
	width:960px;
	padding:0;
	margin:0 auto;
	}
	
	#wrapper{padding-bottom:20px;}
	
	
	#mainBanner{margin-left:15px;}
	#subpage #mainBanner{margin:17px auto;}
	
	#main{
	float:right;
	width:657px; 
	padding-right:15px;
	}
	
	#sidebar{
	float:left;
	width:245px;
	padding:25px 0 0 15px;
	overflow:hidden;
	}
	
	#sidebar article,articleSub{
	padding-top:7px;
	margin-bottom:20px;
	overflow:hidden;
	}
	
	/* グリッド全体 */
	.gridWrapper{
	width:960px;
	margin:0 0 0 -10px;
	}
	
	#gallery article,articleSub{padding:10px 0 10px 10px;}
	
	/* グリッド */
	.grid{
	float:left;
	width:300px;
	margin-left:20px;
	}
	
	#subpage .grid{width:auto;}
	
  #gallery .grid{
	width:auto;
	margin:10px 0 2px 10px;
	}

}
/*----------------------------------------------------------*/
/* PC用[狭] max-width:959px
/*----------------------------------------------------------*/
@media only screen and (max-width:959px){
	*{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
	
	
	#subpage #mainBanner{max-width:668px;}
	
	#sidebar{padding-bottom:30px;}
	
	#sidebar article,articleSub{padding:7px 0 15px;}
	
	#footer .grid,#footer ul.footnav{
	float:none;
	width:100%;
	text-align:center;
	}

	ul.footnav li{float:none;display:inline-block;}
	
	.grid{
	width:32%;
	margin:10px 0 0 1%;
	}
	
	#gallery .grid{
	float:left;
	width:31%;
	margin:0 0 0 1%;
	}
	
	#footer .grid img, #footer .info{float:none;}
	#footer .grid p{display:block;}
	#footer #info .info{float:none;text-align:center;}
	
	#footer .logo,#footer .info{
	width:100%;
	float:none;
	}
	
	#footer .logo p{float:none;display:block;}
	#footer .logo img{float:none;padding:0;}

}

/*----------------------------------------------------------*/
/* スマートフォン 横(ランドスケープ)   768px old(640px)     */
/*----------------------------------------------------------*/
@media only screen and (max-width:768px){
	#header{
	height:auto;
	padding-bottom:20px;
	}
	
	#header h1,.logo,.info,.contact,.cartin{text-align:left;}

	.logo{
	  clear:both
	  width:100%;
      float:none;
	  margin-left:10px;
	}
	.info,.contact{
	  display:none;
	}
	.logo p{float:none;display:block;}
	.logo img{float:none;padding:0;}


	.box img{
	float:left;
	margin-right:5px;
	}
	
	.box h3{padding-top:0;}

  .alignleft,.alignright{
	float:none;
	display:block;
	margin:0 auto 10px;
	}
	
	#gallery .grid{float:left;}
/*================================================
　HEADER       (max-width:640px)
=================================================*/
	.cartin,.img{
	   margin-left:130px;
	   margin-bottom:10px;
	}
/*================================================
　Side-Bar display:none; (max-width:640px)
=================================================*/
     .headingSub{
    display: none;
    }
    articleSub{
    display: none;
    }

/*================================================
　640px:col3-2-1 nth-child(2n+1)  
 ================================================*/
   .col3-2-1 {
      overflow:hidden;
   }
   .col3-2-1 ul {
      overflow:hidden;
      margin:0 0% 0 0; /*[上][右][下][左]*/
   }
   .col3-2-1 li {
      list-style:none;
      float:left;
      width:46%;
      margin:0 2% 0 0; /*[上][右][下][左]*/
   }
   .col3-2-1 li:nth-child(3n+1) {
      clear:none;
   }
   .col3-2-1 li:nth-child(2n+1) {
      clear:both;
   }
   .col3-2-1 li img {
      width:98%;
      height:98%;
      margin-bottom:2.0%;
      display: block;
      margin-left: auto;
      margin-right: auto;
   }
/*================================================
　640px:col4-2-1 nth-child(2n+1)
 ================================================*/
   .col4-2-1 {
      overflow:hidden;
   }
   .col4-2-1 ul {
      overflow:hidden;
      margin:0 -2% 0 0; /*[上][右][下][左]*/
   }
   .col4-2-1 li {
      list-style:none;
      float:left;
      width:46%;
      margin:0 2% 0 0; /*[上][右][下][左]*/
   }
   .col4-2-1 li:nth-child(4n+1) {
      clear:none;
   }
   .col4-2-1 li:nth-child(2n+1) {
      clear:both;
   }
   .col4-2-1 li img {
      width:92%;
      height:92%; 
      margin-bottom:2.0%;
      display: block;
      margin-left: auto;
      margin-right: auto;
   }

}
/*----------------------------------------------------------*/
/* スマートフォン 縦(ポートレート)                          */
/*----------------------------------------------------------*/
@media only screen and (max-width:480px){
	.grid{width:100%;}
	.box img{max-width:100px;}
	 #mainBanner h2,#mainBanner p{font-size:80%;}

/*================================================
　480px:col2-1-1 nth-child(1n+1)
 ================================================*/
   .col2-1-1 {
      overflow:hidden;
   }
   .col2-1-1 ul {
      overflow:hidden;
      margin:0 0% 0 0; /*[上][右][下][左]*/
   }
   .col2-1-1 li {
      list-style:none;
      float:left;
      width:98%;
      margin:0 3% 0 0; /*[上][右][下][左]*/
   }
   .col2-1-1 li:nth-child(1n+1) {
      clear:both;
   }
   .col2-1-1 li img {
      width:98%;
      height:98%;
      margin-bottom:2.0%;
      display: block;
      margin-left: auto;
      margin-right: auto;
   }


}
/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
	position:fixed;
	bottom:15px;
	right:8px;
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {
	height:45px;
	wide:45px;
	background:#none;
}
.totop img:hover {
	background:#fafafa;
}