/*@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}*/


body {
	font-family: "Noto Sans Japanese";	
	font-weight:normal;
	font-size: 16px;
  	line-height: 1.7;
  	color: #828282;
  	background: #fff;}




/*
右横スライド用　オフキャンバス　****************************************************/
#page {
 	position: relative;
  	overflow-x: hidden;
  	-webkit-transition: 0.5s;
  	-o-transition: 0.5s;
  	transition: 0.5s;}
.offcanvas #page {
 	overflow: hidden;
  	position: absolute;}
.offcanvas #page:after {
 	-webkit-transition: 2s;
 	-o-transition: 2s;
 	transition: 2s;
 	position: absolute;
 	top: 0;
 	right: 0;
	bottom: 0;
  	left: 0;
  	z-index: 101;
 	background: rgba(0, 0, 0, 0.7);
  	content: "";}

a {
	color: #db7093;
	text-decoration: none;
  	-webkit-transition: 0.5s;
 	-o-transition: 0.5s;
  	transition: 0.5s;}

a:hover, a:active, a:focus {
  	color: #db7093;
 	outline: none;
 	text-decoration: none;}

h1, h2, h3, h4, h5, h6, figure {
  	color: #000;
 	font-family:'Noto Serif', serif;
 	font-weight: 400;
 	margin: 0 0 20px 0;}

::-webkit-selection {
  	color: #fff;
 	background: #db7093;}

::-moz-selection {
  	color: #fff;
 	background: #db7093;}

::selection {
  	color: #fff;
  	background: #db7093;}

/*
ナビゲーション　*****************************************************************/
.rose-nav {
  	position: fixed;
  	top: 0;
 	margin: 0;
 	padding: 0;
  	width: 100%;
  	padding: 5px 0 25px;
  	z-index: 1001;
 	background: transparent;
  	-webkit-transition: 0.5s;
  	-o-transition: 0.5s;
  	transition: 0.5s;}
.rose-nav #r-logo {
  	padding: 0;
  	margin: 0;
	background-image:url(../img/logo_top_white.png);
	background-repeat: no-repeat;
	width:75px;
	height: /*38px*/43px;}
.scrolled .rose-nav #r-logo {
	padding: 0;
  	margin: 0;
	background-image:url(../img/logo_top_black.png);
	background-repeat: no-repeat;
	width:75px;
	height: /*38px*/43px;}
.rose-nav #r-logo a > span {
  	color: #db7093;
	}
.rose-nav a {
  	padding: 5px 10px;
  	color: #fff;}

@media screen and (max-width: 768px) {
	.rose-nav {
	    padding: 25px 0;}
  	.rose-nav #r-logo {
   		margin-bottom: 0; }
	.rose-nav .menu-first {
    	display: none; }	}

.rose-nav ul {
  	padding: 0;
  	margin: 7px 0 0 0;
	font-family:'Noto Serif', serif;}
.rose-nav ul li {
  	padding: 0;
  	margin: 0;
  	list-style: none;
  	display: inline;}
.rose-nav ul li a {
  	font-size: 16px;
  	padding: 30px 10px;
	text-decoration: none;
  	color: rgba(255, 255, 255, 0.7);
  	-webkit-transition: 0.5s;
  	-o-transition: 0.5s;
  	transition: 0.5s;}
