@charset "utf-8";

/******************************************************************
 *
 * レイアウト
 *
 *****************************************************************/

img {vertical-align: bottom;}

.center {text-align:center; vertical-align:top;}
.left {text-align:left;}
.right {text-align:right;}

.b {font-weight:bold;}

.brown {color:#6c3524;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}

.ml30 {margin-left:30px;}
.ml50 {margin-left:50px;}

.f12 {font-size:12px;}

p.kome {
	text-indent:-1em;
	margin-left:1em;
}
p.rei {
	text-indent:1em;
	margin-bottom:0;
	padding-bottom:0;
	line-height:normal;
}

.spacing1 {
	margin-bottom:40px;
}
.spacing1 img {
	width:auto;
	max-width:100%;
	height:auto;
	border:#fbdac8 1px solid;
	padding:1px;
}

.noLink {
	pointer-events: none;
}



/* IME
------------------------------------------------- */
.ime_on { ime-mode: active !important; }
.ime_off { ime-mode: disabled !important; }
.ime_alpha { ime-mode: inactive !important; }

/* IMG
------------------------------------------------- */
.imgHover:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

/* BOX
------------------------------------------------- */
.inline { display: inline; }
.block { display: block; }
.leftBox { float: left !important; }
.centerBox { margin-left: auto; margin-right: auto; }
.rightBox { float: right !important; }

/* CLEAR
------------------------------------------------- */
.clearFix { clear: both; }



/* MARGIN
------------------------------------------------- */

.mB10 { margin-bottom: 10px !important; }
.mB15 { margin-bottom: 15px !important; }
.mB20 { margin-bottom: 20px !important; }
.mB25 { margin-bottom: 25px !important; }
.mB30 { margin-bottom: 30px !important; }
.mB40 { margin-bottom: 40px !important; }
.mB50 { margin-bottom: 50px !important; }
.mB60 { margin-bottom: 60px !important; }
.mB80 { margin-bottom: 80px !important; }
.mB100 { margin-bottom: 100px !important; }

/* PADDING
------------------------------------------------- */
.pT0 { padding-top: 0px !important; }

.pL15 { padding-left: 15px !important; }
.pL20 { padding-left: 20px !important; }

.pB0 { padding-bottom: 0px !important; }
.pB10 { padding-bottom: 10px !important; }
.pB15 { padding-bottom: 15px !important; }




/******************************************************************
 *
 * ヘッダー・レイアウト
 *
 *****************************************************************/

#headerTop {
	height:24px;
    margin: 0 auto;
	text-align:center;
	background:#ffb6c1;
}

#headerTop .inner {
	position: relative;
	height:24px;
	width:950px;
    margin: 0 auto;
}

#headerTop .inner h1 {
	position: absolute;
	line-height:normal;
	top: 3px;
	left: 4px;
	font-size:12px;
	font-weight:normal;
	color:#c55466;
}

#headerTop .inner ul {
	position: absolute;
	top: 4px;
	right: 2px;
	display:block;
}

#headerTop .inner ul li {
	list-style-image:none;
	width:100px;
	color:#c55466;
	padding-left:12px;
	text-align:left;
	background: url(http://flower-company.co.jp/img/bg_triangle.png) no-repeat left top;
	background-position:0 50%;
}

#headerTop .inner ul li a {
	color:#c55466;
	font-size:12px;
	text-decoration:none;
}

#headerLogo {
	height:300px;
	display:block;
    margin: 0 auto;
	text-align:center;
	background:url(http://flower-company.co.jp/img/bg_topimg.jpg) #FFF center no-repeat;
}
#headerLogo .inner {
	position:relative;
	height:300px;
	width:950px;
	display:block;
    margin: 0 auto;
}

#headerLogoWedding {
	height:300px;
	display:block;
    margin: 0 auto;
	text-align:center;
	background:url(http://flower-company.co.jp/img/tokyo/bg_topimg-tokyo-wedding2.jpg) #FFF center no-repeat;
}
#headerLogoWedding .inner {
	position:relative;
	height:300px;
	width:950px;
	display:block;
    margin: 0 auto;
}

#headerBridal {
	height:300px;
	display:block;
    margin: 0 auto;
	text-align:center;
}
#headerBridal .inner {
	position:relative;
	height:300px;
	width:950px;
	display:block;
    margin: 0 auto;
}

#headTitle {
	position:absolute;
	left:0;
	top:25px;
}
#headAccess {
	position:absolute;
	left:5px;
	bottom:7px;
}
#headTel {
	position:absolute;
	top:22px;
	right:4px;
}
#LOGO {
	position:absolute;
	right:0;
	bottom:4px;
}

#ContentsArea {
	height:23px;
	padding:0;
}


#gNavi {
background: url(http://flower-company.co.jp/img/bg_gnavi.png) repeat-x 0px 0px;
}
body#index #gNavi {
width: 100%;
position: absolute;
bottom: 0px;
}
#gNavi ul {
width: 950px;
margin: 0px auto;
overflow: hidden;
zoom: 1;
}
#gNavi ul li {
float: left;
display: inline;
}
#gNavi ul li a {
display: block;
width: 135px;
height:54px;
text-indent: -99999px;
}


#gNavi ul li.gNavi001 a {
width: 135px;
background: url(img/ribbon/g-navi-nr.png) no-repeat 0px 0px;
}
#gNavi ul li.gNavi001 a.this,
#gNavi ul li.gNavi001 a:hover {
background: url(img/ribbon/g-navi-nr.png) no-repeat 0px -54px;
}
#gNavi ul li.gNavi002 a {
width: 135px;
background: url(img/ribbon/g-navi-nr.png) no-repeat -136px 0px;
}
#gNavi ul li.gNavi002 a.this,
#gNavi ul li.gNavi002 a:hover {
background: url(img/ribbon/g-navi-nr.png) no-repeat -136px -54px;
}
#gNavi ul li.gNavi003 a {
width: 135px;
background: url(img/ribbon/g-navi-nr.png) no-repeat -271px 0px;
}
#gNavi ul li.gNavi003 a.this,
#gNavi ul li.gNavi003 a:hover {
background: url(img/ribbon/g-navi-nr.png) no-repeat -271px -54px;
}
#gNavi ul li.gNavi004 a {
width: 135px;
background: url(img/ribbon/g-navi-nr.png) no-repeat -407px 0px;
}
#gNavi ul li.gNavi004 a.this,
#gNavi ul li.gNavi004 a:hover {
background: url(img/ribbon/g-navi-nr.png) no-repeat -407px -54px;
}
#gNavi ul li.gNavi005 a {
width: 135px;
background: url(img/ribbon/g-navi-nr.png) no-repeat -542px 0px;
}
#gNavi ul li.gNavi005 a.this,
#gNavi ul li.gNavi005 a:hover {
background: url(img/ribbon/g-navi-nr.png) no-repeat -542px -54px;
}
#gNavi ul li.gNavi006 a {
width: 135px;
background: url(img/ribbon/g-navi-nr.png) no-repeat -677px 0px;
}
#gNavi ul li.gNavi006 a.this,
#gNavi ul li.gNavi006 a:hover {
background: url(img/ribbon/g-navi-nr.png) no-repeat -677px -54px;
}
#gNavi ul li.gNavi007 a {
width: 138px;
background: url(img/ribbon/g-navi-nr.png) no-repeat -812px 0px;
}
#gNavi ul li.gNavi007 a.this,
#gNavi ul li.gNavi007 a:hover {
background: url(img/ribbon/g-navi-nr.png) no-repeat -812px -54px;
}


/* 3カラム フォトギャラリー */

.list-photo-3C {
	margin:0;
}
.list-photo-3C ul {
	display:block;
}
.list-photo-3C ul li {
	float: left;
	list-style-type:none;
	display: inline;
	overflow: hidden;
	width: 33.3%;
	height: auto;
	margin: 0px;
}
.list-photo-3C ul li img {
	width: 100%;
	height: auto;
}
.list-photo-3C ul li a {
	text-decoration:none;
}


/******************************************************************
 *
 *  右カラム
 *
 *****************************************************************/

#sideMenu {
	background: url(http://flower-company.co.jp/img/bg_side.png) repeat-y;
	width: 245px;
	margin-bottom:15px;
}

#profile {
	margin:10px auto 11px;
	text-align:center;
}

ul.menuButton {
	margin: 0 auto 15px;
	width: 245px;
	text-align:center;
}

ul.menuButton li {
	width: 245px;
	margin: 0 auto;
}

ul.menuButton2 {
	margin: 0 auto 5px;
	width: 245px;
	text-align:center;
}

ul.menuButton2 li {
	height: 100px;
	width: 245px;
	margin: 0 auto 6px;
}

ul.menuButton li.contact {
	height: 50px;
}

ul.soudan {
	margin: 0 0 20px;
	padding:0;
	height:45px;
}

ul.soudan li {
	list-style-type:none;
	margin: 0;
	padding:0;
	line-height:normal;
	width: 315px;
	height:45px;
	float:left;
}


#sideWidgets {
	margin-left:7px;
	overflow:hidden;
	margin-bottom:10px;
}

#social {}
#social ul {
	margin: 0px -11px 0px 0px;
}
#social ul li {
	float: left;
	display: inline;
	margin: 0px 11px 10px 0px;
}



/******************************************************************
 *
 *  メインカラム
 *
 *****************************************************************/


.entry-header h1.entry-title {
	margin-top:30px;
}

#main {
	width: 950px;
	margin: 0px auto;
}

#contentsArea h2,
#contentsArea h3 {
	margin-bottom:0;
	padding-bottom:0;
	line-height:1.0;
}
#contentsArea p {
	margin-bottom:5px;
}

#contentsArea ul li {
	list-style-type:none;
	margin-left:0;
}

#contentsArea img {
	margin:0;
	padding:0;
	line-height:normal;
}

#contentsArea {
	margin-top/*\**/:10px\9;
}

#contentsArea {
	width:665px;
}


#contentsArea h3 {
	margin:0;
	padding-bottom:5px;
}

#contentsArea .inner {
	line-height:1.3;
	margin: 0;
	padding-bottom:30px;
}

#contentsArea #FORM {
	line-height:1.3;
	margin: 0 35px 50px;
}

.toTop {
	text-align: right;
	margin-top:25px;
	margin-bottom:25px;
}


/******************************************************************
 *
 *  フッター
 *
 *****************************************************************/

#FOOTER {
	margin: 0px auto;
	text-align: center;
	background-image:url(http://flower-company.co.jp/img/bg_footer.png);
	background-repeat:repeat-x;
}

#footWrap {
	width: 950px;
	margin: 0 auto;
	padding: 10px 0px 55px 0px;
	overflow: hidden;
	zoom: 1;
}

#footWrap #Logo {
	float: left;
	margin: 18px 28px 0px 0px;
}

#footWrap #Info {
	float: left;
	margin: 15px 0px 0px 0px;
}

#footWrap #Order {
	float: right;
	margin: 11px 0px 0px 0px;
}
#footWrap #Order2 {
	float: right;
	margin: 20px 0px 0px 0px;
}

#FOOTER #Contact,#FOOTER2 #Contact {
	color:#c55466;
	display:block;
}

#FOOTER .text {
	font-size:12px;
	color:#c55466;
	line-height:1.4;
}
#FOOTER2 .text {
	font-size:12px;
	color:#51280a;
	line-height:1.4;
}
	
#copyright {
	font-size:12px;
	color:#c55466;
	text-align: center;
	line-height: 25px;
}
	
#copyright2 {
	font-size:12px;
	color:#51280a;
	text-align: center;
	line-height: 25px;
}


/******************************************************************
 *
 *  非表示
 *
 *****************************************************************/

#post-4 footer.entry-meta,
#post-57 footer.entry-meta,
#post-75 footer.entry-meta,
#post-71 footer.entry-meta,
#post-73 footer.entry-meta,
#post-77 footer.entry-meta,
#post-79 footer.entry-meta,
#post-213 footer.entry-meta {
	display:none;
}

h1.entry-title {
	display:none;
}

.category-flower-company .entry-header h1.entry-title,
.category-bouquet .entry-header h1.entry-title,
.category-corolla .entry-header h1.entry-title,
.category-welcomeboard .entry-header h1.entry-title,
.category-ring-pillow .entry-header h1.entry-title,
.category-present .entry-header h1.entry-title,
.category-etc .entry-header h1.entry-title,
.category-voice .entry-header h1.entry-title,
.category-welcomeboard .entry-header h1.entry-title,
.category-tokyo-voice .entry-header h1.entry-title,
.category-tokyo-gallery .entry-header h1.entry-title,
.category-tokyo-topics .entry-header h1.entry-title,
.category-tokyo-scene .entry-header h1.entry-title,
.category-tokyo-message .entry-header h1.entry-title {
	display:block;
}

h1.entry-title {
	display/*\**/:none\9;
	color/*\**/:#FFF\9;
}




/******************************************************************
 *  レッスンメニュー　リメイク
 *****************************************************************/

.lessonMenu {
	width:100%;
	margin:0 auto 30px;
}
.lessonMenu li {
	position:relative;
	width:100%;
	height:80px;
	border-bottom:#000 1px dotted;
	margin-bottom:1px;
}
.lessonMenu li a {
	width:100%;
	height:80px;
	display:block;
	text-decoration:none;
	color:#000;
}
.lessonMenu li.taiken {
	background:url(img/ribbon/bg_smenu-taiken.jpg) no-repeat 0 50%;
}
.lessonMenu li.bridal {
	background:url(img/ribbon/bg_smenu-bridal.jpg) no-repeat 0 50%;
}
.lessonMenu li.diploma {
	background:url(img/ribbon/bg_smenu-diploma.jpg) no-repeat 0 50%;
}
.lessonMenu li.warmingup {
	background:url(img/ribbon/bg_smenu-warmingup.jpg) no-repeat 0 50%;
}
.lessonMenu li.kisetsu {
	background:url(img/ribbon/bg_smenu-kisetsu.jpg) no-repeat 0 50%;
}
.lessonMenu li.free {
	background:url(img/ribbon/bg_smenu-free.jpg) no-repeat 0 50%;
}
.lessonMenu li.macaron {
	background:url(img/ribbon/bg_smenu-macaron.jpg) no-repeat 0 50%;
}
.lessonMenu li.af {
	background:url(img/ribbon/bg_smenu-af.jpg) no-repeat 0 50%;
}
.lessonMenu li.ikebana {
	background:url(img/ribbon/bg_smenu-ikebana.jpg) no-repeat 0 50%;
}
.lessonMenu li.bridal-o {
	background:url(img/ribbon/bg_smenu-bridal-o.jpg) no-repeat 0 50%;
}
.lessonMenu li.green {
	background:url(img/ribbon/bg_smenu-green.jpg) no-repeat 0 50%;
}
.lessonMenu li.butsubana {
	background:url(img/ribbon/bg_smenu-butsubana.jpg) no-repeat 0 50%;
}
.lessonMenu li.online {
	background:url(img/ribbon/bg_smenu-online-2.jpg) no-repeat 0 50%;
}
.lessonMenu li.ribbon {
	background:url(img/ribbon/bg_smenu-ribbon.jpg) no-repeat 0 50%;
}
.lessonMenu li .text {
  position: absolute;
  top: 50%;
  left: 75px;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}
