@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
@import url(https://fonts.googleapis.com/earlyaccess/mplus1p.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);


/*============================
common
============================*/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

strong {font-weight: bold;}

/*============================
layout
============================*/

html {
  height: 100%;
}

body {
	color: #333;
	font-family: 'Sawarabi Mincho','Open Sans','Mplus 1p','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial' , 'helvetica', sans-serif;
	margin: auto;
	text-align: center;
	background: #fff;
    overflow-x: hidden;
}

/*a {
	color: #000000;
	text-decoration:  none;
}*/

small {
	font-size: 66%;
}

/*============================
header
============================*/

header{
 /*border-bottom: 3px solid #4da619;*/
    background: #fff;
}

header h1 {
  padding-bottom: .5em;
  font-family: "Sawarabi Mincho";
  font-size: 36px;
}
header h1 span {
  display: block;
  margin-bottom: .2em;
  color: #aaa;
  font-size: .5em;
}

.header_left {
    background:  url(../img/husa.png) no-repeat center top;
    background-size: contain;
}


.header_right {
    position: relative;
    background:  url(../img/husa.png) no-repeat center top;
    background-size: contain;
}

.header_right_ss {
    color: #333;
    background: rgba(254,254,254,0.8)  no-repeat right bottom;
    padding: 0 0.2em;
    border-radius: 8px;
    font-size: 21px;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    left: 0;
}

.logo {
    text-align: left;
}

.head_w {
    width: 1024px;
    margin: auto;
    text-align: center;
}

.contact {
    color: #333;
    font-size: 28px;
    font-weight: 900;
    font-size: 18px;
    padding: 0;
    text-align: right;
}

.contact i {
    padding-right: 0.5em;
    color: #4da619;
}

.contact a {
    color: #333;
}

.contact_d {
    padding: 0.5em 0;
}

.contact_r {
    color: #fafafa;
    background: #a15f2b;
    font-size: 12px;
    padding: 0.5em;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}

.tel {
    font-size: 36px;
}

.cc_h {
    color: #3a3a3a;
    font-size: .8em;
    padding-right: 4.5em;
}

.about {
      font-family: "Sawarabi Mincho";
}



/*============================
billboard
============================*/


.billboard {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: rgb(255,255,255); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    width: 65%;
    margin: 1em auto;
}

.bb_index {
    position:relative; 
    
    
}


.bb_index_img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 999;

}

/*============================
viewer
============================*/
.viewer {
    margin: 0 auto;
    width: 2000px;
    height: 700px;
    text-align: center;
    overflow: hidden;
}
 
.viewer ul {
    width: 2000px;
    height: 700px;
    text-align: left;
    overflow: hidden;
    position: relative;
}
 
.viewer ul li {
    top: 0;
    left: 0;
    width: 2000px;
    height: 700px;
    margin: 0 auto;
    display: none;
    position: absolute;
}

/*============================
viewer_img
============================*/
.viewer_img {
    margin: 0 auto;
    width: 2000px;
    height: 700px;
    text-align: center;
    overflow: hidden;
}
 
.viewer_img ul {
    width: 2000px;
    height: 700px;
    text-align: left;
    overflow: hidden;
    position: relative;
}
 
.viewer_img ul li {
    top: 0;
    left: 0;
    width: 2000px;
    height: 700px;
    margin: 0 auto;
    display: none;
    position: absolute;
}

/*============================
viewer_menu
============================*/
.viewer_menu {
    padding-top: 2em;
    margin: 0 auto;
    width: 800px;
    height: 532px;
    text-align: center;
    overflow: hidden;
}
 
.viewer_menu ul {
    width: 800px;
    height: 532px;
    text-align: left;
    overflow: hidden;
    position: relative;
}
 
.viewer_menu ul li {
    top: 0;
    left: 0;
    width: 800px;
    height: 532px;
    margin: 0 auto;
    display: none;
    position: absolute;
}