.rose-nav ul li a:hover, .rose-nav ul li a:focus, .rose-nav ul li a:active {
  	color: #fff;}
.rose-nav ul li.has-dropdown {
  	position: relative;}
.rose-nav ul li.has-dropdown .dropdown {
  	width: /*130px*/214px;
 	-webkit-box-shadow: 0px 8px 13px -9px rgba(0, 0, 0, 0.75);
 	-moz-box-shadow: 0px 8px 13px -9px rgba(0, 0, 0, 0.75);
  	box-shadow: 0px 8px 13px -9px rgba(0, 0, 0, 0.75);
  	z-index: 1002;
  	visibility: hidden;
  	opacity: 0;
  	position: absolute;
  	top: 40px;
  	left: 0;
  	text-align: left;
  	background: #fff;
  	padding: 20px;
  	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
  	-ms-border-radius: 4px;
  	border-radius: 4px;
  	-webkit-transition: 0s;
  	-o-transition: 0s;
  	transition: 0s;}
.rose-nav ul li.has-dropdown .dropdown:before {
  	bottom: 100%;
  	left: 40px;
  	border: solid transparent;
  	content: " ";
  	height: 0;
  	width: 0;
	position: absolute;
  	pointer-events: none;
  	border-bottom-color: #fff;
  	border-width: 8px;
  	margin-left: -8px;}
.rose-nav ul li.has-dropdown .dropdown li {
  	display: block;
  	margin-bottom: 7px;}
.rose-nav ul li.has-dropdown .dropdown li:last-child {
  	margin-bottom: 0;}
.rose-nav ul li.has-dropdown .dropdown li a {
  	padding: 2px 0;
  	display: block;
  	color: #999999;
  	line-height: 1.2;
  	text-transform: none;
  	font-size: 15px;}
.rose-nav ul li.has-dropdown .dropdown li a:hover {
  	color: #000;}
.rose-nav ul li.has-dropdown .dropdown li a:active {
  	color: #000;
	text-transform: none;}

.rose-nav ul li.has-dropdown:hover a, .rose-nav ul li.has-dropdown:focus a {
  	color: #fff;}
.rose-nav ul li.btn-cta a {
  	color: #db7093;}
.rose-nav ul li.btn-cta a span {
  	background: #f35f55;
  	color: #fff;
  	padding: 4px 20px;
  	display: -moz-inline-stack;
  	display: inline-block;
  	zoom: 1;
  	*display: inline;
  	-webkit-transition: 0.3s;
  	-o-transition: 0.3s;
  	transition: 0.3s;
  	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
 	-ms-border-radius: 4px;
  	border-radius: 4px;}
.rose-nav ul li.btn-cta a:hover span {
  	background: #f14034 !important;
  	-webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
  	-moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
  	box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);}
.rose-nav ul li.active > a {
  	color: #fff;
  	position: relative;}

/*
下にスクロール後のナビゲーション　**************************************************/
.scrolled .rose-nav {
  	background: #fff;
  	padding: 10px 0;
  	-webkit-box-shadow: 0px 5px 7px -7px rgba(0, 0, 0, 0.15);
  	-moz-box-shadow: 0px 5px 7px -7px rgba(0, 0, 0, 0.15);
  	box-shadow: 0px 5px 7px -7px rgba(0, 0, 0, 0.15);}
.scrolled .rose-nav a {
  	color: #000;}
.scrolled .rose-nav ul li a:hover, .scrolled .rose-nav ul li a:focus, .scrolled .rose-nav ul li a:active {
  	color: #db7093 !important;}
.scrolled .rose-nav ul li.active a {
  	color: #db7093;}
.scrolled .rose-nav ul li.has-dropdown:hover > a, .scrolled .rose-nav ul li.has-dropdown:focus > a {
  	color: #db7093;}






/*
各ヘッダー *********************************************************************/
#lastrose-header{
  	position: relative;}
#lastrose-header a {
	color: #fff;
	border-bottom: 0px solid rgba(255, 255, 255, 0.5);}
#lastrose-header a:hover {
   	color: rgba(255, 255, 255, 0.5);
  	border-bottom: 0px solid #fff;}

.rose-a-cover {
  	height: 820px;
  	background-size: cover;
 	background-repeat: no-repeat;
  	position: relative;
  	float: left;
  	width: 100%;}

.rose-a-cover .overlay {
  	z-index: 0;
  	position: absolute;
  	bottom: 0;
  	top: 0;
  	left: 0;
  	right: 0;
  	background: rgba(42, 51, 86, 0.1);}
.rose-a-cover .overlay_white {
	z-index: 0;
  	position: absolute;
  	bottom: 0;
  	top: 0;
  	left: 0;
  	right: 0;
  	background: rgba(255, 255, 255, 0.7);}

@media screen and (max-width: 1024px) {
 	 .rose-a-cover {
    	height: 600px;}}
@media screen and (max-width: 768px) {
  	.rose-a-cover {
   		height: 450px;}}

.rose-a-cover .display-t,.rose-a-cover .display-tc {
	z-index: 9;
  	height: 820px;
  	display: table;
  	width: 100%;}


@media screen and (max-width: 1024px) {
	.rose-a-cover .display-t,.rose-a-cover .display-tc {
    	height: 600px;}}
@media screen and (max-width: 768px) {
  	.rose-a-cover .display-t,.rose-a-cover .display-tc {
    	height: 450px;}}
.rose-a-cover.rose-a-cover-sm {
  height: 600px;}
@media screen and (max-width: 768px) {
	  .rose-a-cover.rose-a-cover-sm {
    	height: 400px;}}
.rose-a-cover.rose-a-cover-sm .display-t,.rose-a-cover.rose-a-cover-sm .display-tc {
	height: 600px;
  	display: table;
  	width: 100%;}
@media screen and (max-width: 768px) {
  .rose-a-cover.rose-a-cover-sm .display-t,
  .rose-a-cover.rose-a-cover-sm .display-tc {
    height: 400px;}}








.pagination a {
  	background: none;
  	border: none !important;
  	color: gray !important;}
.pagination a:hover, .pagination a:focus, .pagination a:active {
  	background: none !important;}
.pagination > li > a {
  	margin: 0 2px;
  	font-size: 18px;
  	padding: 0 !important;
  	background: none;
  	-webkit-border-radius: 50% !important;
  	-moz-border-radius: 50% !important;
  	-ms-border-radius: 50% !important;
  	-o-border-radius: 50% !important;
  	border-radius: 50% !important;
  	height: 50px;
	width: 50px;
  	line-height: 50px;
  	display: table-cell;
  	vertical-align: middle;}
.pagination > li > a:hover {
  	color: #000;
  	background: #e6e6e6 !important;}
.pagination > li.disabled > a {
  	background: none;}
.pagination > li.active > a {
  	background: #db7093 !important;
  	-webkit-box-shadow: 4px 11px 35px -14px rgba(0, 0, 0, 0.5);
  	-moz-box-shadow: 4px 11px 35px -14px rgba(0, 0, 0, 0.5);
  	-ms-box-shadow: 4px 11px 35px -14px rgba(0, 0, 0, 0.5);
  	-o-box-shadow: 4px 11px 35px -14px rgba(0, 0, 0, 0.5);
  	box-shadow: 4px 11px 35px -14px rgba(0, 0, 0, 0.5);
  	color: #fff !important;}
.pagination > li.active > a:hover {
  	cursor: pointer;
  	background: #f96982 !important;}



.rose-social-icons {
  margin: 0;
  padding: 0;}
.rose-social-icons li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;}
.rose-social-icons li a {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  color: #db7093;
  padding-left: 10px;
  padding-right: 10px;
}
.rose-social-icons li a i {
  font-size: 50px;
}

.rose-contact-info ul {
  padding: 0;
  margin: 15px 0;
}
.rose-contact-info ul li {
  padding: 0 0 0 40px;
  margin: 10px 0 20px 0;
  list-style: none;
  position: relative;
}
.rose-contact-info ul li:before {
  color: #ccddea;
  position: absolute;
  left: 0;
  top: .05em;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.rose-contact-info ul li.address:before {
  font-size: 30px;
  content: "\e9d1";
}
.rose-contact-info ul li.phone:before {
  font-size: 23px;
  content: "\e9f4";
}
.rose-contact-info ul li.email:before {
  font-size: 23px;
  content: "\e9da";
}
.rose-contact-info ul li.url:before {
  font-size: 23px;
  content: "\e9af";
}

#lastrose-header .display-tc,
#fh5co-counter .display-tc,
.rose-a-cover .display-tc {
  display: table-cell !important;
  vertical-align: middle;
}
#lastrose-header .display-tc h1, #lastrose-header .display-tc h2,
#fh5co-counter .display-tc h1,
#fh5co-counter .display-tc h2,
.rose-a-cover .display-tc h1,
.rose-a-cover .display-tc h2 {
  margin: 0;
  padding: 0;
  color: white;
}
#lastrose-header .display-tc h1,
#fh5co-counter .display-tc h1,
.rose-a-cover .display-tc h1 {
  margin-bottom: 0px;
  margin-top: 0;
  font-size: 60px;
  line-height: 1.3;
  font-family:'Noto Serif', serif;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  #lastrose-header .display-tc h1,
  #fh5co-counter .display-tc h1,
  .rose-a-cover .display-tc h1 {
    font-size: 40px;
  }
}
#lastrose-header .display-tc h2,
#fh5co-counter .display-tc h2,
.rose-a-cover .display-tc h2 {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 30px;
  text-transform: uppercase;
}
#lastrose-header .display-tc .btn,
#fh5co-counter .display-tc .btn,
.rose-a-cover .display-tc .btn {
  padding: 10px;
  background: rgba(233,168,189,1);
  color: #fff;
  border: none !important;
  font-size: 30px;
  text-transform: uppercase;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
#lastrose-header .display-tc .btn:hover,
#fh5co-counter .display-tc .btn:hover,
.rose-a-cover .display-tc .btn:hover {
  background: #f6163c !important;
  -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
  -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
  box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
}
#lastrose-header .display-tc .or,
#fh5co-counter .display-tc .or,
.rose-a-cover .display-tc .or {
  color: rgba(255, 255, 255, 0.3);
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding: 0 20px;
}
#lastrose-header .display-tc .link-watch,
#fh5co-counter .display-tc .link-watch,
.rose-a-cover .display-tc .link-watch {
  border-bottom: none;
}
#lastrose-header .display-tc .form-inline .form-group,
#fh5co-counter .display-tc .form-inline .form-group,
.rose-a-cover .display-tc .form-inline .form-group {
  width: 100% !important;
  margin-bottom: 10px;
}
#lastrose-header .display-tc .form-inline .form-group .form-control,
#fh5co-counter .display-tc .form-inline .form-group .form-control,
.rose-a-cover .display-tc .form-inline .form-group .form-control {
  width: 100%;
  background: #fff;
  border: none;
}

.rose-bg-section {
  	background:/*cornsilk; #F0F5F9;*/#fff;}
.rose-bg-pink {
  	background-color:#fff5ee;}
.rose-bg-try {
	background-color:burlywood;}
.rose-bg-darkpink {
  	/*background-color:#F1C8D5;*/
	background: linear-gradient(-45deg, rgba(246, 255, 0, .8), rgba(248,81,109,0.8))}
.rose-bg-ye{
	background-color:#fffff0;}
.rose-bg-footer{
	background-image:url(../img/bg_light.png);}
.rose-bg-please {
  	background-image: url("../img/try_rose/rose_food_a.JPG");
	background-size: cover;}
.rose-bg-tree{
	background: repeat url("../img/season/bg_tree_big.jpg");}


#rose-service,#rose-order-a,#rose-order-b,#rose-contact,#rose-miso,#rose-try,
#rose-started,#rose_voice,#access-rose,#rose-project,
#rose-team,#rose-insta,#rose-tokucho,#rose-news,#policy,#rose-footer {
  padding: 0px;
  clear: both;
}
@media screen and (max-width: 768px) {
  #rose-service,#rose-order-a,#rose-order-b,#rose-contact,#rose-miso,#rose-try,
  #rose-started,
  #rose_voice,
  #access-rose,
  #rose-project,
  #rose-team,#rose-insta,#rose-tokucho,#rose-news,#policy,
  #rose-footer {
    padding: 0px
  }
}

#rose_voice {
	background-color:seashell}


#rose_voice .testimonial {
  background: #fff;
  padding: 30px;
  position: relative;
  margin-bottom: 4em;
  bottom: 0;
}
#rose_voice .testimonial blockquote {
  border-left: none;
  padding: 0;
  margin: 0;
}
#rose_voice .testimonial p {
  color: #666666;
  font-size: 16px;
  font-style:normal;
  line-height: 1.5;
}
#rose_voice .testimonial p.author {
  color: #b3b3b3;
}
#rose_voice .testimonial p.author img {
  width: 60px;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
#rose_voice .testimonial p.author cite {
  font-style: normal;
  font-size: 13px;
  font-family:'Noto Serif', serif;
  	
}


#rose_voice .testimonial p:last-child {
  margin-bottom: 0;
}
#rose_voice .testimonial:after {
  position: absolute;
  left: 11%;
  bottom: -30px;
  display: block;
  width: 0;
  content: "";
  border-width: 30px 30px 0 0;
  border-style: solid;
  border-color: #fff transparent;
}
#rose_voice .testimonial.rose-selected {
  background: #db7093;
  bottom: 10px;
  -webkit-box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);
}
#rose_voice .testimonial.rose-selected p {
  color: #fff;
}
#rose_voice .testimonial.rose-selected p.author cite {
  color: rgba(255, 255, 255, 0.7);
}
#rose_voice .testimonial.rose-selected:after {
  border-color: #db7093 transparent;
}
@media screen and (max-width: 768px) {
  #rose_voice .testimonial.rose-selected {
    bottom: 0;
  }
}