.lessonMenu li .text .title-1 {
	font-size:11px;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:4px;
}
.lessonMenu li a .text .title-2 {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:16px;
	font-weight: 800;
	line-height:1.1;
}


@media screen and (max-width: 660px) {

.lessonMenu {
	border-top:#000 1px dotted;
	border-left:#000 1px dotted;
}
.lessonMenu li {
	float:left;
	position:relative;
	width:100%;
	height:80px;
	border-bottom:#000 1px dotted;
	border-right:#000 1px dotted;
	margin-bottom:1px;
}

.lessonMenu li.taiken {
	background:url(img/ribbon/bg_smenu-taiken.jpg) no-repeat 0 50%;
}
.lessonMenu li.bridal {
	background:url(img/ribbon/bg_smenu-bridal.jpg) no-repeat 0 50%;
}
.lessonMenu li.diploma {
	background:url(img/ribbon/bg_smenu-diploma.jpg) no-repeat 0 50%;
}
.lessonMenu li.warmingup {
	background:url(img/ribbon/bg_smenu-warmingup.jpg) no-repeat 0 50%;
}
.lessonMenu li.kisetsu {
	background:url(img/ribbon/bg_smenu-kisetsu.jpg) no-repeat 0 50%;
}
.lessonMenu li.free {
	background:url(img/ribbon/bg_smenu-free.jpg) no-repeat 0 50%;
}
.lessonMenu li.macaron {
	background:url(img/ribbon/bg_smenu-macaron.jpg) no-repeat 0 50%;
}
.lessonMenu li.af {
	background:url(img/ribbon/bg_smenu-af.jpg) no-repeat 0 50%;
}
.lessonMenu li.ikebana {
	background:url(img/ribbon/bg_smenu-ikebana.jpg) no-repeat 0 50%;
}
.lessonMenu li.bridal-o {
	background:url(img/ribbon/bg_smenu-bridal-o.jpg) no-repeat 0 50%;
}
.lessonMenu li.bridal-o {
	background:url(img/ribbon/bg_smenu-bridal-o.jpg) no-repeat 0 50%;
}
.lessonMenu li.green {
	background:url(img/ribbon/bg_smenu-green.jpg) no-repeat 0 50%;
}
.lessonMenu li.butsubana {
	background:url(img/ribbon/bg_smenu-butsubana.jpg) no-repeat 0 50%;
}
.lessonMenu li.online {
	background:url(img/ribbon/bg_smenu-online-2.jpg) no-repeat 0 50%;
}
.lessonMenu li .text {
  position: absolute;
  top: 50%;
  left: 105px;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
  padding-right:3px;
}
.lessonMenu li .text .title-1 {
	font-size:12px;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:4px;
}
.lessonMenu li a .text .title-2 {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:16px;
	font-weight: 800;
	line-height:1.2;
}












.lessonMenu-2 {
	/*border-top:#000 1px dotted;
	border-left:#000 1px dotted;*/
}
.lessonMenu-2 li {
	position:relative;
	float:left;
	width:49%;
	height:80px;
	background-color:#FFF;
	border:#e3e3e3 1px solid;
	border-radius: 6px;
	margin: 0 2% 2% 0;
	filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.2));
}
.lessonMenu-2 li:nth-child(2n) {
	margin: 0 0 4% 0;
}

.lessonMenu-2 li.taiken {
	background:url(img/ribbon/bg_smenu-taiken.jpg) no-repeat -17% 50% #FFF;
}
.lessonMenu-2 li.bridal {
	background:url(img/ribbon/bg_smenu-bridal.jpg) no-repeat -17% 50% #FFF;
}
.lessonMenu-2 li.diploma {
	background:url(img/ribbon/bg_smenu-diploma.jpg) no-repeat -17% 50% #FFF;
}
.lessonMenu-2 li.warmingup {
	background:url(img/ribbon/bg_smenu-warmingup.jpg) no-repeat -17% 50% #FFF;
}
.lessonMenu-2 li.kisetsu {
	background:url(img/ribbon/bg_smenu-kisetsu.jpg) no-repeat -17% 50% #FFF;
}
.lessonMenu-2 li.free {
	background:url(img/ribbon/bg_smenu-free.jpg) no-repeat -17% 50% #FFF;
}
.lessonMenu-2 li.macaron {
	background:url(img/ribbon/bg_smenu-macaron.jpg) no-repeat -17% 50% #FFF;
}
.lessonMenu-2 li.af {
	background:url(img/ribbon/bg_smenu-af.jpg) no-repeat -17% 50% #FFF;
}
.lessonMenu-2 li.seika {
	background:url(img/ribbon/bg_smenu-seika.jpg) no-repeat -17% 50% #FFF;
}
.lessonMenu-2 li.bridal-o {
	background:url(img/ribbon/bg_smenu-bridal-o.jpg) no-repeat -17% 50% #FFF;
}
.lessonMenu-2 li.green {
	background:url(img/ribbon/bg_smenu-green.jpg) no-repeat -17% 50% #FFF;
}
.lessonMenu-2 li.butsubana {
	background:url(img/ribbon/bg_smenu-butsubana.jpg) no-repeat -17% 50% #FFF;
}
.lessonMenu-2 li.online {
	background:url(img/ribbon/bg_smenu-online-2.jpg) no-repeat -17% 50% #FFF;
}
.lessonMenu-2 li.freelesson {
	background:url(img/ribbon/bg_smenu-free.jpg) no-repeat -17% 50% #FFF;
}
.lessonMenu-2 li.kisetsu {
	background:url(img/ribbon/bg_smenu-kisetsu-2.jpg) no-repeat -17% 50% #FFF;
}
.lessonMenu-2 li .text {
  position: absolute;
  top: 50%;
  left: 55px;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
  padding-right:3px;
  color:#000;
}
.lessonMenu-2 li .text .title-1 {
	font-size:11px;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:4px;
}
.lessonMenu-2 li a .text .title-2 {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:15px;
	font-weight: 800;
	line-height:1.1;
}












.lessonMenu-3 {
	/*border-top:#000 1px dotted;
	border-left:#000 1px dotted;*/
}
.lessonMenu-3 li {
	position:relative;
	float:left;
	width:100%;
	height:95px;
	background-color:#FFF;
	border:#e3e3e3 1px solid;
	border-radius: 10px;
	margin: 0 0 20px;
	filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.2));
}

.lessonMenu-3 li.taiken {
	background:url(img/ribbon/bg_smenu-taiken.jpg) no-repeat 0% 50% #FFF;
}
.lessonMenu-3 li.bridal {
	background:url(img/ribbon/bg_smenu-bridal.jpg) no-repeat 0% 50% #FFF;
}
.lessonMenu-3 li.diploma {
	background:url(img/ribbon/bg_smenu-diploma.jpg) no-repeat 0% 50% #FFF;
}
.lessonMenu-3 li.warmingup {
	background:url(img/ribbon/bg_smenu-warmingup.jpg) no-repeat 0% 50% #FFF;
}
.lessonMenu-3 li.kisetsu {
	background:url(img/ribbon/bg_smenu-kisetsu.jpg) no-repeat 0% 50% #FFF;
}
.lessonMenu-3 li.free {
	background:url(img/ribbon/bg_smenu-free.jpg) no-repeat 0% 50% #FFF;
}
.lessonMenu-3 li.macaron {
	background:url(img/ribbon/bg_smenu-macaron.jpg) no-repeat 0% 50% #FFF;
}
.lessonMenu-3 li.af {
	background:url(img/ribbon/bg_smenu-af-2.jpg) no-repeat -5% 50% #FFF;
}
.lessonMenu-3 li.seika {
	background:url(img/ribbon/bg_smenu-seika-2.jpg) no-repeat -5% 50% #FFF;
}
.lessonMenu-3 li.bridal-o {
	background:url(img/ribbon/bg_smenu-bridal-o.jpg) no-repeat 0% 50% #FFF;
}
.lessonMenu-3 li.green {
	background:url(img/ribbon/bg_smenu-green.jpg) no-repeat 0% 50% #FFF;
}
.lessonMenu-3 li.butsubana {
	background:url(img/ribbon/bg_smenu-butsubana.jpg) no-repeat 0% 50% #FFF;
}
.lessonMenu-3 li.online {
	background:url(img/ribbon/bg_smenu-online-2.jpg) no-repeat 0% 50% #FFF;
}
.lessonMenu-3 li.freelesson {
	background:url(img/ribbon/bg_smenu-free.jpg) no-repeat 0% 50% #FFF;
}
.lessonMenu-3 li.kisetsu {
	background:url(img/ribbon/bg_smenu-kisetsu-2.jpg) no-repeat 0% 50% #FFF;
}
.lessonMenu-3 li .text {
  position: absolute;
  top: 50%;
  left: 90px;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
  padding-right:3px;
  color:#000;
}
.lessonMenu-3 li .text .title-1 {
	font-size:13px;
	line-height:1.1;
	margin-bottom:5px;
}
.lessonMenu-3 li a .text .title-2 {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:17px;
	font-weight: bold;
	line-height:1.2;
}












.lessonMenu-4 {
	/*border-top:#000 1px dotted;
	border-left:#000 1px dotted;*/
}
.lessonMenu-4 li {
	position:relative;
	float:left;
	width:100%;
	height:95px;
	background-color:#FFF;
	border:#e3e3e3 1px solid;
	border-radius: 10px;
	margin: 0 0 20px;
	filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.2));
}

.lessonMenu-4 li.taiken {
	background:url(img/ribbon/bg_smenu-taiken.jpg) no-repeat 0% 50% #FFF;
}
.lessonMenu-4 li.bridal {
	background:url(img/ribbon/bg_smenu-bridal.jpg) no-repeat 0% 50% #FFF;
}
.lessonMenu-4 li.diploma {
	background:url(img/ribbon/bg_smenu-diploma.jpg) no-repeat 0% 50% #FFF;
}
.lessonMenu-4 li.warmingup {
	background:url(img/ribbon/bg_smenu-warmingup.jpg) no-repeat 0% 50% #FFF;
}
.lessonMenu-4 li.kisetsu {
	background:url(img/ribbon/bg_smenu-kisetsu.jpg) no-repeat 0% 50% #FFF;
}
.lessonMenu-4 li.free {
	background:url(img/ribbon/bg_smenu-free.jpg) no-repeat 0% 50% #FFF;
}
.lessonMenu-4 li.macaron {
	background:url(img/ribbon/bg_smenu-macaron.jpg) no-repeat 0% 50% #FFF;
}
.lessonMenu-4 li.af {
	background:url(img/ribbon/bg_smenu-af-3.jpg) no-repeat 100% 50% #FFF;
}
.lessonMenu-4 li.seika {
	background:url(img/ribbon/bg_smenu-seika-3.jpg) no-repeat 100% 50% #FFF;
}
.lessonMenu-4 li.bridal-o {
	background:url(img/ribbon/bg_smenu-bridal-o.jpg) no-repeat 0% 50% #FFF;
}
.lessonMenu-4 li.green {
	background:url(img/ribbon/bg_smenu-green.jpg) no-repeat 0% 50% #FFF;
}
.lessonMenu-4 li.butsubana {
	background:url(img/ribbon/bg_smenu-butsubana.jpg) no-repeat 0% 50% #FFF;
}
.lessonMenu-4 li.online {
	background:url(img/ribbon/bg_smenu-online-2.jpg) no-repeat 0% 50% #FFF;
}
.lessonMenu-4 li.freelesson {
	background:url(img/ribbon/bg_smenu-free.jpg) no-repeat 0% 50% #FFF;
}
.lessonMenu-4 li.kisetsu {
	background:url(img/ribbon/bg_smenu-kisetsu-2.jpg) no-repeat 0% 50% #FFF;
}
.lessonMenu-4 li .text {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
  padding-right:3px;
  color:#000;
}
.lessonMenu-4 li .text .title-1 {
	font-size:13px;
	line-height:1.1;
	margin-bottom:5px;
}
.lessonMenu-4 li a .text .title-2 {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:17px;
	font-weight: bold;
	line-height:1.2;
}



}

/*@media screen and (max-width: 349px) {

.lessonMenu li.taiken {
	background:url(img/ribbon/bg_smenu-taiken.jpg) no-repeat 0 50%;
}
.lessonMenu li.bridal {
	background:url(img/ribbon/bg_smenu-bridal.jpg) no-repeat 0 50%;
}
.lessonMenu li.diploma {
	background:url(img/ribbon/bg_smenu-diploma.jpg) no-repeat 0 50%;
}
.lessonMenu li.warmingup {
	background:url(img/ribbon/bg_smenu-warmingup.jpg) no-repeat 0 50%;
}
.lessonMenu li.kisetsu {
	background:url(img/ribbon/bg_smenu-kisetsu.jpg) no-repeat 0 50%;
}
.lessonMenu li.free {
	background:url(img/ribbon/bg_smenu-free.jpg) no-repeat 0 50%;
}
.lessonMenu li.macaron {
	background:url(img/ribbon/bg_smenu-macaron.jpg) no-repeat 0 50%;
}
.lessonMenu li.af {
	background:url(img/ribbon/bg_smenu-af.jpg) no-repeat 0 50%;
}
.lessonMenu li.ikebana {
	background:url(img/ribbon/bg_smenu-ikebana.jpg) no-repeat 0 50%;
}
.lessonMenu li.bridal-o {
	background:url(img/ribbon/bg_smenu-bridal-o.jpg) no-repeat 0 50%;
}
.lessonMenu li {
	float:left;
	position:relative;
	width:100%;
	height:80px;
	border-bottom:#000 1px dotted;
	margin-bottom:1px;
}
.lessonMenu li .text {
  position: absolute;
  top: 50%;
  left: 65px;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}

}*/


/*お問い合わせバナー*/