/*============================
viewer_info
============================*/

.viewer_info {
    padding-top: 2em;
    margin: 0 auto;
    width: 800px;
    height: 532px;
    text-align: center;
    overflow: hidden;
}
 
.viewer_info ul {
    width: 800px;
    height: 532px;
    text-align: left;
    overflow: hidden;
    position: relative;
}
 
.viewer_info ul li {
    top: 0;
    left: 0;
    width: 800px;
    height: 532px;
    margin: 0 auto;
    display: none;
    position: absolute;
}

/*============================
nav
============================*/

.nav_main{
    
    width: 100%;
    background: #000;
    /*border-top: 3px solid #4da619;*/
    
}

.nav {

}

.nav div {
    
    border-left: 1px solid #b38431;
}

.nav div:first-child{
    border-left: 0px solid #333;
}

.nav a{
    display: block;
    color: #2E383F;
    padding: 0.6em;
    font-size: 16px;
    text-decoration: none;    
}

.nav a span{
    color: #dc6000;
    font-size: 0.8em;
    text-decoration: none;  
}

.nav a:hover {
    color: #ec9800;
    background: #fdca8a;
    
}

.nav {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 2em;
  /*background: #ECECEB;*/
}

.nav ul {
  text-align: center;

}

.nav ul li {
  display: inline-block;
}

.nav ul li a {
  padding: 0.8em;
  text-transform:uppercase;
  color: #008740;
  font-size: 18px;
  font-family: "Sawarabi Mincho";
  text-decoration: none;
  margin: auto;
  text-align: center;
  display: block;

}

.nav ul li a:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.1);
  color: #f7b357;
}