#access-rose .fh5co-post {
  background: #fff;
  float: left;
  width: 100%;
  margin-bottom: 30px;
  padding: 30px;
  -webkit-box-shadow: -2px 11px 24px -10px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: -2px 11px 24px -10px rgba(0, 0, 0, 0.09);
  box-shadow: -2px 11px 24px -10px rgba(0, 0, 0, 0.09);
  position: relative;
  bottom: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
#access-rose .fh5co-post h3 {
  margin-bottom: 20px;
}
#access-rose .fh5co-post h3 a {
  color: #db7093;
}
#access-rose .fh5co-post h3 a:hover {
  color: #f35f55;
}
#access-rose .fh5co-post .fh5co-date {
  display: block;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 12px;
  color: #cccccc;
  letter-spacing: .07em;
}
#access-rose .fh5co-post p.author {
  color: #b3b3b3;
}
#access-rose .fh5co-post p.author img {
  width: 50px;
  margin-right: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
#access-rose .fh5co-post p.author cite {
  font-style: normal;
  font-size: 13px;
}
#access-rose .fh5co-post p:last-child {
  margin-bottom: 0;
}
#access-rose .fh5co-post:hover, #access-rose .fh5co-post:focus {
  bottom: 10px;
}
@media screen and (max-width: 768px) {
  #access-rose .fh5co-post:hover, #access-rose .fh5co-post:focus {
    bottom: 0;
  }
}

#fh5co-counter {
  background: #fff;
  padding: 7em 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #fh5co-counter {
    padding: 3em 0;
  }
}
#fh5co-counter .counter {
  font-size: 50px;
  margin-bottom: 10px;
  color: #db7093;
  font-weight: 100;
  display: block;
}
#fh5co-counter .counter-label {
  margin-bottom: 0;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: .1em;
}
#fh5co-counter .feature-center:hover .counter {
  color: #fff;
}
@media screen and (max-width: 768px) {
  #fh5co-counter .feature-center {
    margin-bottom: 30px;
  }
}
#fh5co-counter .icon {
  width: 70px;
  text-align: center;
  margin-bottom: 20px;
  background: none !important;
  border: none !important;
}
#fh5co-counter .icon i {
  height: 70px;
}
#fh5co-counter .icon i:before {
  color: #cccccc;
  display: block;
  text-align: center;
  margin-left: 3px;
}

#rose-project .fh5co-project {
  margin-bottom: 30px;
}
#rose-project .fh5co-project > a {
  display: block;
  color: #000;
  position: relative;
  bottom: 0;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#rose-project .fh5co-project > a img {
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#rose-project .fh5co-project > a:after {
  opacity: 0;
  visibility: hidden;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 8;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#rose-project .fh5co-project > a .fh5co-copy {
  z-index: 12;
  position: absolute;
  right: 20px;
  left: 20px;
  bottom: 0px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
#rose-project .fh5co-project > a .fh5co-copy h3 {
  margin: 0 0 5px 0;
  padding: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
}
#rose-project .fh5co-project > a .fh5co-copy p {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
}
#rose-project .fh5co-project > a .fh5co-copy p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #rose-project .fh5co-project > a .fh5co-copy {
    position: relative;
    visibility: visible;
    opacity: 1;
    bottom: 0;
    color: #000;
    padding: 20px;
    background: #fff;
  }
}
#rose-project .fh5co-project > a:hover {
  -webkit-box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);
}
@media screen and (max-width: 768px) {
  #rose-project .fh5co-project > a:hover {
    bottom: 0;
  }
}
#rose-project .fh5co-project > a:hover:after {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 768px) {
  #rose-project .fh5co-project > a:hover:after {
    opacity: 0;
    visibility: hidden;
  }
}
#rose-project .fh5co-project > a:hover .fh5co-copy {
  opacity: 1;
  visibility: visible;
  bottom: 20px;
}
@media screen and (max-width: 768px) {
  #rose-project .fh5co-project > a:hover .fh5co-copy {
    bottom: 0;
    padding: 20px;
    background: #fff;
  }
}
#rose-project .fh5co-project > a:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
@media screen and (max-width: 768px) {
  #rose-project .fh5co-project > a:hover img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

#rose-service.border-bottom {
  border-bottom: 1px solid #dae6ef;
  -webkit-box-shadow: 0px 5px 7px -7px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 5px 7px -7px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 7px -7px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 10;
}

.feature-center {
  padding: 30px;
  float: left;
  width: 100%;
  position: relative;
  bottom: 0;
  margin-bottom: 40px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .feature-center {
    margin-bottom: 50px;
  }
}
.feature-center .desc {
  padding-left: 180px;
}
.feature-center .icon {
	margin:0px -15px 20px -15px;		
 
  display: block;
}

.feature-center .icon img{
	margin:0px;
}
.feature-center .icon i {
  font-size: 40px;
  color: rgba(42, 54, 59, 0.2);
}
.feature-center .icon2 {
  float: left;
}
.feature-center .icon2 i {
  font-size: 100px;
}
.feature-center p:last-child {
  margin-bottom: 0;
}
.feature-center p, .feature-center h3 {
  margin-bottom: 30px;
}
.feature-center h3 {
  font-size: 22px;
  color: #5d5d5d;
}
.feature-center:hover, .feature-center:focus {
  background: #db7093;
  bottom: 10px;
  -webkit-box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);
}
.feature-center:hover p:last-child, .feature-center:focus p:last-child {
  margin-bottom: 0;
}
.feature-center:hover .icon i, .feature-center:focus .icon i {
  color: rgba(255, 255, 255, 0.7);
}
.feature-center:hover p, .feature-center:hover h3, .feature-center:focus p, .feature-center:focus h3 {
  color: #fff !important;
}
.feature-center:hover a, .feature-center:focus a {
  color: rgba(255, 255, 255, 0.7);
}
.feature-center:hover a:hover, .feature-center:focus a:hover {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .feature-center:hover, .feature-center:focus {
    bottom: 0;
  }
}