.EntryOrder-re {
	margin-bottom:20px;
	background-color: #fef7e5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#fef7e5));
	background-image: -webkit-linear-gradient(#FFF, #fef7e5);
	background-image: linear-gradient(#FFF, #fef7e5);
	border:1px solid #e2e2e2;
	padding: 5px 10px;
}
.EntryOrder-re h4,.EntryOrder-re .title {
	background:url(http://flower-company.co.jp/img/tokyo/bg_h4.png) no-repeat;
	color:#4d2a0a;
	margin-bottom:5px;
	padding:3px 0 0px 45px;
}
.EntryOrder-re .TEL {
	float:left;
	max-width:333px;
	margin-right:10px;
}
.EntryOrder-re .FORM {
	float: right;
	max-width:333px;
	margin-top:-30px;
}


@media only screen and (max-width: 680px) {

.EntryOrder-re .boxSP {
	max-width:100%;
	margin:0 auto;
}
.EntryOrder-re .boxSP .TEL-sp {
	float:left;
	width:130px;
}
.EntryOrder-re .boxSP .FORM-sp {
	float: right;
	width:130px;
}

.btn_contact-sp {
	width:100%;
}
.btn_contact-sp li {
	float: left;
	list-style-type:none;
	display: inline;
	overflow: hidden;
	width: 32%;
	height: 60px;
	margin: 0px 2% 0 0;
	background-color: #ff968d;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc0ba), to(#ff968d));
	background-image: -webkit-linear-gradient(#ffc0ba, #ff968d);
	background-image: linear-gradient(#ffc0ba, #ff968d);
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
}
.btn_contact-sp li a {
	display:block;
	width:100%;
	height: 60px;
	text-align:center;
}
.btn_contact-sp li img {
	max-width:100%;
	width:auto;
	margin:0 auto;
}
.btn_contact-sp li:nth-child(3n) {
	margin: 0 0 0 0;
}


}


/*お問い合わせバナー（グレー）*/

.EntryOrder-re2 {
	max-width:620px;
	margin:0 auto 20px;
	padding: 10px 10px;
	background-color: #f2eeed;
	border:2px solid #786666;
}

.EntryOrder-re2 h4,.EntryOrder-re2 .title {
	color:#4d2a0a;
	margin-bottom:10px;
	padding:0 0 0 15px;
	letter-spacing:2px;
}
.EntryOrder-re2 h4,.EntryOrder-re2 .title .text1 {
	font-size:28px;
	font-weight:bold;
}
.EntryOrder-re2 h4,.EntryOrder-re2 .title .text2 {
	font-size:18px;
	font-weight:bold;
}


.EntryOrder-re3 {
	max-width:620px;
	margin:0 auto 20px;
	padding: 10px 0px 8px 15px;
	background-color: #f2eeed;
	border:2px solid #786666;
}
.EntryOrder-re3 h4,.EntryOrder-re3 .title {
	color:#4d2a0a;
	margin-bottom:10px;
	padding:0 0 0 5px;
}
.EntryOrder-re3 h4,.EntryOrder-re3 .title .text1 {
	font-size:18px;
	font-weight:bold;
	letter-spacing:2px;
}
.EntryOrder-re3 h4,.EntryOrder-re3 .title .text2 {
	font-size:12px;
	font-weight:bold;
	letter-spacing:2px;
}
.EntryOrder-re3 h4,.EntryOrder-re3 .title .text3 {
	font-size:10px;
}
.EntryOrder-re3 h4,.EntryOrder-re3 .text {
	font-size:10px;
}

@media only screen and (max-width: 680px) {

.EntryOrder-re2 {
	max-width:620px;
	margin:0 auto 20px;
	padding: 7px 10px;
	background-color: #f2eeed;
	border:2px solid #786666;
}
.EntryOrder-re2 h4,.EntryOrder-re2 .title {
	color:#4d2a0a;
	margin-bottom:10px;
	padding:0 0 0 5px;
	letter-spacing:2px;
}
.EntryOrder-re2 h4,.EntryOrder-re2 .title .text1 {
	font-size:18px;
	font-weight:bold;
}
.EntryOrder-re2 h4,.EntryOrder-re2 .title .text2 {
	font-size:12px;
	font-weight:bold;
}


.EntryOrder-re3 {
	max-width:620px;
	margin:0 auto 20px;
	padding: 10px 0px 8px 13px;
	background-color: #f0ecea;
	border:3px solid #786465;
}
.EntryOrder-re3 h4 {
	color:#4d2a0a;
	margin-bottom:10px;
	padding:0 0 0 5px;
}
.EntryOrder-re3 .title {
	color:#4d2a0a;
	margin-bottom:8px;
	padding:0;
}
.EntryOrder-re3 h4 {
	font-size:20px;
	font-weight:bold;
	letter-spacing:0px;
}
.EntryOrder-re3 .title .text1 {
	font-size:18px;
	font-weight:bold;
	letter-spacing:0px;
}
.EntryOrder-re3 h4 {
	font-size:13px;
	font-weight:bold;
	letter-spacing:0px;
}
.EntryOrder-re3 .title .text2 {
	font-size:11px;
	font-weight:bold;
	letter-spacing:0px;
}
.EntryOrder-re3 h4,.EntryOrder-re3 .title .text3 {
	font-size:10px;
}
.EntryOrder-re3 h4,.EntryOrder-re3 .text {
	font-size:10px;
}
.EntryOrder-re3 h4,.EntryOrder-re3 .text-2 {
	font-size:11px;
	text-align:right;
	padding:3px 15px 0 0;
}

}


.btn_contact-sp2 {
	width:100%;
}
.btn_contact-sp2 li {
	float: left;
	list-style-type:none;
	display: inline;
	overflow: hidden;
	width: 32%;
	height: auto;
	margin: 0px 2% 0 0;
}
.btn_contact-sp2 li a {
	display:block;
	width:100%;
	height: auto;
	text-align:center;
}
.btn_contact-sp2 li img {
	max-width:100%;
	width:auto;
	margin:0 auto;
}
.btn_contact-sp2 li:nth-child(3n) {
	margin: 0 0 0 0;
}



.btn_contact-sp3 {
	width:100%;
}
.btn_contact-sp3 li {
	float: left;
	list-style-type:none;
	display: inline;
	overflow: hidden;
	height: auto;
	margin: 0px 2% 5px 0;
}
.btn_contact-sp3 li.style-1 {
	width: 42%;
}
.btn_contact-sp3 li.style-2 {
	width: 25%;
}
.btn_contact-sp3 li.style-3 {
	width: 83%;
}
.btn_contact-sp3 li.style-4 {
	width: 11%;
}
.btn_contact-sp3 li a {
	display:block;
	width:100%;
	height: auto;
	text-align:center;
}
.btn_contact-sp3 li img {
	max-width:100%;
	width:auto;
	margin:0 auto;
}
.btn_contact-sp3 li:nth-child(3n) {
	margin: 0 0 0 0;
}




.point-flower {
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    background: url(./img/re/bg_h3.png) no-repeat;
    padding: 6px 0 6px 36px;
    margin-bottom: 10px;
    line-height: 1.4;
	letter-spacing:1.2px;
}

.entryText {
    margin: 0 0 20px 10px;
    padding: 0;
    font-size: 13px;
    line-height: 1.6;
}













/******************************************************************
 *  ディプロマページ　リメイク
 *****************************************************************/

.dip-entry {
	width:100%;
	margin-bottom:20px;
	padding:15px 0;
	background:#fff6f1;
	border-radius: 10px;
}

.dip-title {
	position:relative;
	width: 92%;
	margin:0 auto 10px;
	min-height:60px;
}
.dip-title .no {
	background:url(img/diploma/bg_no.png) no-repeat;
	position:absolute;
	top:0;
	left:0;
	width:60px;
	height:60px;
}
.dip-title .no span {
	display:block;
	width:100%;
	margin:18px auto 0;
	text-align:center;
	color:#FFF;
	font-size:23px;
}
.dip-title .title {
	padding:17px 0 0 70px;
	font-size:23px;
	line-height:1.2;
}

.dip-text {
	width: 90%;
	margin:0 auto;
	font-size:16px;
	line-height:1.4;
}


#dip-entry-2 {
}

.dip-entry-2 {
    display: block;
	width:94%;
	background-color:#bba695;
	color:#FFF;
	text-align:center;
	margin:0 auto;
	padding:10px;
	border-radius: 6px;
}
.dip-entry-2 p {
	margin:0!important;
	cursor:pointer;
}
.dip-entry-2 li {
    display: block;
	width:100%;
	margin:0 auto;
}


.dip-entry-2-title {
	width:100%;
	margin:0 0 15px;
	padding:10px;
	background:#fff6f1;
	color:#bba695;
	font-size:16px;
	font-weight:bold;
	border-radius: 6px;
}
.dip-entry-2-text {
	width:90%;
	margin:0 auto 20px;
    font-size: 10px;
    font-size: 1.0rem;
	line-height:1.4;
	color:#fff6f1;
	font-size:15px;
	text-align:left;
}
.dip-entry-2-etc {
	border:#fff6f1 solid 1px;
	width:90%;
	margin:0 auto 20px;
	padding:5px 15px;
	color:#fff6f1;
	border-radius: 10px;
	text-align:left;
	line-height:1.4;
}


/*ディプロマ 作品集*/

.galleryDiploma-2 {
	margin-bottom:20px;
	margin-left:0;
}
.galleryDiploma-2 li {
	float: left;
	list-style-type:none;
	display: inline;
	overflow: hidden;
	width: 32%;
	height: auto;
	margin: 0px 2% 20px 0;
}
.galleryDiploma-2 li img {
	width:100%;
}
.galleryDiploma-2 li span {
	display:block;
	margin-bottom:8px;
	overflow:hidden;
	word-wrap: normal;
	white-space: nowrap;
}
.galleryDiploma-2 li p {
	width:90%;
	height:35px;
	font-size:13px;
	line-height:1.2 !important;
}
.galleryDiploma-2 li:nth-child(3n) {
	margin: 0 0 20px 0;
}




/******************************************************************
 *
 *  コンテンツ
 *
 *****************************************************************/
 

.center {text-align:center;}
.b {font-weight:bold;}

.f12 {font-size:12px;}



.hyou1 {
	width:100%;
	margin-bottom:20px;
	padding:0;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	text-align:left;
}
.hyou1 th {
	width:25%;
	line-height:1.4;
	border:1px solid #deb887;
	background-color:#fafad2;
	text-align: center;
    padding: 8px 5px 8px 5px;
	box-sizing: border-box;
	font-size:14px;
	vertical-align:middle;
}
.hyou1 th span {
	color:#a0522d;
}
.hyou1 td{
	width:75%;
	line-height:1.4;
	border:1px solid #deb887;
	text-align: left;
	padding:6px 6px 6px 6px;
	box-sizing: border-box;
	font-size:14px;
	vertical-align:middle;
	color:#333;
}
.hyou1 td.style1 {
	color:#989898;
}
.ts {
	width:93%;
}

.soushin {
	text-align:center;
	font-size:14px;
}

ul#FLOW li {
	margin:0 0 0 15px;
}
ul#FLOW li {
	list-style-type:none;
	padding:0;
	list-style-type:none;
	background-image: url(http://flower-company.co.jp/img/bg_underline.png);
	background-position: 0 100%;
	background-repeat: repeat-x;
}
ul#FLOW li div {
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding-bottom: 25px;
	padding-left: 35px;
	padding-top: 25px;
}
#No1 div { background-image: url(http://flower-company.co.jp/img/flo_1.png); }
#No2 div { background-image: url(http://flower-company.co.jp/img/flo_2.png); }
#No3 div { background-image: url(http://flower-company.co.jp/img/flo_3.png); }
#No4 div { background-image: url(http://flower-company.co.jp/img/flo_4.png); }
#No5 div { background-image: url(http://flower-company.co.jp/img/flo_5.png); }
#No6 div { background-image: url(http://flower-company.co.jp/img/flo_6.png); }
#No7 div { background-image: url(http://flower-company.co.jp/img/flo_7.png); }




ul.point li {
	margin:0 0 0 15px;
	list-style-type:none;
	padding:0;
}
ul.point li div {
	background-image: url(http://flower-company.co.jp/img/bg_point.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding-bottom: 5px;
	padding-left: 25px;
	padding-top: 5px;
}


#POINT {
	margin-bottom:30px;
	padding: 10px 0px 0px 0px;
	background: url(http://flower-company.co.jp/img/bg_3point.jpg) no-repeat 0px 0px;
}
#POINT .inner {
	margin:0 auto 30px;
	max-width:630px;
}



.entry01 {
	overflow: hidden;
	margin-bottom:15px;
}
.entry01 .photo {
	float: left;
	width: 200px;
	margin-left:5px;
}
.entry01 .page {
	margin: 0px 0px 0px 220px;
}

.entry02 {
	overflow: hidden;
}
.entry02 .photo {
	float: left;
	width: 75px;
}
.entry02 .text {
	margin: 0px 0px 0px 90px;
}

.entry03 {
	overflow: hidden;
	zoom: 1;
}
	.entry03 .side {
	float: left;
	width: 150px;
}
	.entry03 .page {
	margin: 0px 0px 0px 165px;
}
	
.entry04 {
	overflow: hidden;
	zoom: 1;
}
	.entry04 .side {
	float: right;
	width: 230px;
}
	.entry04 .page {
	margin: 0px 240px 0px 0px;
}
	
.entry05 {
	position:relative;
	height:160px;
}
	.entry05 .side {
	position:absolute;
	width: 200px;
	right:0;
}
	.entry05 .page {
	position:absolute;
	width:460px;
	left:0;
}

.entry06 {
	background:#fff9f5 url(http://flower-company.co.jp/img/bg_entry06.jpg) no-repeat;
	background-position:100% 0%;
	border:#fdede4 solid 1px;
	border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
	padding:15px 5px 5px 15px;
	margin:0;
}

.entry07 {
    border: #FF968C 2px solid;
    color: #ff968c;
	font-size:13px;
	text-align:center;
	margin-bottom:10px;
    padding: 8px;
}


	

.h2Btn {
	position: relative;
	margin-bottom:5px;
}
.h2Btn .btn {
	position: absolute;
	top: 3px;
	right: 0px;
}
.h2Btn .btn {
	position: absolute;
	top: 3px;
	right: 0px;
}

.contactBox1 {
	margin-bottom:35px;
	height: 154px;
	background: url(http://flower-company.co.jp/img/bg_contactbox1.png) no-repeat 0px 0px;
	overflow: hidden;
	zoom: 1;
} 
.contactBox1 .contactBtn {
	margin: 64px 0px 0px 368px;
}
	

/*カラム*/

.top-2c {
	margin:0 0 35px;
}
.top-2c ul {
	display:block;
}
.top-2c ul li {
	float: left;
	list-style-type:none;
	display: inline;
	overflow: hidden;
	width: 47%;
	height: auto;
	margin: 0px 6% 0 0px;
}
.top-2c ul li:nth-child(2n) {
	margin: 0 0 0 0;
}


/*ギャラリー*/

.galleryUl {
	margin:0 0 35px;
}
.galleryUl ul {
	display:block;
}
.galleryUl ul li {
	float: left;
	list-style-type:none;
	display: inline;
	overflow: hidden;
	width: 22%;
	height: auto;
	margin: 0px 4% 2% 0px;
}
.galleryUl ul li:nth-child(4n) {
	margin: 0px 0 4% 0px;
}
.galleryUl ul li IMG {
	width:100%;
	margin-bottom:6px;
}
.galleryUl ul li img {
	overflow:hidden;
	vertical-align: top;
	width:100%;
	height:auto;
	max-width:none;
}
.galleryUl ul li .date {
	font-size:13px;
	padding-top:5px;
}
.galleryUl ul li .text {
	font-size:13px;
	line-height:1.5;
	padding-top:3px 0;
	height:20px;
}
.galleryUl ul li .text a {
	color:#24140e;
}
.galleryUl ul li .text a:hover {
	color:#f0849c;
}
.galleryUl ul li a {
	text-decoration:none;
}

@media only screen and (max-width: 680px) {

.galleryUl ul li {
	float: left;
	list-style-type:none;
	display: inline;
	overflow: hidden;
	width: 48%;
	height: auto;
	margin: 0px 4% 2% 0px;
}
.galleryUl ul li:nth-child(2n) {
	margin: 0px 0 4% 0px;
}

}


/*@media only screen and (max-width: 650px) {

.galleryUl ul li {
	width: 48%;
}
.galleryUl ul li img {
	width:100%;
}
.galleryUl ul li:nth-child(2n) {
	margin: 0px 0 4% 0px;
}


}*/


/*.galleryUl ul {
	margin: 0px 0px 35px 0px;
	display:block;
	overflow: hidden;
	zoom: 1;
}
.galleryUl ul li {
	float: left;
	list-style-type:none;
	display: inline;
	width: 25%;
	margin: 0px 0px 20px 0px;
}
.galleryUl ul li .IMG {
	margin: 0px 0px 2px 0px;
	overflow:hidden;
	vertical-align: top;
	width:94%;
	height: auto;
}
.galleryUl ul li .IMG img {
	vertical-align: top;
	text-align:center;
	width:100%;
}
.galleryUl ul li .date {
	font-size:13px;
	padding-top:5px;
}
.galleryUl ul li .text {
	font-size:13px;
	line-height:1.5;
	padding-top:3px;
	width:94%;
	height:20px;
	overflow:hidden;
}
.galleryUl ul li a {
	text-decoration:none;
}

@media only screen and (max-width: 450px) {

.galleryUl ul li {
	width: 25%;
}

}*/


/*トピックス*/

ul.topicsUl {
	margin: 0px 0px 30px 0px;
	display:block;
	overflow: hidden;
	zoom: 1;
}
ul.topicsUl li {
	float: left;
	list-style-type:none;
	width: 100%;
	height: auto;
	border-bottom:#CCC 1px dotted;
	margin:0 0 10px;
	padding-bottom:3px;
}
ul.topicsUl li .IMG {
	float:left;
	width:65px;
}
ul.topicsUl li .date {
	margin-left:75px;
	line-height:1.5;
}
ul.topicsUl li .text {
	margin-left:75px;
	line-height:1.5;
}


/*ページインデックス*/

.pageInfo {
	margin:0 auto;
	width:90%;
	text-align:center;
}
.pageInfo span {
	display:inline-block;
	font-size:12px;
	padding:8px 8px;
	border:#fa988f solid 1px;
	color:#FFF;
	background-color:#fa988f;
	margin-right:3px;
	margin-bottom:5px;
	line-height: normal;
}
.pageInfo a {
	display:inline-block;
	font-size:12px;
	padding:8px 8px;
	border:#fa988f solid 1px;
	color:#fa988f;
	background-color:#FFF;
	text-decoration:none;
	margin-right:3px;
	margin-bottom:5px;
	line-height: normal;
}
.pageInfo a:hover {
	border:#fa988f solid 1px;
	color:#FFF;
	background-color:#fa988f;
}




#VOICE {
	margin-bottom:15px;
}
#VOICE .voice {
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:5px;
	line-height:2.0;
	background:url(http://flower-company.co.jp/img/bg_border.png);
	background-position:0 100%;
	background-repeat:repeat-x;
}





#Access h3 {
	margin-bottom:8px;
}

#HONTEN {
	position:relative;
	margin-bottom:40px;
	padding-bottom:5px;
	height:500px;
}
#HONTEN #hontenL {
	position:absolute;
	width:250px;
	left:0;
}
#HONTEN #hontenL p {
	line-height:1.6;
	margin-bottom:15px;
}
#HONTEN #hontenR {
	position:absolute;
	width:400px;
	right:0;
}