.nav a {
    color: #fff;
    font-weight: bold;
    text-shadow:1px 1px 3px #000000;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d5cea6+0,c9c190+40,b7ad70+100;Brown+3D */
background: rgb(213,206,166); /* Old browsers */
background: -moz-linear-gradient(top, rgba(213,206,166,1) 0%, rgba(201,193,144,1) 40%, rgba(183,173,112,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(213,206,166,1) 0%,rgba(201,193,144,1) 40%,rgba(183,173,112,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(213,206,166,1) 0%,rgba(201,193,144,1) 40%,rgba(183,173,112,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5cea6', endColorstr='#b7ad70',GradientType=0 ); /* IE6-9 */
      box-shadow:-1px 0px 0px rgba(225,225,225,0.3) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;
}

.nav div a:hover {
  background:#fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc578+0,fb9d23+100;Orange+3D+%233 */
background: rgb(255,197,120); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,197,120,1) 0%, rgba(251,157,35,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-9 */ color-stop(0.50, #444), color-stop(0.50, #333), color-stop(1, #444));
  box-shadow: 1px 0px 0px rgba(225,225,225,0) inset,
			 -1px 0px 0px rgba(225,225,225,0) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;
}
.nav div a span:hover {
    color: darkslateblue;
}

#nav_active a{
  background:#fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc578+0,fb9d23+100;Orange+3D+%233 */
background: rgb(255,197,120); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,197,120,1) 0%, rgba(251,157,35,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-9 */ color-stop(0.50, #444), color-stop(0.50, #333), color-stop(1, #444));
  box-shadow: 1px 0px 0px rgba(225,225,225,0) inset,
			 -1px 0px 0px rgba(225,225,225,0) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;
}

/*============================
menu
============================*/

#menu {
  width:530px;
  padding:0;
  margin:0;
  list-style-type: none;
}
#menu li {
  width:20%;
  float:left;
  padding:0;
  margin:0;
  text-align:center;
}
#menu li a {
  width:auto;
  color:#fff;
  font-size:12px;
  font-weight:bold;
  text-shadow:0 -1px 0px #333,0 1px 0px #555;
  padding:10px 0;
  text-decoration:none;
  display:block;
  background:#666;
  background-image: -moz-linear-gradient(top, #888 0%, #777 50%, #666 50%, #777 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #888), color-stop(0.50, #777), color-stop(0.50, #666), color-stop(1, #777));
  border-left:1px solid #444;
  box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
			 -1px 0px 0px rgba(225,225,225,0.3) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;
}
#menu li:first-child a{
  border-left:0px;
  border-radius:5px 0 0 5px;
  border-left:0;
  box-shadow:-1px 0px 0px rgba(225,225,225,0.3) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;
}
#menu li:last-child a{
  border-radius:0 5px 5px 0;
  box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;
}
#menu li a:hover {
  background:#555;
  background-image: -moz-linear-gradient(top, #555 0%, #444 50%, #333 50%, #444 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.50, #444), color-stop(0.50, #333), color-stop(1, #444));
  box-shadow: 1px 0px 0px rgba(225,225,225,0) inset,
			 -1px 0px 0px rgba(225,225,225,0) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;
}

.menu_main {
    width: 800px;
    margin: auto;
    text-align: left;
}

.menu_main h2{
    text-align: center;
}

.menu_main p{
    margin: 0.5em 0;
}

.menu_main span{
    border-radius: 15px;
    border: 1px solid #000;
    background: #000;
    color:#fff;
    font-size: 21px;
    padding: 0.2em;
    margin: 0.5em 0;
}

.menu_lunch {
    font-family: "Rounded Mplus 1c";
    background: #ffecec;
    border: 1px solid #9b545c;
    border-radius: 15px;
    padding: 0.8em;
    margin: 1.5em auto;
    font-size: 21px;
    line-height: 300%;
    
}

.menu_lunch span{
    font-family: "Rounded Mplus 1c";
    padding: 0.5em;
    margin: 0.5em;
}

.saisin_naiyou_b_course {
    
    font-family: "Rounded Mplus 1c";
    
}

.lunch_course p {
    color: #fff;
    text-align: center;
    margin: 0.5em;
    background: #e16871;
    border: 1px solid #333;
    border-radius: 15px;
}

.lunch_course_menu {
    font-size: 1.5em;
    padding-left: 5em;
}

/*============================
main
============================*/

.main {
    width: 100%;
    height: 100%;
    text-align: center;    
}

.main_2nd {
    width: 100%;
    height: 100%;
    text-align: center;
    background: #fff url(../img/bg_main_leaf.png) no-repeat left top;
}

.main_body {
    width: 1024px;
    background: #fff;
    margin: auto;
}

.main_body_map {
    width: 1200px;
    background: #fff;
    margin: auto;
}

.main_body_map h1 {
    font-size: 32px;
    color: #9f7f35;
    padding: 1em 0 0.6em;
    text-align: center;
    font-family: "Sawarabi Mincho";
}

.main_body_menu {
    text-align: center;
    margin: auto;
    width: 1200px;   
}

.main_body_paddy {
    
    width: 1200px;
    margin: auto;
    padding: 1em;
    
}

.menu_act h1 {
    font-size: 32px;
    color: #9f7f35;
    padding: 1em 0 0.6em;
    text-align: center;
    font-family: "Sawarabi Mincho";
}

.menu_act {
       text-align: center;
    margin: 2em auto;
    width: 800px;
}

.main_body_menu_w {
    border-bottom: 1px #9f7f35 dashed;
    font-size: 21px;
    padding: 0.5em;
}

.main_body_menu_left {
    text-align: left;
}

.main_body_menu_right {
    text-align: right;
}

.main_body_about_left {
    
    text-align: left;
    
}

.main_body_about_right {
    
    text-align: left;
    
}

.menu_bottom {
    border-top: 2px solid #333;
    padding: 0.5em;
}

.menu_bottom_ac {
    background: #ec9800;
    padding: 0.2em;
    border-radius: 10px;
}

.menu_bottom_ac a {

    
color: #ffffff;

}

.main_body h1 {
    font-size: 21px;
    color: #9f7f35;
    padding: 1em 0 0.6em;
    text-align: left;
    font-family: "Sawarabi Mincho";
}
.main_body h2 {
    font-size: 28px;
    color: #672d01;
    padding: 0 1em;
    text-align: left;
    font-family: "Sawarabi Mincho";
}

.main_body h3 {
    font-size: 24px;
    color: #dc6000;
    padding:1em 0 ;
    text-align: left;
    font-family: "Sawarabi Mincho";
}
.main_body h4 {
    font-size: 21px;
    color: #672d01;
    padding: 0 0;
    text-align: left;
    font-family: "Sawarabi Mincho";
}

.index_b {
    font-size: 20px;
    text-align: left;
    line-height: 180%;
}

.index_bb {
    font-size: 19px;
    text-align: left;
    line-height: 180%;
}

.index_b h1 {
  position: relative;
  text-align: center;
}
.index_b h1 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 4em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}
.index_b h1::before {
  position: absolute;
  top: 60%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #ccc;
  background: -webkit-linear-gradient(-45deg, transparent, #9f7f35 10%, #9f7f35 90%, transparent);
  background: linear-gradient(-45deg, transparent, #9f7f35 10%, #9f7f35 90%, transparent);
}

.index_b h2 {
  padding: 0.2em;
  margin: 0.8em auto;
  color: #9f7f35;
  border-bottom: 2px solid #9f7f35;
}


.index_chef_right {
    position: relative;
    
}

.index_chef_right_name {
    position: absolute;
    left: 2em;
    bottom: 0;
}

.index_chef_right_name span {
    color: ;
    font-size: 1.5em;
    border-bottom: 1px solid #333;
}

/*============================
index
============================*/

.main_index_1st h1{
    position: relative;
    background: url(../img/another/kamomail_l.png) no-repeat center left;
    background-size: contain;
    padding: 0.6em 0 0.4em;
    padding-left: 4em;
}

.main_index_1st h1:after {
content: "";
display: block;
height: 4px;
background: -moz-linear-gradient(to right, rgb(230, 90, 90), transparent);
background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
background: linear-gradient(to right, rgb(145, 179, 28), transparent);
}

.main_index_st p {
    padding: 0;
}

.main_index_setumei_1st {
    background: url(../img/bg_index_bet.png) right center no-repeat;
    background-size: 300px;
}

.main_index_2nd h1{
    position: relative;
    background: url(../img/another/dariya_l.png) no-repeat center left;
    background-size: contain;
    padding: 0.6em 0 0.4em;
    padding-left: 4em;
}

.main_index_2nd h1:after {
content: "";
display: block;
height: 4px;
background: -moz-linear-gradient(to right, rgb(230, 90, 90), transparent);
background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
background: linear-gradient(to right, rgb( 197, 0, 76 ), transparent);
}

.main_index_setumei_2nd {
    background: url(../img/bg_aroma_sozai.png) left center no-repeat;
    background-size: 300px;
    
}

.main_index_setumei_2nd_sekou {
    background: url(../img/bg_aroma_sekou.png) right center no-repeat;
    background-size: 300px;
    
}

.chef_kao {
    margin: 2em auto;
}

/*============================
Information
============================*/

.info_about {
    width: 860px;
    margin: auto;
    text-align: center;
}

.info_about h1{
    font-size: 28px;
}

.info_main{
    width: 800px;
    margin: 1em auto;
    text-align: center;
    font-size: 24px;
}

.info_main > .flex_w{
    border-bottom: 1px solid #a6a6a6;
}

.info_main > .flex_w > .flex3{
    text-align: left;
    padding-left:1em;
}


/*============================
saisin_naiyou
============================*/

.saisin_naiyou {

    font-family: "Rounded Mplus 1c";
}
    
    
.saisin_naiyou h1{
    
    font-size: 32px;
    font-family: "Rounded Mplus 1c";
}

.saisin_naiyou h1{
position: relative;
padding: 0.25em 0;
}

.saisin_naiyou h1:after {
content: "";
display: block;
height: 4px;
background: -moz-linear-gradient(to right, rgb(159, 127, 53), transparent);
background: -webkit-linear-gradient(to right, rgb(159, 127, 53), transparent);
background: linear-gradient(to right, rgb(159, 127, 53), transparent);
}

.saisin_naiyou p {
    
    font-family: "Rounded Mplus 1c";
    
}

#saisin_naiyou_p {
    
    font-family: "Rounded Mplus 1c";
    
}

.saisin_naiyou_b_course {
    
}

/*============================
link_botan
============================*/

.link_botan {
    text-align: center;
    margin: 2em auto;
}

.link_botan a{
    display: block;
    color: #4da619;
    font-size: 21px;
    text-align: center;
    color: #fff;
    font-family: "Sawarabi Mincho";
    text-decoration: none;
    padding: 0.1em;
    margin: 0 2em 0 0;
    border: 3px #4da619 solid;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}

 .link_botan a:hover {
  background: #fdca8a;
  text-align: center;
  transition-duration: 900ms;
  color: #dc6000;
}

.link_botan_home a{
    background: url(../img/bg_botan_home.png) no-repeat left center #4da619;
    background-size: contain;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
    margin-left: 2em;
}

.link_botan_bb a{
    background: url(../img/bg_botan_course.png) no-repeat left center #008f93;
    background-size: contain;
    border-color: #008f93;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}

.link_botan_map a{
    background: url(../img/bg_botan_map.png) no-repeat left center #dc6000;
    background-size: contain;
    border-color: #dc6000;
}

.setmenu {
    padding: 0 3em;
}

/*============================
course
============================*/

.course {
    margin: 0em auto 1.5em;
    padding-bottom: 1.5em;
    font-family: "Sawarabi Mincho";
    border-bottom: dashed 1px #d1df9c;
}

.course_r {
    text-align: right;
    margin: 0em auto 1.5em;
    padding-left: 380px;
    padding-bottom: 1.5em;
    font-family: "Sawarabi Mincho";
    border-bottom: dashed 1px #d1df9c;
}

.setsumei {
    text-align: left;
    padding: 0.5em 2em;
}

.setsumei_1 {
    text-align: left;
    padding: 0.5em 2em;
}

.ryoukin {
 font-size: 28px;
}

.ryoukin strong{
    color: #c40026;
}

.aroma {
    background: url(../img/course/bg_massage.png) no-repeat right center;
    background-size: 380px;
}

.seitai {
    background: url(../img/course/bg_seitai.png) no-repeat left center;
    background-size: 380px;
}

.ashitsubo {
    background: url(../img/course/bg_ashitsubo.png) no-repeat right bottom;
    background-size: 380px;
}

.main_body i {
	color:#fff;
}

.main_body p {
    text-align: left;
    padding: 0 0 0 0em;
    line-height: 180%;
    font-size: 26px;
    padding: 1em 0;
    font-family: "Sawarabi Mincho";
}

.category h1{
    width: 100%;
    text-align: center;
    background: repeat-x center center;    
}

#seitai {
    
    background: url(../img/line_main_category.png) repeat-x center center;
}

.category h1 span{
    background: #fff;
    padding: 0.2em 0.5em;
}


.category_b h1{
    width: 100%;
    color: ;
    text-align: center;
    background: repeat-x url() center center;
    background-size: 380px;    
}

.category_b h1 span{
    background: #fff;
    padding: 0.2em 0.5em;
}

#aroma {
    color: #ee8db2;
    background: url(../img/course/b_illust_5_1M.png) repeat-x center center;    

}

/*============================
flexbox
============================*/

.flex_w {
	display: -webkit-flex;
	display: flex;
	width: 100%;
}

.flex_wc {
	display: -webkit-flex;
	display: flex;

}

.flex1 {
	-webkit-flex: 1;
	flex: 1;
}

.flex2 {
	-webkit-flex: 2;
	flex: 2;
}

.flex3 {
	-webkit-flex: 3;
	flex: 3;
}

.flex4 {
	-webkit-flex: 4;
	flex: 4;
}

.flex5 {
	-webkit-flex: 5;
	flex: 5;
}

/*============================
ul
============================*/

ol{  
	width: 100%;
	padding: 0.3em;
	padding-left: 2em;
	list-style-type: circle
}


li{
	text-align: left;
	margin: 3px;
}

/*============================
globalNav_f
============================*/

.globalNav_f {
	list-style: none;
	overflow: hidden;
    margin: auto;
    background: #fff;
}

.globalNav_f li {
	float: left;
	border-right: 1px solid #DDD;
}

.globalNav_f li a {
	display: block;
	padding: 10px 15px;
	text-align: center;
	text-decoration: none;
	color: #333;
    font-size: 16px;
}

.globalNav_f li a:hover {
	background: #EEE;
}

.active {
	background: #333;
	color: #fff;
}

/*============================
dl 
============================*/

dl{  
  font-family: "Sawarabi Mincho";
}

dt{
  font-size: 18px;
  padding: 0.5em;
  padding-top: 1em;
  width : 12em;
  text-align: left;
  float : left;/* 左に寄せる */
  clear : both;/* フロートの解除 */
  border-bottom: 1px #ec9800 dashed;
  line-height: 180%
  font-family: "Sawarabi Mincho";
}

dd {
  font-size: 18px;
  padding: 0.5em;
  padding-left: 5em;
  text-align: left;
  margin-left : 11.5em;/* DTの幅分の設定 */
  border-bottom: 1px #ec9800 dashed;
  line-height: 180%;
  font-family: "Sawarabi Mincho";
}

.small{font-size:10px}

dl{  
  font-family: "Sawarabi Mincho";
}

/*============================
dl menu
============================*/

.main_body_menu dt{
  font-size: 18px;
  padding: 0.5em;
  padding-top: 1em;
  width : 30em;
  text-align: left;
  float : left;/* 左に寄せる */
  clear : both;/* フロートの解除 */
  border-bottom: 0px #9f7f35 dashed;
  line-height: 180%
  font-family: "Sawarabi Mincho";
}

.main_body_menu dd {
  font-size: 18px;
  padding: 0.5em;
  padding-left: 50em;
  text-align: right;
  margin-left : 11.5em;/* DTの幅分の設定 */
  border-bottom: 1px #9f7f35 dashed;
  line-height: 180%;
  font-family: "Sawarabi Mincho";
}


/*============================
bottom_menu
============================*/

.bottom_menu {
    color: #fff;
    text-align: center;
}

.bottom_menu_body {
    padding-top: 3em;
    padding-bottom: 3em;
    margin: auto;
    width: 1200px;
}

.bottom_menu_body div{
    line-height: 180%;
}

.bottom_menu_body h3{
    padding-top: 0.8em;
    font-size: 1.2em;
}

.bottom_top {
        width: 100%;
        border-bottom: 3px solid #fdca8a;
}

.bottom_top_index {
    
        width: 100%;
        border-top: 3px solid #c40026;
        border-bottom: 6px solid #fdca8a;
    
}

.bottom_top_map {
    
        width: 100%;
        border-top: 3px solid #0063a4;
        border-bottom: 6px solid #fdca8a;
    
}

.bottom_top_menu {
    
        width: 100%;
        border-top: 3px solid #4da619;
        border-bottom: 6px solid #fdca8a;
    
}

.bottom_top_paddy {
    
        width: 100%;
        border-top: 3px solid #ffeb00;
        border-bottom: 6px solid #fdca8a;
     
}

.bottom_about {
    background: rgba(256,256,256,0)  no-repeat right bottom;
    padding: 3em;
    color: #333;
}

.bottom_right {
    
}

.bottom_side_left {
        background: url(../img/husa02.png)  no-repeat right bottom;
    background-size:contain;
}

.bottom_side_right {
         background: url(../img/husa03.png)  no-repeat right bottom;
    background-size: contain;
}

.bottom_side_right02 {
         background: url(../img/husa04.png)  no-repeat right bottom;
    background-size: contain;
}

/*============================
Tax
============================*/

.tax {
    text-align: right;
    padding: 0.5em;
}

/*============================
Footer
============================*/

footer {
	width: 100%;
	text-align: center;
	margin: auto;
	background: #454968;
	color: #4da619;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}

footer .footer_c {
	margin: auto;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

footer .footer_c a {

	color: #9a6400;

}

footer .footer_c_div_w {

	border: 1px solid #afb0be;

}

.footer_chiharuya {
	width: 100%;
	text-align:center;
	margin:0 auto;
	padding: 5px 0;
	font-size: 15px;
	background: #d9d9d9;
	
	border-top: 1px solid #1a1a1a;
}

.footer_chiharuya a{
	color: #9a6400;
}

.footer_chiharuya a:hover{
	color: #ff9302;
	text-decoration: underline;
}

.copyright{
	margin: 0 auto;
	padding: 5px 0;
	text-align: center;
	color: #9a6400;
}

.copyright a{
	color: #4da619;
}

.copyright a:hover{
	color: #ff9302;
	text-decoration: underline;
}

/* footer button end */

.padding_left_10 {
	padding-left: 10px;
}

.float_left {
	float: left;
}
.clear {
	clear: both;
}

/*============================
SNS button
============================*/

.fl_tw {
  text-decoration: none;
  display: inline-block;
  text-align: center;
  color: #1da1f3;
  font-size: 15px;
  text-decoration: none;
  }

.fl_tw:hover {
  color:#88daff;
  transition: .5s;
}

.fl_tw .twicon{
  border-radius: 10px;
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  font-size: 18px;
  line-height: 190%;
  vertical-align: middle;
  color: #FFF;
  background: #1da1f3;
}

.fl_tw .twicon .fa {
  line-height: 24px;
}

.fl_fb {
  text-decoration: none;
  display: inline-block;
  text-align: center;
  color: #4966a0;;
  font-size: 15px;
  text-decoration: none;
  }

.fl_fb:hover {
  color:#668ad8;
  transition: .5s;
}

.fl_fb .fbicon{
  border-radius: 10px;
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  font-size: 21px;
  line-height: 180%;
  vertical-align: middle;
  color: #FFF;
  background: #4966a0;;
}

.fl_fb .fbicon .fa-facebook {
    position: absolute;
    bottom: -3px;
    right: 6px;
    font-size: 24px;
}


/*============================
top_go
============================*/

.top_go {
    font-size: 21px;
}

/*============================
pr
============================*/

.pr {
    border: 3px solid #9f7f35;
    border-radius: 10px;
    margin: 2em auto;
    padding: 1em;
    width: 740px;

    font-size: 15px;
}

.pr h2{
    margin: 0.5em auto 0.2em;
    text-align: center;
    font-size: 28px;
}

.pr p{
    padding: 0;
    margin: 0em auto;
    font-size: 18px;
}

.pr pr_con {
    padding: 0;
    margin: 0em auto;
    text-align: center;
    font-size: 1px;
}

.pr_co {
    border: 1px solid #333;
    border-radius: 10px; 
    padding: 5px 10px;
    background: #f0e499;
    color: #fff;
    text-shadow:1px 1px 1px #000000;
}

.pr u {
    padding-top: 0.3em;
    margin-left: 1em;
    font-size: 21px;
}