.project-grid {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  height: 350px;
  margin-bottom: 40px;
}
.project-grid:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
.project-grid .desc {
  background: rgba(247, 56, 89, 0.9);
  padding: 10px 20px;
  position: absolute;
  bottom: -93px;
  left: 0;
  right: 0;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
.project-grid .desc h3 a {
  color: white;
}
.project-grid .desc span {
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .project-grid .desc {
    bottom: 0;
  }
}
.project-grid:hover:before, .project-grid:focus:before {
  opacity: 1;
}
.project-grid:hover .desc, .project-grid:focus .desc {
  bottom: 0;
}

.project-content {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  padding: 7em 0;
}
@media screen and (max-width: 768px) {
  .project-content {
    padding: 3em 0;
  }
}
.project-content .col-half {
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (max-width: 480px) {
  .project-content .col-half {
    width: 100%;
  }
}
.project-content .col-half .project, .project-content .col-half .project-grid {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.project-content .col-half .project:before, .project-content .col-half .project-grid:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
.project-content .col-half .project:hover:before, .project-content .col-half .project:focus:before, .project-content .col-half .project-grid:hover:before, .project-content .col-half .project-grid:focus:before {
  opacity: 1;
}
.project-content .col-half .project:hover .desc, .project-content .col-half .project:focus .desc, .project-content .col-half .project-grid:hover .desc, .project-content .col-half .project-grid:focus .desc {
  bottom: 0;
}
@media screen and (max-width: 480px) {
  .project-content .col-half .project, .project-content .col-half .project-grid {
    height: 340px !important;
    margin-bottom: 20px;
  }
}
.project-content .col-half .project {
  height: 800px;
}
.project-content .col-half .project-grid {
  height: 390px;
  margin-bottom: 20px;
}
.project-content .col-half .project-grid:last-child {
  margin-bottom: 0;
}
.project-content .desc {
  background: rgba(247, 56, 89, 0.9);
  padding: 10px 20px;
  position: absolute;
  bottom: -93px;
  left: 0;
  right: 0;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
.project-content .desc h3 {
  color: white;
}
.project-content .desc span {
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .project-content .desc {
    bottom: 0;
  }
}

/*
薬膳のこと ********************************************************/
.heading_rose {
	text-align: justify;
 	margin-bottom: 2em;}
.heading_rose.heading_rose-sm {
  	margin-bottom: 2em;}
.heading_rose h2 {
  	font-size: 30px;
  	margin-bottom: 0px;
  	line-height: 1.5;
  	font-weight: 400;
  	color: #000;}
.heading_rose h3 {
  	margin:20px 0px 15px;
	padding-top:15px;}
.heading_rose p {
  	font-size: 18px;
  	line-height: 1.5;
  	color: #828282;}
.heading_rose span {
 	display: block;
 	text-transform: uppercase;
 	font-size: 12px;
  	letter-spacing: 2px;
 	color: #cccccc;}

/*
薬膳メッセージ *****************************************************/
.rose-heading {
 	 margin-bottom: 2em;}
.rose-heading{
 	 margin-bottom: 2em;}
.rose-heading h2 {
  	font-size: 55px;
  	margin-bottom: 0px;
  	line-height: 1.5;
  	font-weight: 300;
  	color: #000;}
.rose-heading p {
  	font-size: 18px;
  	line-height: 1.5;
  	color: #828282;}
.rose-heading span {
  	margin-bottom: 10px;
  	text-transform: uppercase;
  	font-size: 150%;
	letter-spacing: 2px;
	color: #222;}
#rose-started {
  /*background: rgba(42, 51, 86, 0.9);*/
	background-image: url(../img/bg_wpink.jpg);}
#rose-started .heading_rose h2 {
 	color: #fff;
  	margin-bottom: 20px !important;
 	font-weight: 300;}
#rose-started .heading_rose p {
 	color: rgba(255, 255, 255, 0.5);}
#rose-started .form-control {
  	background: rgba(255, 255, 255, 0.2);
  	border: none !important;
 	color: #fff;
  	font-size: 16px !important;
  	width: 100%;
 	-webkit-transition: 0.5s;
 	-o-transition: 0.5s;
 	transition: 0.5s;}
#rose-started .form-control::-webkit-input-placeholder {
  	color: #fff;}
#rose-started .form-control:-moz-placeholder {
  /* Firefox 18- */
 	color: #fff;}
#rose-started .form-control::-moz-placeholder {
  /* Firefox 19+ */
 	color: #fff;}
#rose-started .form-control:-ms-input-placeholder {
 	color: #fff;}
#rose-started .form-control:focus {
  	background: rgba(255, 255, 255, 0.3);}
#rose-started .btn {
  	height: 54px;
  	border: none !important;
 	background: #db7093;
  	color: #fff;
  	font-size: 16px;
 	text-transform: uppercase;
 	font-weight: 400;
 	padding-left: 30px;
 	padding-right: 30px;}
#rose-started .btn:hover {
 	background: #f6163c !important;
  	-webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75) !important;
  	-moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75) !important;
 	box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75) !important;}
#rose-started .form-inline .form-group {
  	width: 100% !important;
  	margin-bottom: 10px;}
#rose-started .form-inline .form-group .form-control {
  	width: 100%;}


/*
トップページの「ロゼのこと」 **************************************************/
#about{
	margin-top:0px;}
@media screen and (max-width: 768px) {
	#about{
		margin-top:-20px;}}
@media screen and (max-width: 480px) {
	#about{
		margin-top:-50px;}
	#about h3{
		margin-top:-5px;}}
@media screen and (max-width: 358px) {
	#about{
		margin-top:-60px;}
	#about h3{
		margin-top:-10px;}}





/*
フッター**************************************************/
#rose-footer{
	padding-top:30px;
	background-image: url(../img/bg_light.png);	}
#rose-footer h3{
	margin:30px 0px 20px;
}
#rose-footer .rose-footer-links {
  	padding: 0;
	margin: 10px 0px 30px;}
#rose-footer .rose-footer-links li {
	list-style: none;
  padding:0px 0px;
  margin:0px 0px 0px -5px;
}

#rose-footer .rose-footer-links li ul li{
	font-size:85%;
  	padding:2px 0px;
  	margin:0px 0px 0px -18px;
  	list-style-image: url(../img/list_a.png);
	list-style-position: outside;
}
#rose-footer .rose-footer-links li ul li ol li{
	font-size:100%;
  	padding:0px 0px; 
  	margin:0px 0px 0px -12px;
  	list-style-image: none;
	list-style-position: outside;
}

#rose-footer .rose-footer-links li ul li ol li img{
	margin:0px;}
#rose-footer .rose-footer-links li ol {
	margin:5px 0px 0px -30px;}

#rose-footer .rose-footer-links li ol li a i{
	font-size:150%;
	margin-right: 8px;
}

#rose-footer .rose-footer-links li a {
  	color:#828282;
  	text-decoration: none;
	-webkit-transition: 0.5s;
  	-o-transition: 0.5s;
  	transition: 0.5s;}
#rose-footer .rose-footer-links li a:hover {
  	text-decoration: none;
	color:#E17E9D;
	
}
#rose-footer .rose-widget{
  margin:0px 0px 0px 0px;}
#rose-footer .rose-widget ul{
  margin:-10px 0px 30px -38px;}
#rose-footer .rose-widget ul li{
	marign:0px;
	list-style: none;
	padding:0px 0px 0px -15px;
	font-size:90%;}

#rose-footer .rose-widget .rose-social-icons{
	margin:-5px 0px 0px 0px;
}


@media screen and (max-width: 768px) {
  #rose-footer .rose-widget {
    text-align: left;
  }
}
/*#rose-footer .rose-widget h3 {
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 2px;
  text-transform: uppercase;
}*/

.copyright {
	background-color:darksalmon;
	color:#fff;
	width:100%;
	margin: 0px ;
	height: 30px;
	text-align: center;
	}

/*
右横スライドメニュー****************************************/
#fh5co-offcanvas {
  	position: fixed;
  	z-index: 1901;
  	width: 240px;
  	background:/*#E9A8BD;*/#db7093;
  	top: 0;
  	right: 0;
  	top: 0;
 	bottom: 0;
 	 padding: 70px 10px 40px 20px;
 	 overflow-y: auto;
 	 display: none;
  	-moz-transform: translateX(240px);
 	 -webkit-transform: translateX(240px);
  	-ms-transform: translateX(240px);
 	 -o-transform: translateX(240px);
  	transform: translateX(240px);
  	-webkit-transition: 0.5s;
  	-o-transition: 0.5s;
  	transition: 0.5s;
}
@media screen and (max-width: 768px) {
  #fh5co-offcanvas {
    display: block;
  }
}
.offcanvas #fh5co-offcanvas {
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}
#fh5co-offcanvas a {
	  color:#fff;
}
#fh5co-offcanvas a:hover {
  color: rgba(255, 255, 255, 0.7);
}
#fh5co-offcanvas ul {
  padding: 0;
  margin: 0;
}
#fh5co-offcanvas ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}
#fh5co-offcanvas ul li small{
	display: none;
}
#fh5co-offcanvas ul li > ul {
  padding-left: 15px;
	font-size:90%;
  display: none;
}
#fh5co-offcanvas ul li.offcanvas-has-dropdown > a {
  display: block;
  position: relative;
}
#fh5co-offcanvas ul li.offcanvas-has-dropdown > a:after {
  position: absolute;
  right: 0px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e921";
  font-size: 20px;
  color: rgba(255, 255, 255, 0.7);
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
#fh5co-offcanvas ul li.offcanvas-has-dropdown.active a:after {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.uppercase {
  font-size: 14px;
  color: #000;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

/*
ページトップへ *****************************************************/
.gototop {
	position: fixed;
  	bottom: 10px;
  	right: 10px;
 	 z-index: 999;
  	opacity: 0;
  	visibility: hidden;
  	-webkit-transition: 0.5s;
  	-o-transition: 0.5s;
  	transition: 0.5s;}
.gototop.active {
  	opacity: 1;
  	visibility: visible;}