#KOJIN {
	position:relative;
	margin-bottom:20px;
	padding-bottom:5px;
	height:540px;
}
#KOJIN #kojinL {
	position:absolute;
	width:250px;
	left:0;
}
#KOJIN #kojinL p {
	line-height:1.6;
	margin-bottom:15px;
}
#KOJIN #kojinR {
	position:absolute;
	width:400px;
	right:0;
}






#daihyo {
	position:relative;
	height:680px;
	background-image:url(http://flower-company.co.jp/img/pro_bg-daihyo.jpg);
	background-repeat:no-repeat;
	margin-bottom:25px;
}
#daihyo h3 {
	position:absolute;
	top:0px;
	left:15px;
	width:410px;
}
#daihyo #daihyoL {
	position:absolute;
	left:15px;
	top:110px;
	width:410px;
}
#daihyo #daihyoL p {
	margin-bottom:10px;
}





	
/* menu */
.pNavi {}
	.pNavi ul {
	margin: 0px -1px 0px 0px;
	overflow: hidden;
	zoom: 1;
}
.pNavi ul li {
	float: left;
	display: inline;
	margin: 0px 1px 0px 0px;
}
	
/* bridal */
.bBg01 {
	height: 178px;
	background: url(http://flower-company.co.jp/img/bg01.png) no-repeat 0px 0px;
	overflow: hidden;
	zoom: 1;
}
.bBg01 ul {
	padding: 25px;
}
.bBg01 ul li {
	line-height:1.4;
}

.bridalUl {}

.bridalUl ul {
	margin: 0px 0px 30px -21px;
	overflow: hidden;
	zoom: 1;
}
.bridalUl ul li {
    position: relative;
    float: left;
    display: inline;
    width: 150px;
    margin: 0px 0 40px 21px;
}
.bridalUl ul li .img {
	max-width:100%;
	width:100%;
	height:auto;
	margin: 0px 0px 5px 0px;
}
.bridalUl ul li .price {
	font-weight: bold;
	color: #FF958B;
	text-align: center;
	font-size:13px;
	line-height:1.5;
	margin-bottom:5px;
}
.bridalUl ul li .text {
	font-size:13px;
	line-height:1.5;
}
.bridalUl ul li .text p {
}
.bridalUl ul li .btn {
	position:absolute;
	bottom:0;
	width:100%;
}
.bridalUl ul li .btn a {
	display:inline-block;
	background-color:#fa988f;
	color:#FFF;
	text-decoration:none;
	padding:8px 0;
	width:100%;
	text-align:center;
}
.bridalUl ul li .btn a:hover {
	border:#fa988f solid 1px;
	background-color:#FFF;
	color:#fa988f;
}

@media only screen and (max-width: 680px) {

.bridalUl {
	width:330px;
	margin:0 auto;
}

}

@media only screen and (max-width: 360px) {

.bridalUl {
	width:300px;
	margin:0 auto;
}
.bridalUl ul li {
	width: 138px;
}
.bridalUl ul li img {
	width: 100%;
}

}

@media only screen and (max-width: 340px) {

.bridalUl {
	margin:0 auto;
}

}


.bridalUl2 ul {
	margin: 0px 0px 30px -21px;
	overflow: hidden;
	zoom: 1;
}
.bridalUl2 ul li {
    float: left;
    display: inline;
    width: 206px;
    margin: 0px 0 40px 21px;
}
.bridalUl2 ul li .img {
	width:100%;
	margin: 0px 0px 5px 0px;
}
.bridalUl2 ul li .img img {
	max-width:100%;
	width:100%;
	height:auto;
}
.bridalUl2 ul li .price {
	font-weight: bold;
	color: #FF958B;
	text-align: center;
	font-size:13px;
	line-height:1.5;
	margin-bottom:5px;
}
.bridalUl2 ul li .text {
	font-size:13px;
	line-height:1.5;
}
.bridalUl2 ul li .text p {
}
.bridalUl2 ul li .btn {
	position:absolute;
	bottom:0;
	width:100%;
}
.bridalUl2 ul li .btn a {
	display:inline-block;
	border:#fa988f solid 1px;
	color:#fa988f;
	text-decoration:none;
	padding:8px 0;
	width:100%;
	text-align:center;
}
.bridalUl2 ul li .btn a:hover {
	background-color:#fa988f;
	color:#FFF;
}

@media only screen and (max-width: 680px) {

.bridalUl2 {
	width:300px;
	margin:0 auto;
}
.bridalUl2 ul {
	margin: 0px 0px 30px 0;
	overflow: hidden;
	zoom: 1;
}
.bridalUl2 ul li {
    float: left;
    display: inline;
    width: 300px;
    margin: 0px 0 30px 0;
}

}


.bridalPhoto {
    position: relative;
    width: 100%;
	max-width:640px;
	height:auto;
	margin:0 0 20px;
}

.bridalPhoto .photo {
    width: 100%;
	height:auto;
    bottom: 0;
}
.bridalPhoto .photo img {
    width: 100%;
	height:auto;
}

.bridalPhoto .text {
    position: absolute;
    width: 100%;
    z-index: 5;
    bottom: 0;
    background-color: rgba(0,0,0,.4);
    color: #FFF;
    text-align: left;
}
.bridalPhoto .text span{
	display:block;
	padding:5px 10px;
}




.contact01Box {
	height: 154px;
	background: url(http://flower-company.co.jp/img/contact01Bg.jpg) no-repeat 0px 0px;
	overflow: hidden;
	zoom: 1;
} 
	.contact01Box .contactBtn {
	margin: 64px 0px 0px 362px;
}

.contact02Box {
	height: 158px;
	background: url(http://flower-company.co.jp/img/contact02Bg.jpg) no-repeat 0px 0px;
	overflow: hidden;
	zoom: 1;
}
	.contact02Box .contactBtn {
	margin: 68px 0px 0px 362px;
}

.h201 {
	position: relative;
}
	.h201 .btn {
	position: absolute;
	top: 3px;
	right: 0px;
}

.bg01 {
	width: 500px;
	height: 109px;
	position: relative;
}
	.bg01 p {
	padding: 60px 180px 0px 30px;
	line-height:1.4;
}
	.bg01 .btn {
	position: absolute;
	right: 15px;
	bottom: 8px; 
}
.bg02 {
	width: 500px;
	height: 188px;
	position: relative;
}
	.bg02 ul {
	padding: 50px 20px 0px 20px;
}
	.bg02 ul li {
	line-height:1.4;
}

.bg03 {
	width: 665px;
	height: 361px;
	position: relative;
}
	.bg03 p {
	padding: 60px 180px 0px 30px;
}
	.bg03 .btn {
	position: absolute;
	right: 15px;
	bottom: 8px; 
}
	
.bg04 {
	width: 500px;
	height: 109px;
}
	.bg04 .btn {
	padding: 60px 30px 0px 30px;
	text-align: center;
}
	
.mBg01 { background: url(http://flower-company.co.jp/img/bg01.jpg) no-repeat 0px 0px; }	
.mBg02 { background: url(http://flower-company.co.jp/img/bg02.jpg) no-repeat 0px 0px; }
.mBg03 { background: url(http://flower-company.co.jp/img/bg03.jpg) no-repeat 0px 0px; }
.mBg04 { background: url(http://flower-company.co.jp/img/bg04.jpg) no-repeat 0px 0px; }
.mBg05 { background: url(http://flower-company.co.jp/img/bg05.jpg) no-repeat 0px 0px; }
.mBg06 { background: url(http://flower-company.co.jp/img/bg06.jpg) no-repeat 0px 0px; }
.mBg07 { background: url(http://flower-company.co.jp/img/bg07.jpg) no-repeat 0px 0px; }



.tBg01 {
	padding: 18px 0px 0px 0px;
	background: url(http://flower-company.co.jp/img/bg01.jpg) no-repeat 0px 0px;
	overflow: hidden;
	zoom: 1;
}


#gallery-1 img {
	border: 1px solid #ffc0cb !important;
	padding:4px;
}








element.style {
    background-color: none;
    color: #522504;
}

div.whatsnew {
    border: none;
    font-size: 100%;
    margin: 10px 0;
    overflow: hidden;
    word-break: break-all;
}

div.wn-head {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
	background: url(http://flower-company.co.jp/img/top_h203.png) no-repeat 0px 0px;
	border:none;
    box-shadow: none;
    margin: 0 0 15px;
    padding:0;
    overflow: hidden;
	text-indent:-9999px;
	width:665px;
	height:38px;
}

div.wn-head .wn-postlist {
    background: url("./image/list.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    cursor: pointer;
    float: right;
    font-size: 90%;
    font-weight: normal;
	padding-top:3px;
    padding-left: 1.3em;
    text-align: right;
}


div.wn-item {
    border: 0 none;
    margin: 8px 0;
    overflow: hidden;
	border-bottom: 1px dotted #AFAFAF;
	background-repeat:repeat-x;
    padding: 0 0 3px;
}


.site-content article {
	border-bottom: none;
	padding-bottom: 0;
}

.gallery-thumbnail img:hover {
	background-color: #ffa500;
}

.ngg-gallery-thumbnail span {
	width:155px;
	height:24px;
	overflow:hidden;
	word-spacing:normal;
}




/******************************************************************
 * 	トップページ
 *****************************************************************/

.aisatsu {
	font-size:15px;
	line-height:1.4;
	margin-bottom:25px;
}
.aisatsu span {
	display:block;
	padding-top:5px;
}

.goaisatsu {
	background:url(http://flower-company.co.jp/img/bg_goaisatsu_.jpg) no-repeat top left;
	color:#e95464;
	font-size:15px;
	line-height:1.4;
	min-height:120px;
	padding:10px 0 5px 128px;
	margin-bottom:25px;
}
 
.point1,.point2,.point3,.point4,.point5 {
	font-weight:bold;
	font-size:16px;
	color:#4d2a0a;
	padding:15px 0 22px 66px;
	line-height:1.2;
	display: table-cell;
	vertical-align: middle;
}
.point1 {
	background: url(http://flower-company.co.jp/img/bra_point1.png) no-repeat;
}
.point2 {
	background: url(http://flower-company.co.jp/img/bra_point2.png) no-repeat;
}
.point3 {
	background: url(http://flower-company.co.jp/img/bra_point3.png) no-repeat;
}
.point4 {
	background: url(http://flower-company.co.jp/img/bra_point4.png) no-repeat;
}
.point5 {
	background: url(http://flower-company.co.jp/img/bra_point5.png) no-repeat;
}


.pointIMG-2 {
	float: right;
	height:auto;
	margin-bottom:25px;
	width:30%;
}
.pointTEXT-2 {
	float: left;
	line-height:1.7;
	height:auto;
	margin-bottom:25px;
	width:67%;
}

@media only screen and (max-width: 450px) {

.pointIMG-2 {
	float: none;
	text-align:center;
	height:auto;
	margin-bottom:10px;
	width:100%;
}
.pointTEXT-2 {
	float: none;
	line-height:1.7;
	height:auto;
	margin-bottom:25px;
	width:100%;
}

}


.RIYU {
	margin-bottom:25px;
}

.riyuL {
	float:left;
	width:38%;
	max-width:200px;
	margin-right:8px;
	margin-bottom:5px;
}

.riyuL img {
	width:100%;
}

.riyuR {
	float:left;
	width:60%;
	padding-left:10px;
}


#contentMenu {
	margin:0 auto 30px;
	width:300px;
}

.contentMenu {
	margin-top:30px;
	margin-bottom:20px;
}
.contentMenu li {
	margin-bottom:5px;
}
.contentMenu .cmL {
	float:left;
	width:145px;
}
.contentMenu .cmR {
	float:right;
	width:145px;
}


#contentMenu2 {
	margin:0 auto 30px;
	width:100%;
}
.contentMenu2 {
	width:100%;
	margin-bottom:20px;
}
.contentMenu2 li {
	float:left;
	border:#ccc 1px solid;
	margin-bottom:5px;
}
.contentMenu2 li a {
	text-decoration:none;
	color:#000;
}
.contentMenu2 li.cmL {
	float:left;
	width:48%;
	height:50px;
}
.contentMenu2 li.cmR {
	float:right;
	width:48%;
	height:50px;
}
.contentMenu2 li.cmL div,.contentMenu2 li.cmR div {
	width:100%;
	height:50px;
	margin:10px 0 0 44px;
	font-size:12px;
	line-height:1.2;
}
.contentMenu2 li.cmLR {
	width:100%;
	height:60px;
}
.contentMenu2 li.cmLR div {
	width:100%;
	height:60px;
	margin:13px 0 0 10px;
	font-size:14px;
	line-height:1.2;
}
.contentMenu2 li.cmLR2 {
	width:100%;
	height:68px;
}
.contentMenu2 li.cmLR2 div {
	margin:13px 0 0 76px;
	font-size:14px;
	line-height:1.2;
}
.contentMenu2 .cm01 {
	background:url(img/bg_sp-cm1-01.jpg) left no-repeat;
}
.contentMenu2 .cm02 {
	background:url(img/bg_sp-cm1-02.jpg) left no-repeat;
}
.contentMenu2 .cm03 {
	background:url(img/bg_sp-cm1-03.jpg) left no-repeat;
}
.contentMenu2 .cm04 {
	background:url(img/bg_sp-cm1-04.jpg) left no-repeat;
}
.contentMenu2 .cm2-01 {
	background:url(img/bg_sp-cm2-01.jpg) right no-repeat;
}
.contentMenu2 .cm2-02 {
	background:url(img/bg_sp-cm2-02.jpg) right no-repeat;
}
.contentMenu2 .cm2-03 {
	background:url(img/bg_sp-cm2-03.jpg) right no-repeat;
}
.contentMenu2 .cm2-04 {
	background:url(img/bg_sp-cm2-04.jpg) right no-repeat;
}


.contentMenu3 {
	width:100%;
	margin-bottom:20px;
	background-color: #FFF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f0f0ef));
    background-image: -webkit-linear-gradient(#FFF, #f0f0ef);
    background-image: linear-gradient(#FFF, #f0f0ef);
}
.contentMenu3 li {
	border:#ccc 1px solid;
}
.contentMenu3 li a {
	text-decoration:none;
	color:#000;
}
.contentMenu3 li.cmLR {
	width:100%;
	height:62px;
}
.contentMenu3 li.cmLR div {
	margin:12px 0 0 84px;
	font-size:16px;
	line-height:1.2;
}
.contentMenu3 .cm3-01 {
	background:url(img/bg_sp-cm3-01.png) no-repeat;
	background-position:6px 50%;
}
.contentMenu3 .cm3-02 {
	background:url(img/bg_sp-cm3-02.png) no-repeat;
	background-position:6px 100%;
}
.contentMenu3 .cm3-03 {
	background:url(img/bg_sp-cm3-03.png) no-repeat;
	background-position:16px 50%;
}


.btnList {
	position: relative;
	margin-bottom:5px;
}
.btnList .btn {
	position: absolute;
	top: 14px;
	right: 0px;
}
.btnList .btn a {
	display: block;
	font-size: 9px;
	text-decoration: none;
	background-color: #e66161;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f48989), to(#e66161));
	background-image: -webkit-linear-gradient(#f48989, #e66161);
	background-image: linear-gradient(#f48989, #e66161);
	color:#FFF;
	width: 85px;
	padding: 5px 1px;
	margin-right: 6px;
	margin-bottom: 10px;
	border:1px solid #e66161;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
	float: right;
	text-align: center;
}

.entryBtn {
	margin:0 auto;
	text-align:center;
	width:295px;
}
.entryBtn ul {
	display: block;
	margin-right:-5px;
}
.entryBtn ul li {
	float: left;
	width: 145px;
	display: inline;
	margin-right:5px;
}
.entryBtn ul li a {
	display: block;
	font-size: 15px;
	text-align: center;
	font-weight:bold;
	text-decoration: none;
	background-color: #e66161;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f48989), to(#e66161));
	background-image: -webkit-linear-gradient(#f48989, #e66161);
	background-image: linear-gradient(#f48989, #e66161);
	color:#FFF;
	margin-bottom: 5px;
	padding: 10px 0;
    border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */ 
}
.entryBtn ul li a:hover{
	background-color: #ffa500;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffbd44), to(#ffa500));
	background-image: -webkit-linear-gradient(#ffbd44, #ffa500);
	background-image: linear-gradient(#ffbd44, #ffa500);
}


@media only screen and (max-width: 350px) {

.entryBtn {
	width:150px;
}

}

.entryBtn-2 {
	margin:10px auto 15px;
	text-align:center;
	width:250px;
}
.entryBtn-2 ul {
	display: block;
	margin-right:-5px;
}
.entryBtn-2 ul li {
	float: left;
	width:250px;
	display: inline;
	margin-right:5px;
}
.entryBtn-2 ul li a {
	display: block;
	font-size: 15px;
	text-align: center;
	font-weight:bold;
	text-decoration: none;
	background-color: #f997b2;
	color:#FFF;
	margin-bottom: 5px;
	padding: 10px 0;
	border:#f997b2 solid 1px;
    border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */ 
}
.entryBtn-2 ul li a:visited{
	color:#FFF;
}
.entryBtn-2 ul li a:hover{
	background-color: #ffa500;
	color:#FFF;
}

.entryBtn-3 {
	margin:10px auto 50px;
	text-align:center;
	width:250px;
}
.entryBtn-3 ul {
	display: block;
	margin-right:-5px;
}
.entryBtn-3 ul li {
	float: left;
	width:250px;
	display: inline;
	margin-right:5px;
}
.entryBtn-3 ul li a {
	display: block;
	font-size: 15px;
	text-align: center;
	font-weight:bold;
	text-decoration: none;
	background-color: #f997b2;
	color:#FFF;
	margin-bottom: 5px;
	padding: 10px 0;
	border:#f997b2 solid 1px;
    border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */ 
}
.entryBtn-3 ul li a:visited{
	color:#FFF;
}
.entryBtn-3 ul li a:hover{
	background-color: #ffa500;
	color:#FFF;
}


.imgL {
	float: left;
	height:auto;
	margin-right:15px;
	margin-bottom:3px;
}
.imgR {
	float:right;
	height:auto;
	margin-left:10px;
	margin-bottom:3px;
}

.imgR2 {
	float:right;
	width:38%;
	max-width:200px;
	height:auto;
	margin-left:8px;
	margin-bottom:3px;
}

#scene {
	margin:0 auto 40px;
	width:650px;
}
#scene ul {
	margin: 0px -10px 0px 0px;
}
#scene ul li {
	float: left;
	display: inline;
	margin: 0px 10px 5px 0px;
}
#scene ul li img {
	width:100%;
}

#galleryUL {
	margin-bottom:40px;
}
#galleryUL ul {
	margin: 0px -5px 0px 0px;
}
#galleryUL ul li {
	float: left;
	width:33%;
	display: inline;
	margin: 0px 0px 5px 0px;
}

.galleryBTN {
	border:solid 3px #ffb6c1;
	margin-right:5px;
}
.galleryBTN a {
	border:solid 1px #FFF;
	display: block;
	height:160px;
	text-decoration:none;
}
.galleryBTN a:hover .galleryTitle span {
	color: #ff8598;
}
.galleryTitle {
	height: 44px;
	background: linear-gradient(to bottom, #ffd8de, #ffb6c1);
	font-size:15px;
	line-height:1.2;
}
.galleryTitle span {
	height: 44px;
	font-weight:bold;
	color:#f82e4d;
	text-align: left;
	display: table-cell;
	vertical-align: middle;
	margin:0 auto;
	padding-left:5px;
}
.galleryBTN .IMG {
	display: block;
	height:90px;
}
#gallery1 {background:url(http://flower-company.co.jp/img/bg_gallery1.jpg); background-position: left center;}
#gallery2 {background:url(http://flower-company.co.jp/img/bg_gallery2.jpg); background-position: left center;}
#gallery3 {background:url(http://flower-company.co.jp/img/bg_gallery3.jpg); background-position: left center;}
#gallery4 {background:url(http://flower-company.co.jp/img/bg_gallery4.jpg); background-position: left 100%;}
#gallery5 {background:url(http://flower-company.co.jp/img/bg_gallery5.jpg); background-position: left 40%;}
#gallery6 {background:url(http://flower-company.co.jp/img/bg_gallery6.jpg); background-position: left center;}


#gallery1,#gallery2,#gallery3,#gallery4,#gallery5,#gallery6 {
	background-size :100%;

}
	
.btnVoice {
	overflow:hidden;
	width:100%;
	height:100px;
	border:#fc8d9e solid 1px;
	margin-bottom:40px;
}
.btnVoice2 {
	overflow:hidden;
	width:100%;
	height:100px;
	border:#ffd16a solid 1px;
	margin-bottom:30px;
}
	
.priceWrap {
	margin:0 5px;
}
	
.priceExp {
	font-size:15px;
	line-height:1.4;
	margin-bottom:8px;
}


/******************************************************************
 * 	レッスンメニュー
 *****************************************************************/

.pNavi {
	margin-bottom:20px;
}
.pNavi ul {
	margin: 0px -1px 0px 0px;
	overflow: hidden;
	zoom: 1;
}
.pNavi ul li {
	float: left;
	display: inline;
	margin: 0px 1px 0px 0px;
}


.Entry1 {
	margin-bottom:40px;
	background: linear-gradient(to bottom, #FFF, #fff2f0);
	border:3px double #fee8e4;
	padding: 5px 10px;
}
.Entry1 h4 {
	font-size:16px;
	color:#4d2a0a;
	padding:10px 0 10px ;
}
.Entry1 .text {
	margin-bottom:10px;
	line-height:1.5;
}
.Entry1 .btn {
	text-align:center;
}


.entryPrice {
	margin-bottom:40px;
	padding: 5px 10px;
}
.entryPrice .btn {
	text-align:center;
}


.EntryOrder {
	margin-bottom:40px;
	background: linear-gradient(to bottom, #fffdfd, #fee8e4);
	border:1px solid #eccec9;
	padding: 5px 10px;
}
.EntryOrder h4 {
	font-size:16px;
	color:#4d2a0a;
	padding:10px 0 10px ;
}
.EntryOrder .TEL {
	float:left;
	max-width:333px;
	margin-right:10px;
}
.EntryOrder .FORM {
	float: right;
	max-width:333px;
	margin-top:-30px;
}














/******************************************************************
 *
 *  東京サイト
 *
 *****************************************************************/

#MAIN h2,#footMenu h2,.H2title {
	background:url(http://flower-company.co.jp/img/tokyo/bg_h2.png) repeat-x;
	background-position:0 100%;
	color:#50280a;
	padding-bottom:12px;
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
	text-align:left;
	line-height:1.2;
}

#MAIN h3 {
	font-size:16px;
	background:url(http://flower-company.co.jp/img/tokyo/bg_h3.png) no-repeat;
	padding: 5px 0 8px 38px;
	margin-bottom:5px;
	line-height:1.2;
	font-weight:bold;
}

#MAIN h3 span {
	color:#fa8c00;
}

/*ヘッダーレイアウト*/

#headerTokyo {
	height:24px;
    margin: 0 auto;
	text-align:center;
	background:#50280a;
}

#headerTokyo .inner {
	position: relative;
	height:24px;
	width:950px;
    margin: 0 auto;
}

#headerTokyo .inner h1 {
	position: absolute;
	line-height:normal;
	top: 3px;
	left: 4px;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
}

#headerTokyo .inner a {
	color:#000;
}

#headerTokyo .inner ul {
	position: absolute;
	top: 4px;
	right: 2px;
	display:block;
}

#headerTokyo .inner ul li {
	list-style-image:none;
	width:100px;
	color:#FFF;
	padding-left:12px;
	text-align:left;
	background: url(http://flower-company.co.jp/img/bg_triangle.png) no-repeat left top;
	background-position:0 50%;
}

#headerTokyo .inner ul li a {
	color:#FFF;
	font-size:12px;
	text-decoration:none;
}

#headerLogoTokyo {
	height:300px;
	display:block;
    margin: 0 auto;
	text-align:center;
	background:url(http://flower-company.co.jp/img/tokyo/bg_topimg-tokyo.jpg) #fefce5 center no-repeat;
}
#headerLogoTokyo .inner {
	position:relative;
	height:300px;
	width:950px;
	display:block;
    margin: 0 auto;
}
#headTitleTokyo {
	position:absolute;
	left:25px;
	top:30px;
}
#headNo1Tokyo {
	position:absolute;
	left:73px;
	bottom:75px;
}
#headTelTokyo {
	position:absolute;
	top:16px;
	right:10px;
}
#LOGOTokyo {
	position:absolute;
	right:10px;
	bottom:4px;
}
#headAccessTokyo {
	position:absolute;
	left:73px;
	bottom:75px;
}

/*ヘッダーレイアウト（リニューアル）*/

#headerTokyo-new {
	height:24px;
    margin: 0 auto;
	text-align:center;
	background:#50280a;
}

#headerTokyo-new .inner {
	position: relative;
	height:24px;
	width:950px;
    margin: 0 auto;
}

#headerTokyo-new .inner h1 {
	position: absolute;
	line-height:normal;
	top: 3px;
	left: 4px;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
}

#headerTokyo-new .inner ul {
	position: absolute;
	top: 4px;
	right: 2px;
	display:block;
}

#headerTokyo-new .inner ul li {
	list-style-image:none;
	width:100px;
	color:#FFF;
	padding-left:12px;
	text-align:left;
	background: url(http://flower-company.co.jp/img/bg_triangle.png) no-repeat left top;
	background-position:0 50%;
}

#headerTokyo-new .inner ul li a {
	color:#FFF;
	font-size:12px;
	text-decoration:none;
}

#headerLogoTokyo-new {
	height:300px;
	display:block;
    margin: 0 auto;
	text-align:center;
	background:url(./img/bg_header-top.jpg) #FFF center no-repeat;
}
#headerLogoTokyo-new .inner {
	position:relative;
	height:300px;
	width:950px;
	display:block;
    margin: 0 auto;
}
#headTitleTokyo-new {
	position:absolute;
	left:25px;
	top:22px;
}
#headTelTokyo-new {
	position:absolute;
	top:16px;
	right:10px;
}
#headLogoTokyo-new {
	position:absolute;
	right:10px;
	bottom:4px;
}
#headAccessTokyo-new {
	position:absolute;
	left:73px;
	top:98px;
}
#headCopyTokyo-new {
	position:absolute;
	left:73px;
	bottom:8px;
}




/*トップページ*/

#headerLogoTokyo-top {
	height:350px;
	display:block;
    margin: 0 auto;
	text-align:center;
	background:url(img/ribbon/header-ribbon-pc.jpg) center no-repeat;
}
#headerLogoTokyo-top .inner {
	position:relative;
	height:350px;
	width:950px;
	display:block;
    margin: 0 auto;
}
#headTitle-top {
	position:absolute;
	left:10px;
	top:20px;
}
#headAccess-top {
	position:absolute;
	right:0px;
	bottom:5px;
}
#headCc-top {
	position:absolute;
	left:0px;
	top:288px;
}
#headTel-top {
	position:absolute;
	bottom:12px;
	right:-90px;
}
#LOGO-top {
	position:absolute;
	right:376px;
	bottom:0px;
}
#headNo1-top {
	position:absolute;
	left:86px;
	top:100px;
}




/*ヘッダーメニュー*/

#toggle2{
	display: block;
	position: relative;
	width: 35%;
}
#toggle2 a{
	display: block;
	position: relative;
}
#toggle2 a:before{
	margin-top: -6px;
}
#toggle2 a:after{
	margin-top: 2px;
}


#hMenu{
	width: 100%;
	margin: 0 auto;
}
#hMenu li{
	display: block;
	float: left;
	width: 25%;
	background-color: #f996b2;
}
#hMenu li a,#hMenu li span{
	display: block;
	height:65px;
	font-size:15px;
	font-weight:bold;
	background:url(../img/bg_menu.png) no-repeat;
	background-position:1px 1px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	border-right:#fbdfe9 1px solid;
	border-bottom:#fbdfe9 1px solid;
	color: #442810;
	text-align: center;
	text-decoration: none;
}
#hMenu li a img,#hMenu li span img{
	margin-top:8px;
}
#hMenu li.displayMenu {
	display:none;
}
#hMenu li a:hover,#hMenu li span:hover{
	text-decoration: none;
}


#menu2{
	position:absolute;
	display: none;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
#menu2 li{
	display: block;
	border-bottom:#fbdfe9 1px solid;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
#menu2 li a{
	display: block;
	padding: 15px 0 15px;
	font-size:16px;
	background-color: #E7B4C5;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}