.gototop a {
 	width: 50px;
  	height: 50px;
  	display: table;
  	background: /*rgba(219,112,147,1);*/rgba(233,168,189,1);
  	color: rgba(255,255,255,1);
  	text-align: center;
  	-webkit-border-radius: 30px;
 	-moz-border-radius: 30px;
  	-ms-border-radius: 30px;
  	border-radius: 30px;}
.gototop a i {
	font-size:35px;	
 	height: 50px;
  	display: table-cell;
  	vertical-align: middle;}
.gototop a:hover, .gototop a:active, .gototop a:focus {
 	text-decoration: none;
  	outline: none;
	color: rgba(255,255,255,1);
 	background:rgba(233,168,189,0.7);}

/*
ハンバーガーメニューー表示 *******************************************/
.rose-nav-toggle {
	width: 30px;
  	height: 30px;
  	cursor: pointer;
  	text-decoration: none;}
.rose-nav-toggle.active i::before, .rose-nav-toggle.active i::after {
  	background: #fff;}
.rose-nav-toggle:hover, .rose-nav-toggle:focus, .rose-nav-toggle:active {
  	outline: none;
  	border-bottom: none !important;}
.rose-nav-toggle i {
  	position: relative;
  	display: inline-block;
  	width: 30px;
  	height: 2px;
  	color: #252525;
  	font: bold 14px/.4 Helvetica;
  	text-transform: uppercase;
  	text-indent: -55px;
  	background:  #db7093;
  	transition: all .2s ease-out;}
.rose-nav-toggle i::before, .rose-nav-toggle i::after {
  	content: '';
  	width: 30px;
  	height: 2px;
  	background: #db7093;
  	position: absolute;
  	left: 0;
  	transition: all .2s ease-out;}
.rose-nav-toggle.rose-nav-white > i {
  	color: #fff;
  	background: #fff;}
.rose-nav-toggle.rose-nav-white > i::before, .rose-nav-toggle.rose-nav-white > i::after {
  	background: #fff;}
.rose-nav-toggle i::before {
  	top: -9px;}
.rose-nav-toggle i::after {
  	bottom: -9px;}
.rose-nav-toggle:hover i::before {
  	top: -11px;}
.rose-nav-toggle:hover i::after {
 	 bottom: -11px;}
.rose-nav-toggle.active i {
 	 background: transparent;}

.rose-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.rose-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

.rose-nav-toggle {
  position: fixed;
  right: 0px;
  top: 18px;
  z-index: 21;
  padding: 6px 0 0 0;
  display: block;
  margin: 0 auto;
  display: none;
  height: 44px;
  width: 44px;
  z-index: 2001;
  border-bottom: none !important;
}
.scrolled .rose-nav-toggle {
  top: 5px;
}
@media screen and (max-width: 768px) {
  .rose-nav-toggle {
    display: block;
  }
}

.btn {
  margin-right: 4px;
  margin-bottom: 4px;
  font-family:'Noto Serif', serif;
  font-size: 16px;
  font-weight: 400;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 8px 20px;
}
.btn.btn-md {
  padding: 8px 20px !important;
}
.btn.btn-lg {
  padding: 18px 36px !important;
}
.btn:hover, .btn:active, .btn:focus {
  box-shadow: none !important;
  outline: none !important;
}

.btn-primary {
  background:#f8516d;
  color: #fff;
  border: 0px solid #f8516d;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: rgba(248,81,109,0.8)  !important;
  border-color: rgba(248,81,109,0.8)  !important;
}
.btn-primary.btn-outline {
  background: transparent;
  color: #db7093;
  border: 2px solid #db7093;
}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
  background: #db7093;
  color: #fff;
}

.btn-success {
  background: #5cb85c;
  color: #fff;
  border: 2px solid #5cb85c;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
  background: #4cae4c !important;
  border-color: #4cae4c !important;
}
.btn-success.btn-outline {
  background: transparent;
  color: #5cb85c;
  border: 2px solid #5cb85c;
}
.btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active {
  background: #5cb85c;
  color: #fff;
}

.btn-info {
  background: #5bc0de;
  color: #fff;
  border: 2px solid #5bc0de;
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
  background: #46b8da !important;
  border-color: #46b8da !important;
}
.btn-info.btn-outline {
  background: transparent;
  color: #5bc0de;
  border: 2px solid #5bc0de;
}
.btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active {
  background: #5bc0de;
  color: #fff;
}

.btn-warning {
  background: #f0ad4e;
  color: #fff;
  border: 2px solid #f0ad4e;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
  background: #eea236 !important;
  border-color: #eea236 !important;
}
.btn-warning.btn-outline {
  background: transparent;
  color: #f0ad4e;
  border: 2px solid #f0ad4e;
}
.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active {
  background: #f0ad4e;
  color: #fff;
}

.btn-danger {
  background: #d9534f;
  color: #fff;
  border: 2px solid #d9534f;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
  background: #d43f3a !important;
  border-color: #d43f3a !important;
}
.btn-danger.btn-outline {
  background: transparent;
  color: #d9534f;
  border: 2px solid #d9534f;
}
.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active {
  background: #d9534f;
  color: #fff;
}

.btn-outline {
  background: none;
  border: 2px solid gray;
  font-size: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
  box-shadow: none;
}

.btn.with-arrow {
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn.with-arrow i {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -8px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.btn.with-arrow:hover {
  padding-right: 50px;
}
.btn.with-arrow:hover i {
  color: #fff;
  right: 18px;
  visibility: visible;
  opacity: 1;
}

.form-control {
  box-shadow: none;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.1);
  height: 54px;
  font-size: 18px;
  font-weight: 300;
}
.form-control:active, .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #db7093;
}

.mb30 {
  margin-bottom: 30px !important;
}

.row-pb-md {
  padding-bottom: 4em !important;
}

.row-pb-sm {
  padding-bottom: 2em !important;
}

.rose-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/loader.gif) center no-repeat #fff;
}

.js .animate-box {
  opacity: 0;
}

#lastrose-header-subscribe #email {
  padding-right: 9em;
}
#lastrose-header-subscribe button {
  position: absolute;
  top: 0;
  right: 10px;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.rose_first{
	font-family:'Noto Serif', serif;
	display: block;
	text-align: left;
	color: rgba(255, 255, 255, 0.8);
}
.rose_first hr{
	margin:7px 0px;}

.scrolled .rose_first{
	font-family:'Noto Serif', serif;
	display: block;
	text-align: left;
	color: rgba(0, 0, 0, 0.8);}


/*
トップページ********************************************************/
.top{
	background-image:url(../img/top/img_food26_pc2016.jpg);
	background-repeat: no-repeat;
	background-size: cover;}

#lastrose-header img{
	padding-top:50px;}

.more_rose{
	position: relative;
	height:800px;}
.more_rose p {
	position: absolute;
	right:0;
	bottom:0;}
.more_rose p a{
	display: none;}
.scrolled .more_rose p a{
	display: block;
	background: rgba(255,255,255,0.5);
	padding:10px;
	font-size:40px;
	-webkit-border-radius: 30px;
  	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
  	border-radius: 30px;
	text-decoration: none;
	animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;}

/*トップヘッダーの「↓」*/
.more_more_rose a{
  	display: none;}

@media screen and (max-width: 1024px) {
	.top{	
		background-image:url(../img/top/img_food26_sp1024a.jpg);
		background-repeat: no-repeat;
		background-size: cover;}
	.more_rose{
		position: relative;
		height:600px;}
	.more_rose p {
		position: absolute;
		right:10%;
		bottom:0;}
	.more_rose p a{
		display: none;}
	.scrolled .more_rose p a{
		display: block;
		background: rgba(255,255,255,0.5);
		padding:10px;
		font-size:30px;
		-webkit-border-radius: 30px;
  		-moz-border-radius: 30px;
		-ms-border-radius: 30px;
  		border-radius: 30px;
		text-decoration: none;
		animation: fadeIn 2s ease 0s 1 normal;
    	-webkit-animation: fadeIn 2s ease 0s 1 normal;}}

@media screen and (max-width: 768px) {
	.rose_first{
		display:none;}
	.scrolled .rose_first{
		display:none;}
	.top{
		background-image:url(../img/top/img_food26_sp768.jpg);
		background-repeat: no-repeat;
		background-size: cover;}
	#lastrose-header img{
		padding-top:0px;}
	
.more_more_rose a{
  	display: table;
 	background: rgba(219,112,147,1);
  	color: #fff;
  	text-align: center;
	padding:7px ;
	margin:-180px auto 20px;
	font-size:20px;
	font-weight: bold;
 	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
 	-ms-border-radius: 30px;
 	border-radius: 30px;
}
	}




@media screen and (max-width: 480px) {
	.top{
		background-image:url(../img/top/img_food26_sp450.jpg);
		background-repeat: no-repeat;
		background-size: cover;
}
		
.more_more_rose a{
  	display: table;
 	background: rgba(219,112,147,1);
  	color: #fff;
  	text-align: center;
	padding:7px ;
	margin:-180px auto 20px;
	font-size:20px;
 	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
 	-ms-border-radius: 30px;
 	border-radius: 30px;
}
}
@media screen and (max-width: 398px) {
		#lastrose-header img{
	padding-top:20px;
}
	.more_more_rose a{
  	display: table;
 	background: rgba(219,112,147,1);
  	color: #fff;
  	text-align: center;
	padding:7px ;
	margin:-180px auto 20px;
	font-size:20px;
 	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
 	-ms-border-radius: 30px;
 	border-radius: 30px;
}
}
@media screen and (max-width: 320px) {
		#lastrose-header img{
	padding-top:30px;
}
	.more_more_rose a{
  	display: table;
 	background: rgba(219,112,147,1);
  	color: #fff;
  	text-align: center;
	padding:7px ;
	margin:-230px auto 20px;
	font-size:20px;
 	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
 	-ms-border-radius: 30px;
 	border-radius: 30px;
}
}


@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}}

/*
各コンテンツのトップ余白　********************************************************/

#yakuzen,#about_rose,#profile,#insta,#rose-service,#rose-order-a,#rose-order-b,
#rose-contact,#rose-miso,#rose-try,#voice,#access-rose,#rose-tokucho,#rose-news,#policy,
#miso_this_y,#miso_this_x,#miso,.order_a{
	padding-top:110px;
}
@media screen and (max-width: 768px) {
	#yakuzen,#about_rose,#profile,#insta,#rose-service,#rose-order-a,#rose-order-b,
	#rose-contact,#rose-miso,#rose-try,#voice,#access-rose,#rose-tokucho,#rose-news,#policy,
	#miso_this_y,#miso_this_x,#miso,.order_a{
		padding-top:77px;
}}


.about_top{
	background-image:url(../img/about/img_vegi_pc.jpg);
	background-repeat: no-repeat;
	background-size: cover;}

.service_top{
	background-image:url(../img/service/img_order2_pc.jpg);
	background-repeat: no-repeat;
	background-size: cover;}
.order_top{
	background-image:url(../img/service/img_order_pc2.jpg);
	background-repeat: no-repeat;
	background-size: cover;}
.season_top{
	background-image:url(../img/season/img_season_pc.jpg);
	background-repeat: no-repeat;
	background-size: cover;}
.season_spring_top{
	background-image:url(../img/season/img_season_spring_pc.jpg);
	background-repeat: no-repeat;
	background-size: cover;}
.season_winter_top{
	background-image:url(../img/season/img_season_winter_pc.jpg);
	background-repeat: no-repeat;
	background-size: cover;}
.reqest_top{
	background-image:url(../img/service/img_yakuzen_pc.jpg);
	background-repeat: no-repeat;
	background-size: cover;}
.contact_top{
	background-image:url(../img/contact/img_tea_pc.jpg);
	background-repeat: no-repeat;
	background-size: cover;}
.miso_top{
	background-image:url(../img/miso/img_miso_pc.jpg);
	background-repeat: no-repeat;
	background-size: cover;}

.first_top{
	background-image:url(../img/try_rose/try_a_pc.jpg);
	background-repeat: no-repeat;
	background-size: cover;}

.juce_top{
	background-image:url(../img/juce/juce_pc.jpg);
	background-repeat: no-repeat;
	background-size: cover;}

@media screen and (max-width: 768px) {
	.about_top{
		background-image:url(../img/about/img_vegi_sp.jpg);
		background-repeat: no-repeat;
		background-size: cover;}
	.service_top{
		background-image:url(../img/service/img_order2_sp.jpg);
		background-repeat: no-repeat;
		background-size: cover;}
	.order_top{
		background-image:url(../img/service/img_order_sp2.jpg);
		background-repeat: no-repeat;
		background-size: cover;}
	.season_top{
		background-image:url(../img/season/img_season_sp.jpg);
		background-repeat: no-repeat;
		background-size: cover;}
	.season_spring_top{
		background-image:url(../img/season/img_season_spring_sp.jpg);
		background-repeat: no-repeat;
		background-size: cover;}
	.season_winter_top{
		background-image:url(../img/season/img_season_winter_sp.jpg);
		background-repeat: no-repeat;
		background-size: cover;}		
	.reqest_top{
		background-image:url(../img/service/img_yakuzen_sp.jpg);
		background-repeat: no-repeat;
		background-size: cover;}
	.contact_top{
		background-image:url(../img/contact/img_tea_sp.jpg);
		background-repeat: no-repeat;
		background-size: cover;}
	.miso_top{
		background-image:url(../img/miso/img_miso_sp.jpg);
		background-repeat: no-repeat;
		background-size: cover;}
	.first_top{
		background-image:url(../img/try_rose/try_a_sp.jpg);
		background-repeat: no-repeat;
		background-size: cover;}
	.juce_top{
		background-image:url(../img/juce/juce_sp.jpg);
		background-repeat: no-repeat;
		background-size: cover;}
}

#rose-service ul {
	list-style: none;
	margin-bottom:30px;
}
#rose-service ul li{
	padding: 5px 0px;
}
#rose-service ul li img{
	margin-right:7px;
}
/*
講師プロフィール　********************************************************/
.profile_info {
	padding:30px;}
.profile_info img{
	margin:30px auto;}
.profile_info h3{
	margin:20px 0px 5px;
	padding-top:15px;}
.profile_info ul li{
	list-style-image:url(../img/lesson_icon/bg_bottun_b.jpg);
	list-style-position: outside;}

@media screen and (max-width: 408px) {
	.profile_info {
		padding:15px 10px;}}
/*
インスタグラム　********************************************************/
#instafeed img{
	padding:10px 0px;}

.radio-inline span{
	margin-left:30px;
}

.border-shadow {
  border-bottom: 1px solid #dae6ef;
  -webkit-box-shadow: 0px 5px 7px -7px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 5px 7px -7px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 7px -7px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 10;
}


.section_lesson p{
	border-left:#F1C8D5 8px solid;
	font-weight:bold;
	line-height: 1.2em;	
	margin:40px 0px 10px;
	padding-left:10px;
	}
.section_lesson small span{
	color:#E17E9D;
	font-weight:bold;
}	
.section_lesson label{
	margin-left:15px;
}

.section_lesson_cook {
	margin:20px 20px 0px;
}
.section_lesson_cook p{
	font-weight:normal;
	line-height: 1.3em;	
	padding:10px;
	}
.section_lesson_cook p img{
	padding-right:5px;
}
.mw_1000_b{
	max-width: 1050px;
	margin:0px auto 70px;
	background-image: url(../img/about/bg_green_wood.jpg);}




.school{
	color:#fff;
	margin:20px 0px;
	padding:10px;
	}
.school h2 {
	text-align: center;
	margin:20px 0px;
	display: none !important;}
.school h2 span{
	padding:5px;
	font-weight:200;
	display: none !important;}
.school hr{
	margin:auto;
	border: #E9A8BD 2px solid;
	width:50px;
	display: none !important;}
.school ul {
	margin:30px auto;
	width:90%}
.school ul li{
	list-style-image: url(../img/lesson_icon/bg_bottun_c.png);
	list-style-position: outside;
	text-align: justify;
	font-size: 17px;
	padding:5px;}

.school_info_kakushu_new_border{
	border: 2px dashed #fff;
}


.contact ul {
	margin-bottom: 40px
}

.contact ul li{
	list-style-image: url(../img/lesson_icon/bg_bottun_c.png);
	list-style-position: outside;
	text-align: justify;
	font-size: 17px;
	}



@media (max-width:768px){
	.school h2 {
		text-align: center;
		margin:20px 0px;
		display: block !important;}
	.school h2 span{
		padding:0px;
		font-weight:200;
		display: block !important;}
	.school hr{
		margin:auto;
		border: #E9A8BD 2px solid;
		width:50px;
		display: block !important;}
	.school ul {
		margin:30px auto;
		width:90%}
	.school ul li{
		list-style-image: url(../img/lesson_icon/bg_bottun_c.png);
		list-style-position: outside;
		text-align: justify;
		font-size: 17px;
		padding:5px;}}

@media (max-width:480px){
	.school {
		color:#fff;
		margin:15px 0px;
		padding:5px;}
	.school h2 {
		text-align: center;
		margin:20px 0px;
		display: block !important;}
	.school h2 span{
		padding:0px;
		font-weight:200;
		display: block!important;}
	.school ul {
		margin:15px 0px;
		width:100%}
	.school ul li{
		list-style-image: url(../img/lesson_icon/bg_bottun_c.png);
		list-style-position: outside;
		text-align: justify;
		font-size: 17px;
		padding:5px 10px 5px 0px;}}
.school_info_kakushu_new_border{
	border: 2px dashed #fff;
}

/* アクセスマップ **********************************************************/
.rose-bg-map{
	margin-bottom:30px;
	padding:30px 20px;
	background-color: #fff;}
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	margin:0px;	
	height: 0;
	overflow: hidden;}
.ggmap iframe,.ggmap object,.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}

.bus{
	background-color: #fcf8e3;
  	border-color: #faebcc;
  	color: #8a6d3b;
	padding:15px;
	margin:20px 0px;}

.bus p{
	font-size:100%;
	color:#8a6d3b;}

.bus table{
	margin:0px 0px 30px;
	border:1px solid #8a6d3b;}

.bus table tr{
	border:1px solid #8a6d3b;}
.bus table tr td{
	padding:5px;
	border:1px solid #8a6d3b;}

@media screen and (max-width: 768px) {
	.rose-bg-map{
		margin-bottom:30px;
		padding:20px 5px;
		background-color: #fff;}
	.ggmap {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		margin:0px 0px 30px 0px;	
		height: 0;
		overflow: hidden;}
	.ggmap iframe,.ggmap object,.ggmap embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;}}


/* ホームの薬膳料理教室 **************************************************************/
@media screen and (max-width: 350px) {
	.top_yakuzen{
		margin-left: -30px;}
}

/* お知らせ **************************************************************/
.news-info{
	height: 320px;	
	margin:15px auto;
	padding:15px ;
	background-color: #fff;} 
.news-info h3{
	padding:5px 5px;
	border-bottom: 1px #F1C8D5 dotted;}

.news-info p{
	padding:0px 10px;}
.news-info p i{
	color:chocolate;}
.news-info p small span{
	background-color: crimson;
	color:#fff;
	font-size: 80%;
	margin:0px 5px 5px;
	padding:0px 5px;
	font-weight:bold}
.news-info p a{
	font-family: "Noto Sans Japanese";	
	color: #db7093;
	margin-left:-15px;
	text-decoration: none;
	-webkit-transition: 0.3s;
 	-o-transition: 0.3s;
  	transition: 0.3s;
}
.news-info a:hover, a:active, a:focus {
  	color: rgba(219, 112, 112, 0.5);
 	outline: none;
	text-decoration: none;}
.news-info .modal-body p a{
	font-family: "Noto Sans Japanese";	
	color: #db7093;
	margin-left:0px;
	text-decoration: none;
	-webkit-transition: 0.3s;
 	-o-transition: 0.3s;
  	transition: 0.3s;
	
}

.news-info .modal-body p i{
	color:#db7093;}

.news-info-left20{
	margin-left:-20px;
}


.tweet{
	margin:15px 0px;}

@media screen and (max-width: 768px) {
	.news-info{
		height: 320px;	
		margin:15px 15px;
		padding:15px ;
		background-color: #fff;} 
	.news-info ul li{
		line-height: 1.2em;
		list-style-image: url(../img/list_pencil.png);
		list-style-position: outside;
		margin:15px 0px;
		padding:0px;}
	.news-info ul li small span{
		background-color: crimson;
		color:#fff;
		padding:0px 5px;
		font-weight:bold}		
}



/* お申し込み **************************************************************/
.input-group-addon{
	background-color:#fff;
}
.input-group-addon i{
	font-size:140%;
	color:#E17E9D;
}

.oya-kome{
	margin:7px 0px;
}
.kome{
	color:#E17E9D;
	font-weight:bold;
	margin: 6px 8px 6px 0px;
}
.kome_orange{
	color:#ED5429;
	font-weight:bold;
	margin: 6px 8px 6px 0px;
}

/* 個人情報保護方針 **************************************************************/
#policy dl,#policy dt{
	padding:15px 0px 5px;}
#policy ul li{
	line-height: 1.5em;
	list-style-type: none;
	list-style-position: outside;}

#policy ol li{
	list-style-position: outside;}
.policy-info{
	height: 310px;	
	margin:15px auto;
	padding:30px 30px 15px;
	background-color: rgba(255,255,255,0.5); }


/* 個別レッスン **************************************************************/
.order{
	background-color: #fff;
	margin:0px;
	padding:15px 50px;
	}
.order h3{
	margin:30px 30px 20px;
	padding:0px 10px 5px 0px ;
	border-bottom:#F1C8D5 dotted 1px;}
.order h3 span{
	padding:0px;
	border-bottom:#F1C8D5 solid 3px;}
.order p{
	margin:10px 30px 20px;
	padding:0px 10px 5px 15px ;
}
.order ul {
	margin:10px auto;
	width:90%}
.order ul li{
	line-height: 1.2em;
	list-style-image: url(../img/lesson_icon/bg_bottun_c.png);
	list-style-position: outside;
	text-align: justify;
	font-size: 17px;
	padding:5px;
	margin:0px 3px 0px 0px	;}

.order_info_kakushu_new_border{
	border: 2px dashed #fff;
}

@media (max-width:768px){
	.order{
		background-color: #fff;
		margin:15px;
		padding:10px 5px;
	}
	.order ul li{
		list-style-image: url(../img/lesson_icon/bg_bottun_c.png);
		list-style-position: outside;
		text-align: justify;
		font-size: 17px;
		padding:5px;}}

@media (max-width:480px){
	.order {
		margin:15px;
		padding:15px 10px 15px 0px;}
	.order h3{
		font-size:140%;
		margin:30px 10px 20px;
		padding:0px 0px 5px 0px ;
		border-bottom:#F1C8D5 dotted 1px;}


	.order ul {
		margin:10px auto;
		width:100%}
	.order ul li{
		list-style-image: url(../img/lesson_icon/bg_bottun_c.png);
		list-style-position: outside;
		text-align: justify;
		font-size: 17px;
		padding:5px;
		margin:0px}}

.order_info_kakushu_new_border{
	border: 2px dashed #fff;
}





/*お申し込みはこちら
**********************************************************/
.order_joy{
	margin:40px;}
.order_joy h1{
	font-size:180%;
	color:#fff;
	margin:20px;
	padding:20px;}

.order_joy a,.order_joy a:active{
	text-decoration: none;
}
@media (max-width:480px){
	.order_joy{
		margin:20px 2px 20px 15px;}
	.order_joy h1{
		font-size:150%;
		color:#fff;
		margin:5px;
		padding:20px 5px;}}

.order_joy_try{
	margin:40px 0px 0px;}
.order_joy_try h1{
	font-size:180%;
	color:#fff;
	margin:20px;
	padding:20px;}

.order_joy_try a,.order_joy_try a:active{
	text-decoration: none;
}
@media (max-width:480px){
	.order_joy_try{
		margin:20px 2px 20px 15px;}
	.order_joy_try h1{
		font-size:150%;
		color:#fff;
		margin:5px;
		padding:20px 5px;}}

/*お申し込みはこちら(味噌づくり)
**********************************************************/
.miso_joy{
	margin:0px;
	text-align:center}
.miso_joy h1{
	font-size:180%;
	color:#fff;
	margin:20px;
	padding:20px;}

.miso_joy a,.miso_joy a:active{
	text-decoration: none;
}
@media (max-width:480px){
	.miso_joy h1{
		font-size:150%;
		color:#fff;
		margin:5px;
		padding:20px 5px;}}
	


	



/* 味噌づくり **************************************************************/
.koji_miso{
	/*max-width: 600px;*/
	margin:20px auto 50px;
	padding:10px;
	background-color:#EFE5DA;
	overflow:auto;
	}
.koji_miso tr,.koji_miso th,.koji_miso td{
	border:2px dotted #fff;}
.koji_miso th {
	text-align: center;
	padding:5px;}
.koji_a{
	width:100px;
	}
.koji_b{
	width:120px;
	}
.koji_c{
	display: none;}

.miso_2019info{
	background-color: #fff;
	padding: 20px;}
.miso_2019info dl dt{
	padding-top:10px;}

.miso_2019info dl dd{
	padding:8px 15px 10px;}

.miso_2019info dl dd .torikesu{
	text-decoration: line-through;
	font-weight:normal;
}

.torikeshi{
	text-decoration: line-through;
	font-weight:normal;
} 

@media (max-width:768px){
	.koji_a{
			display: none;}
	.koji_c{
	display:contents}}

.pic_miso figure{
	text-align: center;}

.pic_miso figure a img{
	margin:10px 0px;}


/*季節のおすすめ御膳
******************************************************************/
.season_a img{
	margin:5px auto ;
	border:#7D5D27 solid 3px}

.season_a p a,　.season_a p a hover{
	color:#fff;
	font-weight: bold;
	margin-bottom:-5px;
	margin-left:-5px;
	padding:10px;}


.season_a h5{
	padding:3px 5px 0px;}
.season_a p{
	padding:5px;}
.season_b{
	margin-top:0px;}

.season_menu_a{
	max-width: 780px;
	background:url("../img/season/bg_tree.jpg");
	padding:30px;
	margin:30px auto;
}
.season_menu_b{
	background-color:rgba(255,255,255,0.9);
	padding:10px 10px 40px 10px;
}



@media (max-width:768px){
	.season_a{
		max-width: 600px;
		margin:20px auto ;}
	.season_a img{
		margin:25px auto 3px;
		border:#7D5D27 solid 3px}
	.season_a button a,　.season_a button a hover{
		color:#fff;
		font-weight: bold;}
	.season_a h5{
		padding:3px 5px 0px;}
	.season_a p{
		padding:0px 5px 3px;}
	.season_b{
		margin-top:-50px;}}



.order_season{
	background-color: #fff;
	margin:0px;
	padding:15px 50px;
	}
.order_season h3{
	margin:30px 30px 20px;
	padding:30px 10px 5px 0px ;
	border-bottom:#F1C8D5 dotted 1px;}
.order_season h3 span{
	padding:0px;
	border-bottom:#F1C8D5 solid 3px;}
.order_season h4{
	margin:35px 30px 5px 50px;
	padding:0px 10px 10px 0px ;}
.line_pink{
	border-bottom:#F1C8D5 solid 3px;}



.order_season p{
	margin:0px;
	padding:0px 50px 5px;}
.order_season ul, .order_season ol{
	margin:10px auto;
	width:90%}
.order_season ul li{
	line-height: 1.2em;
	list-style-image: url(../img/lesson_icon/bg_bottun_a.jpg);
	list-style-position: outside;
	text-align: justify;
	font-size: 17px;
	padding:5px;
	margin:0px 3px 0px 0px	;}

.order_info_kakushu_new_border{
	border: 2px dashed #fff;}

@media (max-width:768px){
	.order_season{
		background-color: #fff;
		margin:15px;
		padding:10px 5px;}
	.order_season h4{
		margin:15px 10px 5px 3px;
		padding:0px 10px 10px 0px ;}
	.order_season p{
		margin:10px 0px 0px;
		padding:5px 50px 3px;}	
	.order_season ul li{
		list-style-image: url(../img/lesson_icon/bg_bottun_a.jpg);
		list-style-position: outside;
		text-align: justify;
		font-size: 17px;
		padding:5px;}}

@media (max-width:480px){
	.season_menu_a{
		background:url("../img/season/bg_tree.jpg");
		padding:10px;
		margin:5px auto;}
	.season_menu_b{
		background-color:rgba(255,255,255,0.8);
		padding:5px 5px 15px 10px;}
	
	.order_season {
		margin:15px;
		padding:15px 10px 15px 0px;}
	.order_season h3{
		font-size:140%;
		margin:30px 10px 20px;
		padding:0px 0px 5px 0px ;
		border-bottom:#F1C8D5 dotted 1px;}
	.order_season p{
		margin:10px 0px 0px;
		padding:5px 20px 3px;}	

	.order_season ul {
		margin:10px auto;
		width:100%}
	.order_season ul li{
		list-style-image: url(../img/lesson_icon/bg_bottun_a.jpg);
		list-style-position: outside;
		text-align: justify;
		font-size: 17px;
		padding:5px;
		margin:0px}}

.order_info_kakushu_new_border{
	border: 2px dashed #fff;
}






/*食べてみて！薬膳！  ***********************************************************/
#rose-try{
	background-color:#fff;
}
/*
#rose-try h3{
	margin:40px 0px 20px;
	padding:10px 10px 5px 0px ;
	border-bottom:#F1C8D5 dashed 3px;}
#rose-try h3 span{
	padding:0px;
	border-bottom:#F1C8D5 solid 3px;}
*/
#rose-try  p{
	margin:15px 0px 30px;
	padding:10px 10px 5px 15px ;}
	/*margin:10px 30px 20px;
	padding:0px 10px 5px 15px ;}*/
.section_try p{
	border-left:#ED7C29 8px solid;
	line-height: 1.2em;	
	margin:40px 0px 10px;
	padding-left:10px;
	}
.section_try small span{
	color:#ED7C29;
	font-weight:bold;
}	
.section_try label{
	margin-left:15px;
}


.section_amount p{
	border-left:#F1C8D5 8px solid;
	font-weight:bold;
	line-height: 1.2em;	
	margin:40px 0px 10px;
	padding-left:10px;
	}

.radiobutton label {
	padding: 0 10px 0 24px;	/* ラベルの位置 */
	font-size: 16px;
	line-height: 22px;		/* ボタンのサイズに合わせる */
	display: inline-block;
	cursor:	pointer;
	position: relative;
}
.radiobutton label:before {
	content: '';
	width: 22px;		/* ボタンの横幅 */
	height: 22px;		/* ボタンの縦幅 */
	position: absolute;
	top: 0;
	left: 0;
	background-color:rgba(199,196,196,0.3);
	border: 1px solid #C7C4C4;
	border-radius: 50%;
}
.radiobutton input[type="radio"] {
	display: none;
}
.radiobutton input[type="radio"]:checked + label:after {
	content: '';
	width: 14px;		/* マークの横幅 */
	height: 14px;		/* マークの縦幅 */
	position: absolute;
	top: 4px;
	left: 4px;
	background: #f8516d;
	border-radius: 50%;
}

/* thanksページ **************************************************************/
#thanks{
	margin:100px auto　50px;
}
#thanks h3{
	color:#fff;
	font-size:110%;
}
#thanks img{
	margin:90px auto 50px;
}
#thanks .more_thanks{
	padding:30px;
}
@media (max-width:768px){
	#thanks{
	margin:50px 10px;
}
	#thanks h3{
		color:#fff;
		font-size:110%;}
	#thanks img{
		margin:20px auto 20px;}
	#thanks .more_thanks{
		padding:15px;}
}
	
/* スクルールバーをカスタマイズ　************************************************************/
::-webkit-scrollbar {
    width: 10px;}
::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);}
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 50, 0.3);
  border-radius: 10px;
  box-shadow:0 0 0 1px rgba(255, 255, 255, .3);}



/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 1024px) {
    .pc { display: none !important; }
    .sp { display: block !important;}
}

/* 余白のみ　************************************************************/
.ma_top_5{
	margin-top: -5px;}
.ma_top30{
	margin-top:30px;}


.ma_bottom_15{
	margin-bottom:-15px;}
.ma_bottom_70{
	margin-bottom:-70px;}
.ma_top_30{
	margin-top:-30px;}
.ma_bottom15{
	margin-bottom:15px;}

.ma_5auto30{
	margin:5px auto 30px;}


.pa-top20{
	padding-top:20px;}

.pa_bottom_30{
	padding-bottom:30px;}

.pa_bottom15{
	padding-bottom:15px;}