#menu2 li a:hover{
	background-color: #fbdfe9;
}


#Topimg2 {
	clear: both;
	width: 100%;
	height:auto;
	margin: 0 auto 0 auto;
}
#Topimg2 img,.spimg img {
	width: 100%;
	height:auto;
}
#Topimg2 .head {
    width: 100%;
    height: 75px;
	background: url(./img/re/sp-top-tougou-01_02.png) no-repeat #cea962;
	background-size:100% auto;
	background-position:0 100%;
    margin-bottom: 5px;
    padding: 12px 0;
    line-height: 1.4;
    color: #FFFFFF;
    text-align: center;
	font-size:18px;
	letter-spacing:1px;
}
#Topimg2 .head a {
	text-decoration:none;
    color: #FFFFFF;
}


/*グローバルメニューPC */

#gNavi2 {
background: url(http://flower-company.co.jp/img/bg_gnavi.png) repeat-x 0px 0px;
}
body#index #gNavi2 {
width: 100%;
position: absolute;
bottom: 0px;
}
#gNavi2 ul {
width: 950px;
margin: 0px auto;
overflow: hidden;
zoom: 1;
}
#gNavi2 ul li {
float: left;
display: inline;
}
#gNavi2 ul li a {
display: block;
width: 113px;
height:54px;
text-indent: -99999px;
}

#gNavi2 ul li.gNavi001 a {
width: 113px;
background: url(img/ribbon/g-navi-nr.png) no-repeat 0px 0px;
}
#gNavi2 ul li.gNavi001 a.this,
#gNavi2 ul li.gNavi001 a:hover {
background: url(img/ribbon/g-navi-nr.png) no-repeat 0px -54px;
}
#gNavi2 ul li.gNavi002 a {
width: 152px;
background: url(img/ribbon/g-navi-nr.png) no-repeat -113px 0px;
}
#gNavi2 ul li.gNavi002 a.this,
#gNavi2 ul li.gNavi002 a:hover {
background: url(img/ribbon/g-navi-nr.png) no-repeat -113px -54px;
}
#gNavi2 ul li.gNavi003 a {
width: 99px;
background: url(img/ribbon/g-navi-nr.png) no-repeat -265px 0px;
}
#gNavi2 ul li.gNavi003 a.this,
#gNavi2 ul li.gNavi003 a:hover {
background: url(img/ribbon/g-navi-nr.png) no-repeat -265px -54px;
}
#gNavi2 ul li.gNavi004 a {
width: 94px;
background: url(img/ribbon/g-navi-nr.png) no-repeat -363px 0px;
}
#gNavi2 ul li.gNavi004 a.this,
#gNavi2 ul li.gNavi004 a:hover {
background: url(img/ribbon/g-navi-nr.png) no-repeat -363px -54px;
}
#gNavi2 ul li.gNavi005 a {
width: 94px;
background: url(img/ribbon/g-navi-nr.png) no-repeat -457px 0px;
}
#gNavi2 ul li.gNavi005 a.this,
#gNavi2 ul li.gNavi005 a:hover {
background: url(img/ribbon/g-navi-nr.png) no-repeat -457px -54px;
}
#gNavi2 ul li.gNavi006 a {
width: 108px;
background: url(img/ribbon/g-navi-nr.png) no-repeat -552px 0px;
}
#gNavi2 ul li.gNavi006 a.this,
#gNavi2 ul li.gNavi006 a:hover {
background: url(img/ribbon/g-navi-nr.png) no-repeat -552px -54px;
}
#gNavi2 ul li.gNavi007 a {
width: 94px;
background: url(img/ribbon/g-navi-nr.png) no-repeat -660px 0px;
}
#gNavi2 ul li.gNavi007 a.this,
#gNavi2 ul li.gNavi007 a:hover {
background: url(img/ribbon/g-navi-nr.png) no-repeat -660px -54px;
}
#gNavi2 ul li.gNavi008 a {
width: 94px;
background: url(img/ribbon/g-navi-nr.png) no-repeat -753px 0px;
}
#gNavi2 ul li.gNavi008 a.this,
#gNavi2 ul li.gNavi008 a:hover {
background: url(img/ribbon/g-navi-nr.png) no-repeat -753px -54px;
}
#gNavi2 ul li.gNavi009 a {
width: 102px;
background: url(img/ribbon/g-navi-nr.png) no-repeat -847px 0px;
}
#gNavi2 ul li.gNavi009 a.this,
#gNavi2 ul li.gNavi009 a:hover {
background: url(img/ribbon/g-navi-nr.png) no-repeat -847px -54px;
}


/*グローバルメニューPC（ブライダルサイト）*/

#gNavi-wedding {
background: url(http://flower-company.co.jp/img/bg_gnavi.png) repeat-x 0px 0px;
}
body#index #gNavi-wedding {
width: 100%;
position: absolute;
bottom: 0px;
}
#gNavi-wedding ul {
width: 950px;
margin: 0px auto;
overflow: hidden;
zoom: 1;
}
#gNavi-wedding ul li {
float: left;
display: inline;
}
#gNavi-wedding ul li a {
display: block;
width: 113px;
height:54px;
text-indent: -99999px;
}

#gNavi-wedding ul li.gNavi001 a {
width: 113px;
background: url(img/re/gnavi-wedding.jpg) no-repeat 0px 0px;
}
#gNavi-wedding ul li.gNavi001 a.this,
#gNavi-wedding ul li.gNavi001 a:hover {
background: url(img/re/gnavi-wedding.jpg) no-repeat 0px -54px;
}
#gNavi-wedding ul li.gNavi002 a {
width: 152px;
background: url(img/re/gnavi-wedding.jpg) no-repeat -113px 0px;
}
#gNavi-wedding ul li.gNavi002 a.this,
#gNavi-wedding ul li.gNavi002 a:hover {
background: url(img/re/gnavi-wedding.jpg) no-repeat -113px -54px;
}
#gNavi-wedding ul li.gNavi003 a {
width: 99px;
background: url(img/re/gnavi-wedding.jpg) no-repeat -265px 0px;
}
#gNavi-wedding ul li.gNavi003 a.this,
#gNavi-wedding ul li.gNavi003 a:hover {
background: url(img/re/gnavi-wedding.jpg) no-repeat -265px -54px;
}
#gNavi-wedding ul li.gNavi004 a {
width: 94px;
background: url(img/re/gnavi-wedding.jpg) no-repeat -363px 0px;
}
#gNavi-wedding ul li.gNavi004 a.this,
#gNavi-wedding ul li.gNavi004 a:hover {
background: url(img/re/gnavi-wedding.jpg) no-repeat -363px -54px;
}
#gNavi-wedding ul li.gNavi005 a {
width: 94px;
background: url(img/re/gnavi-wedding.jpg) no-repeat -457px 0px;
}
#gNavi-wedding ul li.gNavi005 a.this,
#gNavi-wedding ul li.gNavi005 a:hover {
background: url(img/re/gnavi-wedding.jpg) no-repeat -457px -54px;
}
#gNavi-wedding ul li.gNavi006 a {
width: 108px;
background: url(img/re/gnavi-wedding.jpg) no-repeat -552px 0px;
}
#gNavi-wedding ul li.gNavi006 a.this,
#gNavi-wedding ul li.gNavi006 a:hover {
background: url(img/re/gnavi-wedding.jpg) no-repeat -552px -54px;
}
#gNavi-wedding ul li.gNavi007 a {
width: 94px;
background: url(img/re/gnavi-wedding.jpg) no-repeat -660px 0px;
}
#gNavi-wedding ul li.gNavi007 a.this,
#gNavi-wedding ul li.gNavi007 a:hover {
background: url(img/re/gnavi-wedding.jpg) no-repeat -660px -54px;
}
#gNavi-wedding ul li.gNavi008 a {
width: 94px;
background: url(img/re/gnavi-wedding.jpg) no-repeat -753px 0px;
}
#gNavi-wedding ul li.gNavi008 a.this,
#gNavi-wedding ul li.gNavi008 a:hover {
background: url(img/re/gnavi-wedding.jpg) no-repeat -753px -54px;
}
#gNavi-wedding ul li.gNavi009 a {
width: 102px;
background: url(img/re/gnavi-wedding.jpg) no-repeat -847px 0px;
}
#gNavi-wedding ul li.gNavi009 a.this,
#gNavi-wedding ul li.gNavi009 a:hover {
background: url(img/re/gnavi-wedding.jpg) no-repeat -847px -54px;
}



/*左カラム*/

#social {
	width:245px;
	height:45px;
	margin:0 auto 20px auto;
}
#social .sL {
	float:left;
	width:117px;
}
#social .sR {
	float:right;
	width:117px;
}


/*フッター*/

#FOOTER2 {
	margin: 0px auto;
	text-align: center;
	background-color:#f2eeed;
	background-repeat:repeat-x;
}

#footerNavi {
	background-color:#50280a;
}
#footerNavi ul {
	width:950px;
	margin:0 auto;
	padding:10px 0;
}
#footerNavi ul li {
	float:left;
	color:#FFF;
}
#footerNavi ul li a {
	color:#FFF;
	text-decoration:none;
}

#footMenu {
	margin:0 auto;
	width:96%;
}


.floatL {float:left;}
.floatR {float:right;}


/*見出し*/

.btnList2 {
	position: relative;
	margin-bottom:5px;
}
.btnList2 .btn {
	position: absolute;
	top: 2px;
	right: 0px;
}
.btnList2 .btn a {
	display: block;
	font-size: 12px;
	text-decoration: none;
	background-color: #50280a;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6a3710), to(#50280a));
	background-image: -webkit-linear-gradient(#6a3710, #50280a);
	background-image: linear-gradient(#6a3710, #50280a);
	color:#FFF;
	padding: 3px 0;
	margin-right: 3px;
	border:1px solid #955d32;
	border-radius: 3px;
	float: right;
	text-align: center;
	width: 105px;
}


/*トピックス*/

.category-tokyo-topics .entry-content p,.category-tokyo-voice .entry-content p {
	font-size:15px;
}



/*ボタン*/

.EntryOrder2 {
	margin-bottom:40px;
	background-color: #fef7e5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#fef7e5));
	background-image: -webkit-linear-gradient(#FFF, #fef7e5);
	background-image: linear-gradient(#FFF, #fef7e5);
	border:1px solid #e2e2e2;
	padding: 5px 10px;
}
.EntryOrder2 h4 {
	background:url(http://flower-company.co.jp/img/tokyo/bg_h4.png) no-repeat;
	font-size:24px;
	color:#4d2a0a;
	margin-bottom:5px;
	padding:8px 0 8px 45px;
}
.EntryOrder2 .TEL {
	float:left;
	max-width:333px;
	margin-right:10px;
}
.EntryOrder2 .FORM {
	float: right;
	max-width:333px;
	margin-top:-30px;
}

.EntryOrder3 {
	margin-bottom:40px;
	background-color: #fef7e5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#fef7e5));
	background-image: -webkit-linear-gradient(#FFF, #fef7e5);
	background-image: linear-gradient(#FFF, #fef7e5);
	border:1px solid #e2e2e2;
	padding: 5px 10px;
}
.EntryOrder3 h4 {
	float:left;
	background:url(http://flower-company.co.jp/img/tokyo/bg_h4.png) no-repeat;
	font-size:24px;
	color:#4d2a0a;
	margin-top:8px;
	margin-bottom:5px;
	padding:8px 0 8px 45px;
}
.EntryOrder3 .FORM {
	float: right;
	max-width:240px;
	margin-top:5px;
}


/*レッスンメニュー*/

.EntryLessonBtn {
	margin:0 auto 40px;
	text-align:center;
	width:650px;
}
.EntryLessonBtn ul {
	display: block;
	margin-left:-10px;
}
.EntryLessonBtn ul li {
	float: left;
	display: inline;
	margin-left:10px;
	margin-bottom:10px;
	height:52px;
}
.EntryLessonBtn ul li a {
	display: block;
	font-size: 15px;
	font-weight:bold;
	line-height:1.2;
	width: 155px;
	height:52px;
	margin-bottom: 5px;
    display: table-cell;
    vertical-align: middle;
	text-align: center;
	text-decoration: none;
	background-color: #f8a000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffbd44), to(#f8a000));
	background-image: -webkit-linear-gradient(#ffbd44, #f8a000);
	background-image: linear-gradient(#ffbd44, #f8a000);
    -webkit-box-shadow: 1px 2px 3px #ccc;
    box-shadow: 1px 2px 3px #ccc;
	color:#FFF;
    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */ 
}
.EntryLessonBtn ul li a:hover{
	background-color: #ffa500;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc863), to(#ffa500));
	background-image: -webkit-linear-gradient(#ffc863, #ffa500);
	background-image: linear-gradient(#ffc863, #ffa500);
}


.EntryLesson {
	margin-bottom:40px;
	background-color: #fef7e5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#fef7e5));
	background-image: -webkit-linear-gradient(#FFF, #fef7e5);
	background-image: linear-gradient(#FFF, #fef7e5);
	border:1px solid #e2e2e2;
	padding: 5px 15px 5px 10px;
}
.EntryLesson h4 {
	background:url(http://flower-company.co.jp/img/tokyo/bg_h4.png) no-repeat;
	font-size:18px;
	color:#4d2a0a;
	line-height:1.2;
	margin-bottom:5px;
	padding:12px 0 10px 45px;
	margin-bottom:10x;
}
.EntryLesson .text {
	margin-bottom:10px;
	line-height:1.5;
}
.EntryLesson .btn {
	text-align:center;
}

.EntryLesson2 {
	background: url(http://flower-company.co.jp/img/tokyo/bg_entrylesson2.png) repeat;
	padding: 10px 15px;
	margin-bottom:30px;
}
.EntryLesson2 h4 {
	font-size:18px;
	color:#4d2a0a;
	line-height:1.5;
	margin-bottom:3px;
}
.EntryLesson2 .text {
	margin-bottom:5px;
	line-height:1.5;
}

/*プロフィール*/

.photoR {
	float:right;
	width:300px;
	height:auto;
}
.photoR img {
	width:100%;
	height:auto;
}

.textL {
	float:left;
	width:350px;
}

/*アクセス*/

div.MAP {
	margin:0 0 15px;
}
.MAP iframe {
	width:100%;
	max-width:100%;
}


/*ディプロマ詳細*/

.galleryDiploma {
	margin-bottom:20px;
	margin-left:0;
}
.galleryDiploma li {
	width:33%;
	float:left;
	margin:0;
}
.galleryDiploma li img {
	width:90%;
}
.galleryDiploma li p {
	width:90%;
	height:35px;
	font-size:13px;
	line-height:1.2 !important;
}

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

.diploma_bg {
    background: url(<?php bloginfo('template_url'); ?>/img/bg11.jpg) no-repeat right top;
    height: 348px;
}

@media only screen and (max-width: 450px) {

.galleryDiploma li {
	width:33%;
}
.galleryDiploma li p {
	font-size:12px !important;
	line-height:1.3 !important;
}

}


@media only screen and (max-width: 680px) {

.EntryLessonBtn {
	width:100%;
}

.btnContact .TEL {
	float: none;
	max-width: none;
	text-align:center;
}
.btnContact .FORM {
	float: none;
	max-width: none;
	text-align:center;
	margin-top:5px;
}

.EntryOrder .TEL,.EntryOrder2 .TEL {
	float: none;
	max-width: none;
	text-align:center;
	margin-right:0px;
}
.EntryOrder .FORM,.EntryOrder2 .FORM,.EntryOrder3 .FORM {
	float: none;
	max-width: none;
	text-align:center;
	margin-top:10px;
	margin-bottom:5px;
}

/*プロフィール*/

.photoR {
	float: none;
}
.textL {
	float: none;
	width:100%;
}

}

@media only screen and (max-width: 450px) {

.EntryOrder .TEL img,.EntryOrder2 .TEL img {
	width:100%;
}

}

.Entry2 {
	margin-bottom:40px;
	background: url(http://flower-company.co.jp/img/bg_entry2.jpg) repeat;
	border:1px solid #e2e2e2;
	padding: 8px 10px;
}
.Entry2 h4 {
	font-size:18px;
	color:#4d2a0a;
	line-height:1.2;
	margin-bottom:3px;
}
.Entry2 .text {
	margin-bottom:5px;
}

.star li {
	background:url(http://flower-company.co.jp/img/bg_star.png) no-repeat;
	background-position:0 4px;
	padding:0 0 0 15px;
	margin-bottom:10px;
}


.fukidashi {
	max-width:300px;
	width:100%;
	margin-bottom:10px;
}
.fukidashi li.top {
	display:block;
	width:100%;	
	background-color:#ff6a6a;
	border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
	padding:10px;
	font-size:small;
	line-height:1.6;
	color:#FFF;
}
.fukidashi li.bottom {
	display:block;
	width:100%;
	background:url(http://flower-company.co.jp/img/bg_fukidashi.png) no-repeat;
	background-position:50px 0%;
	height:18px;
}



.fukidashiC1 {
	width:100%;
	background: url(http://flower-company.co.jp/img/bg_frame-1.png) no-repeat top left;
	background-color:#fffafb;
	margin-bottom:20px;
}
.fukidashiC2 {
	background: url(http://flower-company.co.jp/img/bg_frame-2.png) no-repeat top right;
}
.fukidashiC3 {
	background: url(http://flower-company.co.jp/img/bg_frame-3.png) no-repeat bottom left;
}
.fukidashiC4 {
	background: url(http://flower-company.co.jp/img/bg_frame-4.png) no-repeat bottom right;
}
.fukidashiC5 {
	border:#ffb6c1 double 3px;
}
.fukidashiC5 span {
	display:block;
	color:#e16477;
	font-size:13px;
	line-height:1.5;
	padding:22px 15px 22px 30px;
}


/******************************************************************
 * 	ブライダル
 *****************************************************************/
 
.step1,.step2,.step3,.step4,.step5,.step6 {
	font-weight:bold;
	font-size:18px;
	color:#4d2a0a;
	padding:14px 0 15px 62px;
	margin-bottom:10px;
	line-height:1.2;
}
.step1 {
	background: url(img/bra_step1.png) no-repeat;
}
.step2 {
	background: url(img/bra_step2.png) no-repeat;
}
.step3 {
	background: url(img/bra_step3.png) no-repeat;
}
.step4 {
	background: url(img/bra_step4.png) no-repeat;
}
.step5 {
	background: url(img/bra_step5.png) no-repeat;
}
.step6 {
	background: url(img/bra_step6.png) no-repeat;
}



/******************************************************************
 * 	ブログ
 *****************************************************************/

#BLOG {
}
#BLOG h2 {
	font-size:20px;
	margin-bottom:15px;
}
#BLOG h2 a {
	text-decoration:none;
}
#BLOG .kiji {
	display:block;
	margin:30px 0 40px;
}
#BLOG p {
	font-size:16px;
	line-height:1.5;
	margin-bottom:10px;
}


#BLOG {
}
#MAIN #BLOG h2 {
	font-size:20px;
	margin-bottom:5px;
	line-height:1.3;
	background:none;
}
#MAIN #BLOG h2 a {
	text-decoration:none;
}
#MAIN #BLOG .kiji {
	display:block;
	margin:30px 0 40px;
}
#MAIN #BLOG p {
	font-size:16px;
	line-height:1.5;
	margin-bottom:10px;
}


/******************************************************************
 * 	よくある質問
 *****************************************************************/

#VOICE {
	margin-bottom:60px;
}



dl.FAQ {
	margin:0;
}
dl.FAQ dt {
	background-image: url(http://flower-company.co.jp/img/faq_q.png);
	background-position:0 0;
	background-repeat: no-repeat;
	margin-left:0;
	padding-top: 0;
	padding-bottom: 6px;
	margin-bottom:8px;
	padding-left: 30px;
	color:#f1507a;
	font-size:17px;
	border-bottom:#555 1px dotted;
	line-height:1.6;
}
dl.FAQ dd {
	background-repeat: repeat-x;
	margin-left:0;
	margin-bottom: 10px;
	padding-bottom: 5px;
	line-height:1.6;
}
dl.FAQ dd div {
	background-image: url(http://flower-company.co.jp/img/faq_a.png);
	background-repeat: no-repeat;
	padding-bottom: 15px;
	padding-left: 30px;
	padding-top: 3px;
}



/******************************************************************
 * 	お問い合わせ
 *****************************************************************/

.contactArea {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
	clear: both;
}
.contactArea ul {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #70A3A2;
	margin-bottom:20px;
}
.contactArea li {
	width:auto;
	padding-top: 10px;
	padding-bottom: 15px;
	line-height:1.5;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #70A3A2;
}
.contactArea .title {
	width: auto;
	font-weight:bold;
	color:#50280a;
	padding-right:5px;
}
.contactArea .text {
	width: auto;
}
.contactArea .submit_area {
	text-align: center;
	padding-top: 30px;
	clear: both;
}
.submit_area .btn_submit {
	font-size: 16px;
	font-size: 1.6rem;
	padding: 6px;
}
.submit_area .btn_back {
	font-size: 16px;
	font-size: 1.6rem;
	padding: 6px;
	margin-right: 10px;
}
.contactArea .send_end {
	font-size: 18px;
	font-size: 1.8rem;
	color: #333;
	text-align: center;
	line-height: 28px;
}
.contactArea .name, .contactArea .kana, .contactArea .mail, .contactArea .name2 , .contactArea .zip, .contactArea .address, .contactArea .tel{
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	padding: 4px;
	width: 95%;
}
.contactArea .message {
	padding: 4px;
	width: 95%;
	height: 200px;
	font-size: 16px;
	color: #333;
	float: left;
	clear: both;
}
.contactArea .etc {
	padding: 4px;
	width: 95%;
	height: 80px;
	font-size: 16px;
	color: #333;
	float: left;
	clear: both;
}
.contactArea label {
	margin-bottom: 10px;
	clear: both;
	float: left;
}
.contactArea p {
	width: 100%;
	clear: both;
	float: left;
	margin-top: 20px;
	margin-bottom: 10px;
}
.contactArea .date {
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	padding: 4px;
	width: 100%;
}
.contactArea select {
	font-size: 16px;
	font-size: 1.6rem;
}

.hissu {
	color:#FF958B;
	font-weight:bold;
}



/******************************************************************
 * 	感想フォーム
 *****************************************************************/

.kanso-form {
	background-color:#f2eeed;
	border-radius:10px;
	margin-bottom:30px;
	padding:40px 0 20px;
}

.kanso-form .form-01 span input, .kanso-form .form-01 span textarea {
    background-color: #f2eeed;
    color: #251a16;
}

.form-title {
	width:80%;
	margin:0 auto 25px;
	padding:0 0 10px;
	border-bottom:1px solid #251a16;
	letter-spacing: 2px;
	line-height:1.2;
}

.form-01 {
	width:80%;
	margin:0 auto 25px;
}

.form-02 {
	width:80%;
	margin:0 auto;
}

.form-01 span {
	color:#888;
}

.kanso-form .form-01 span input, .kanso-form .form-01 span textarea {
  color:#333;
  font-weight:500;
  font-size: 14px;
  letter-spacing: 1px;
  border-radius: 5px;
  line-height: 22px;
  border:2px solid #251a16;
  transition: all 0.3s;
  padding: 13px;
  width:100%;
  box-sizing: border-box;
  outline:0;
}

.kanso-form .form-01 span input:focus, .kanso-form .form-01 span textarea:focus { border:2px solid #e95464; }

.soushin-btn {
  width: 80%;
	margin:0 auto;
}

.form-01 span select {
  background:#f2eeed;
  border-radius:5px;
  border-color:#251a16;
  color:#251a16;
  font-size:14px;
  letter-spacing: 1px;
  padding:5px;
}

.soushin-btn [type="submit"] {
  width: 100%;
  background:#251a16;
  border-radius:5px;
  border:0;
  cursor:pointer;
  color:#FFF;
  font-size:16px;
  font-weight:800;
  letter-spacing: 3px;
  padding-top:10px;
  padding-bottom:10px;
  transition: all 0.3s;
  margin-top:-4px;
}

.soushin-btn [type="submit"]:hover { background:#e95464; color:#FFF;}


.kanso-form ::placeholder {
  color: #7f7877;
}
/* 旧Edge対応 */
.kanso-form ::-ms-input-placeholder {
  color: #7f7877;
}
/* IE対応 */
.kanso-form :-ms-input-placeholder {
  color: #7f7877;
}




/*メインカラム*/

#MAIN {
	font-family:Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	margin-top:20px;
}

.btnList h2 {
	background:url(http://flower-company.co.jp/img/bg_h2.png) repeat-x;
	background-position:0 100%;
	color:#4d2a0a;
	padding-bottom:12px;
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px;
	text-align:left;
	line-height:1.2;
}

#MAIN .wH2,.wH2 {
	border:#d4dcd3 1px solid;
	margin-bottom:15px;
	width:100%;
}
#MAIN .wH2 h2,.wH2 h2 {
	display:block;
	font-size: 17px;
	line-height:1.2;
	margin: 2px;
	padding:12px 0 12px 14px;
	background: url(http://flower-company.co.jp/img/bg_h2.png) repeat-x top left;
	font-weight:bold;
	text-align: left;
}

#MAIN .H3A h3 {
	font-size:16px;
	background:url(http://flower-company.co.jp/img/bg_h3.png) no-repeat;
	padding: 6px 0 8px 38px;
	margin-bottom:5px;
	line-height:1.2;
	font-weight:bold;
}

#MAIN .H3B,.H3B {
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
    border: 1px solid #ffd0c9;  
	background-color:#fff2f0;
	margin-bottom:10px;
}

#MAIN .H3B h3,.H3B h3 {
	display:block;
	font-size:17px;
	background:url(http://flower-company.co.jp/img/bg_h3.png) no-repeat;
	padding: 5px 0 5px 36px;
	color:#942343;
	line-height:1.2;
	font-weight:bold;
	margin:3px;
}


#MAIN p {
	line-height:1.6;
	font-size:14px;
	margin:0 0px 20px;
}
#POINT p {
	font-size:15px;
	margin-bottom:20px;
	margin-right:5px;
	line-height:1.7;
}
.price p {
	margin-bottom:5px;
}

.hilight1 {
	color:#ff1493;
	font-weight:bold;
	font-size:15px;
}



#headerPC {
	display: block;
}
#headerSP {
	display: none;
}
.boxPC {
	display: block;
}
.boxSP {
	display: none;
}


@media screen and (max-width: 660px) {
	
body {
	width: 100%;
}
#headerTop {
	width:100%;
}
#headerPC {
	display:none;
}
#headerSP {
	display: block;
}
	.boxPC {
	display: none;
}
.boxSP {
	display: block;
}

/* コンテンツ */

img.imgSP {
	width:100%;
}

.site-content {
	float: none;
	margin:0 auto;
	width: 95%;
}
	body.template-front-page .site-content,
	body.attachment .site-content,
	body.full-width .site-content {
	width: 100%;
}
#main {
	width: 100%;
}
.widget-area {
	display:none;
}
#page {
	width: 100%;
}
footer[role="contentinfo"] {
	width: 100%;
}

#footWrap #Logo {
	float: none;
	margin:0;
	width:100%;
	text-align:center;
}

#footWrap {
	width: 100%;
}

#FOOTER #Contact,#FOOTER2 #Contact {
	display:none;
}


.category-flower-company {
	padding-left:7px;
	padding-right:7px;
}


/* ヘッダーメニュー */

#headerMenu {
	display:block;
	top:0;
	width: 100%;
	height: auto;
}

#menu{
	display: none;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
#menu li{
	display: block;
	border-bottom:#dadada 1px solid;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
#menu li a{
	display: block;
	padding: 15px 0 15px;
	font-size:13px;
	font-size: 1.3rem;
	background-color: #efefef;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#efefef));
	background-image: -webkit-linear-gradient(#FFF, #efefef);
	background-image: linear-gradient(#FFF, #efefef);
	border-left:#FFF 1px solid;
	border-right:#dadada 1px solid;
	color: #565656;
	text-align: center;
	text-decoration: none;
}
#menu li a:hover{
	background: linear-gradient(to bottom, #fbc333, #eaab06);
	background-color: #eaab06;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fbc333), to(#eaab06));
	background-image: -webkit-linear-gradient(#fbc333, #eaab06);
	background-image: linear-gradient(#fbc333, #eaab06);
}
	
#menuBar{
	background: linear-gradient(to bottom, #6a3710, #50280a);
	background-color: #50280a;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6a3710), to(#50280a));
	background-image: -webkit-linear-gradient(#6a3710, #50280a);
	background-image: linear-gradient(#6a3710, #50280a);
}

#gmR {
	display:block;
	float:right;
	width:205px;
	margin-top:5px;
}
#SPnavi {
	clear: both;
	float: right;
	width: 100%;
}
#SPnavi li a {
	font-size: 8px;
	font-size: 0.8rem;
	text-decoration: none;
	background-color: #50280a;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6a3710), to(#50280a));
	background-image: -webkit-linear-gradient(#6a3710, #50280a);
	background-image: linear-gradient(#6a3710, #50280a);
	color:#FFF;
	display: block;
	padding: 3px;
	margin-right: 6px;
	border:1px solid #884d1f;
	border-radius: 3px;
	margin-top: 5px;
	float: right;
	text-align: center;
	margin-bottom: 10px;
	width: 60px;
}

#toggle{
	display: block;
	position: relative;
	width: 35%;
}
#toggle a{
	display: block;
	position: relative;
	padding: 12px 0 10px;
	color: #fff;
	text-align: left;
	text-decoration: none;
}
#toggle a span{
	font-size:12px;
	padding-left:42px;
}
#toggle:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: #fff;
}
#toggle a:before, #toggle a:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 20px;
	height: 4px;
	background: #222;
}
#toggle a:before{
	margin-top: -6px;
}
#toggle a:after{
	margin-top: 2px;
}


#Topimg {
	clear: both;
	float: left;
	width: 100%;
	margin: 38px auto 0 auto;
}

#headerTitle {
	background:url(http://flower-company.co.jp/img/bg_header-img1.jpg) right no-repeat;
	margin:0 0 6px;
	position:relative;
}

#headerTitle img {
	width:100%;
	height:auto;
}

#LOGO {
	position:absolute;
	top:20px;
	left:10px;
}

#headerNavi h1 {
	float: left;
	height:30px;
	padding: 10px 10px 0;
}

#scene {
	width:300px;
}

#galleryUL ul li {
	width:50%;
}

.floatL {float: none;}
.floatR {float: none;}

}


@media only screen and (max-width: 460px) {

#headerTitle {
	background:url(http://flower-company.co.jp/img/bg_header-img2.jpg) right no-repeat;
	margin:0 0 6px;
	position:relative;
}

#galleryUL ul li {
	width:100%;
}

.fukidashiC1 {
	width:300px;
}

}





@media only screen and (min-width: 661px) {

body {
	width:950px;
}
#page {
	width:950px;
}
#FOOTER,#FOOTER2 {
	width:950px;
}

#headerPC {
	display: block;
}
#headerSP {
	display: none;
}
.boxPC {
	display: block;
}
.boxSP {
	display: none;
}
.site-content {
	float: left;
}
.widget-area {
	float: right;
}


#footWrap {
	width: 950px;
}

#FOOTER #Contact,#FOOTER2 #Contact {
	display: block;
}

#footWrap #Logo {
	float: left;
	margin: 18px 28px 0px 0px;
	width:364px;
}
#footWrap #Logo2 {
	float: left;
	margin: 23px 28px 0px 0px;
	width:364px;
}
#footWrap #Logo3 {
	float: left;
	margin: 18px 28px 0px 0px;
	width:562px;
}

.site-content {
	margin:0;
	width: 665px;
}

	body.template-front-page .site-content,
	body.attachment .site-content,
	body.full-width .site-content {
	width: 665px;
}

#scene {
	width:650px;
}

#galleryUL ul li {
	width:33%;
}

.floatL {float: left;}
.floatR {float: right;}

}



@media only screen and (min-width: 951px) {

body {
	width:100%;
}
#page {
	width:100%;
}
#FOOTER,#FOOTER2 {
	width:100%;
}

}




/* フッターメニュー */


@media only screen and (max-width: 680px) {

#footerMenu {
	z-index:1000;
	position: fixed;
	display: block;
	bottom:0;
	width: 100%;
}


.modal_pop{
    width: 100vw;
    height: 100vh;
    position:fixed;
    top: -30px;
    left:0;
    z-index:9997!important;
}
.bg{
    background-color: #1119;
    width: 100%;
    height: 100%;
    position:fixed;
    z-index:9998!important;
}
.popmenu{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0%);
    z-index: 9999!important;
}


/*ポップアップメニュー*/
#menu-popup{
	width: 100%;
	margin: 30px auto 0;
	padding: 0;
}
#menu-popup li{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
#menu-popup li.style1{
	width: 50%;
}
#menu-popup li.style2{
	width: 100%;
}
#menu-popup li a,#menu-popup li .LM-btn{
	display: block;
	padding: 8px 0 ;
	font-size:15px;
	background-color: #f996b2;
	border-bottom:#fbdfe9 1px solid;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}
.LM-box ul li a{
	background-color: #FFF!important;
	color: #f996b2!important;
}
#menu-popup li span{
	display: block;
	padding: 8px 0 ;
	font-size:13px;
	background-color: #f996b2;
	border-bottom:1px solid #FFFFFF;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}
#menu-popup li a:hover{
	background-color: #fbdfe9;
}

.LM-box {
	display:none;
}


ul.QA > li > p {
	cursor:pointer;
	border-top:#007bbf solid 1px;
	border-left:#007bbf solid 1px;
	border-right:#007bbf solid 1px;
	border-bottom:#007bbf solid 1px;
	margin:0;
}
ul.QA > li > p span {
    background-image:url(../img/sp/icon_qa-down.png);
	background-position:100% 50%;
	background-repeat:no-repeat;
}
ul.QA > li > p span.open {
    background-image:url(../img/sp/icon_qa-up.png);
	background-position:100% 50%;
	background-repeat:no-repeat;
}
ul.QA > li > ul > li {
    background:#e3f1f9;
	border-left:#007bbf solid 1px;
	border-right:#007bbf solid 1px;
	border-bottom:#007bbf solid 1px;
}
ul.QA > li > ul > li > p {
	margin:0;
	background:url(../img/sp/icon_a.png) no-repeat;
	background-position:9px 9px;
	float: none;
	width: auto;
}
ul.QA > li > ul > li > p > span {
	color:#333;
}
ul.QA > li > ul > li > a {
    background:;
}
ul.QA > li > ul > li > ul > li {
    background:#FFF;
    border-bottom:1px dotted #888;
}
ul.QA > li > ul > li > ul > li:last-child {
    border:none;
}





/*ポップアップメニュー*/
#menu-popup2{
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
#menu-popup2 li{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
#menu-popup2 li.style1{
	width: 50%;
}
#menu-popup2 li.style2{
	width: 100%;
}
#menu-popup2 li a{
	display: block;
	padding: 10px 0 10px;
	font-size:13px;
	background-color: #E7B4C5;
	border-bottom:#fbdfe9 1px solid;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}
#menu-popup2 li span{
	display: block;
	padding: 10px 0 10px;
	font-size:13px;
	background-color: #E7B4C5;
	color: #ffe0ea;
	text-align: center;
	text-decoration: none;
}
#menu-popup2 li a:hover{
	background-color: #fbdfe9;
}


/*メニューボタン*/

.menuBTN {
	position: absolute;
	top:8px;
	right:10px;
}

/*.popup {
    display: none;
    height: 100vh;
    width: 100%;
    background: black;
    opacity: 0.7;
    position: fixed;
    top: 0;
    left: 0;
}
 
.content{
    background: #fff;
    padding: 30px;
    width: 50%;
}

.show {
    display: flex;
    justify-content: center;
    align-items: center;
}*/

}


/******************************************************************
 *
 *  旧IE対策
 *
 *****************************************************************/

	#headerPC {
		display/*\**/: block\9;
	}
	.site-content {
	width/*\**/: 700px\9;
	}





/******************************************************************
 *
 * テキスト
 *
 *****************************************************************/

.b {font-weight: bold;}

.fSmall {font-size:small;}

.f10 {font-size: 10px;}
.f11 {font-size: 11px;}
.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.f22 {font-size: 22px;}
.f30 {font-size: 30px;}

.red {color: #FF0000;}
.green {color: #2e8b57;}
.blue {color: #0068b7;}
.orange {color: #ffa500;}
.glay {color: #565656;}
.pink {color:#fa988f;}

.mt10 {margin-top:10px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}

.indent {
	text-indent:1em;
}

.s {text-decoration:line-through}

.highlight1 {
	font-weight:bold;
	color:#ff5670;
}

.highlight2 {
	font-weight:bold;
	color:#5f9ea0;
	background-color:#FF8;
}

.normal {font-weight:normal;}


/* リンク */

.linkOver:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}








	

/*新ギャラリー*/

.galleryMR {
	margin: 0px 0px 20px 0px;
	display:block;
	overflow: hidden;
	zoom: 1;
}
.galleryMR li {
	float: left;
	list-style-type:none;
	width: 25%;
	margin: 0px auto 20px ;
}
.galleryMR li .IMG {
	margin: 0px auto 2px;
	overflow:hidden;
	vertical-align: top;
	width:99%;
	height: auto;
}
.galleryMR li .IMG img {
	width:100%;
	vertical-align: top;
	text-align:center;
}
.galleryMR li .date {
	font-size:13px;
	padding-top:5px;
}
.galleryMR li .text {
	font-size:13px;
	line-height:1.5;
	margin: 0px auto;
	padding-top:4px;
	width:90%;
	height:20px;
	overflow:hidden;
}
.galleryMR li a {
	text-decoration:none;
}

@media only screen and (max-width: 450px) {

.galleryMR li {
	width: 50%;
}

}




.galleryBtn {e: linear-gradient(#f48989, #e66161);
  color:#FFF;
  width: 150px;
  margin: 0 auto 40px;
  padding: 18px 0;
  text-align: center;
  background-color: #e66161;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f48989), to(#e66161));
  background-image: -webkit-linear-gradient(#f48989, #e66161);
  background-image: linear-gradient(#f48989, #e66161);
  border-radius:5px;
  cursor:pointer;
}


.is-hidden {
  display: none;
}




/*画像表示*/

.list-photo {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
	margin-bottom:20px;
}
.list-photo .cell {
	list-style:none;
	background:#f8f8f8;
	margin:0 2% 0%;
	padding:15px 12px;
}
.list-photo .cell .img {
	height: auto;
	text-align:center;
}
.list-photo .cell .img img{
	width: auto;
	max-width:100%;
	max-height:500px;
}
.list-photo .cell .text {
	font-size:12px;
	line-height:1.2;
}
.list-photo div.style-1 {
	width:96%;
}
.list-photo div.style-2 {
	width:46%;
}


/*画像-影*/

.img-kage {
	filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.2));
}





/******************************************************************
 *
 *  ナチュールリボン
 *
 *****************************************************************/

.ribbon-menu-section {
  padding: 20px 10px;
}

.ribbon-menu-grid {
  max-width: 650px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 20px;
  justify-items: center;
}

.ribbon-menu-item {
  width: 100%;
  max-width: 280px;
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 8px;
  display: block;
}

.ribbon-menu-contact {
  background-image: url("https://natule-ribbon.com/wp-content/themes/natule-ribbon/img/ribbon/menu_contact.jpg");
}
.ribbon-menu-schedule {
  background-image: url("https://natule-ribbon.com/wp-content/themes/natule-ribbon/img/ribbon/menu_schedule.jpg");
}
.ribbon-menu-line {
  background-image: url("https://natule-ribbon.com/wp-content/themes/natule-ribbon/img/ribbon/menu_line.jpg");
}
.ribbon-menu-profile {
  background-image: url("https://natule-ribbon.com/wp-content/themes/natule-ribbon/img/ribbon/menu_profile.jpg");
}

.ribbon-menu-netshop {
  background-image: url("https://natule-ribbon.com/wp-content/themes/natule-ribbon/img/ribbon/menu_netshop.jpg");
  grid-column: 1 / -1;
  justify-self: center;
}

/* ▼ スマホでも2列維持＋バナー最大幅160px */
@media (max-width: 768px) {

  .ribbon-menu-grid {
    max-width: 340px;
    gap: 14px;
  }

  .ribbon-menu-item {
    max-width: 160px; /* ← 要望どおりスマホは160px */
  }
}





/******************************************************************
 *
 *  フロート解除
 *
 *****************************************************************/

.clear {
	clear:both;
}

/* floatの解除 */

.clearfix:after {  
  content: ".";
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */   *
 *  フロート解除
 *
 *****************************************************************/

.clear {
	clear:both;
}

/* floatの解除 */

.clearfix:after {  
  content: ".";
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */