@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);

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

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

strong {font-weight: bold;}

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

html {
  height: 100%;
}

body {
	color: #333;
	font-size: 16px;
    font-family: "Open Sans";
	/*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%;
}

p {
    padding-left: 2.5em;
    padding-right: 0.5em;
}

/*============================
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/husa02.png) no-repeat center top;
    background-size: contain;
}


.header_right {

    background:  url(../img/husa04.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: 18px;
    font-weight: normal;
}

.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";
}


/*============================
top_pr
============================*/

.h_top_pr {
color: #3bb4ab;
font-family: "Sawarabi Mincho";
font-size: 12px;
padding-top: 2em;
padding-bottom: 1em;
background: url(../img/bg_header_top_pr.png) repeat-x top;
}

/*============================
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;
}

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

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

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

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

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


/*============================
title
============================*/

.top_me {
 width: 100%;
}

.top_me p{
 text-align: left;
 font-size: 15px;
 padding: 3px 1em 0px;
}

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

.menu_main {
    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;
}

/*============================
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";
    padding: 0.5em;
    font-size: 15px;
}

.saisin_naiyou_b_course {
    
}

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

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

.menu_lunch span{
    font-family: "Rounded Mplus 1c";
    padding: 0.5em;
    margin: 0.5em;
    border-radius: 15px;
    color: #fff;
}

.menu_lunch p{
    color: #fff;
    text-align: center;
    margin: 0.5em;
    background: #e16871;
    border: 1px solid #333;
    border-radius: 15px;
    font-family: "Open Sans";
    
}

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

.footer_chiharuya{
	width: 100%;
	text-align:center;
	padding: 5px 0;
	font-size: 77%;
    line-height: 240%;
    color: #9a6400;
}

.footer_chiharuya p {
	text-align:center;
	margin: auto;
}
.copyright{
	margin: 0 auto;
	padding: 5px 0;
	text-align: center;
	color: #333333;
}

/* footer button end */

.padding_left_10 {
	padding-left: 10px;
}

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

/*============================
botan
============================*/

.square_btn001 {
    position: relative;
    display: inline-block;
    padding: 0.5em 1em;
    margin: auto;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    background: #5c6aa6;/*背景色*/
    border-bottom: solid 2px #1c0b5a;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
}

.square_btn001:active {
    border-bottom: solid 2px #fd9535;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}


.square_btn_saisin {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #fd9535;/*色*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    border: solid 2px #d27d00;/*線色*/
}

.square_btn_saisin:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}


/*============================
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: 95%;
    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;

}


/* =======================================
	ClearFixElements
======================================= */
.loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.loopslider ul {
	display: inline-block;
	overflow: hidden;
}

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

.main {
    text-align: center;    
}

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

.main_body {
    background: #fff;
    margin: auto;
}

.main_body_map {
    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: 15px;
    padding: 0.5em;
}

.main_body_menu_left {
    text-align: left;
}

.main_body_menu_right {
    text-align: right;
}

.main_body_about_left {
    padding-left: 0.5em;
    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: 15px;
    text-align: left;
    line-height: 180%;
    padding: 0.2em 1em;
}

.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 {
    margin: 1em;
}

.index_chef_right_name span {
    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;
    font-size: 14px;
}

.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_1st p {
    padding: 0.8em;
}


.main_index_2nd h1{
    position: relative;
    background: url(../img/another/dariya_l.png) no-repeat center left;
    background-size: contain;
    padding: 0.5em;
    font-size: 15px;
    text-align: left;
    font-family: "Sawarabi Mincho";
}

.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_2nd p{
line-height: 180%;
font-family: "Sawarabi Mincho";   
}

.main_index_setumei_2nd {
    
}

.main_index_setumei_2nd_sekou {

}

/*============================
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.5em 1em;
    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;

}

.link_botan_bb a{
    background: url(../img/bg_botan_course.png) no-repeat left center #008f93;
    background-size: contain;
    border-color: #008f93;

}

.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 0.5em;
}

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

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

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

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

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

.ryoukin {
 font-size: 28px;
    text-align: right;
    padding-right: 0.5em;
}

.ryoukin strong{
    color: #c40026;
}

.aroma {

}

.seitai {

}

.ashitsubo {

}

.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: "Open Sans";
}

.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;
}

.flex6 {
	-webkit-flex: 6;
	flex: 6;
}

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

.info_about {
    width: 100%;
    margin: auto;
    text-align: center;
}

.info_about h1{
    font-size: 28px;
    color: #9f7f35;
}

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

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

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


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

.footertop {
    margin: 1.5em 0 0 0;
}

footer {
	width: 100%;
	text-align: center;
	margin: auto;
    background: #d9d9d9;
	border-top: 1px solid #1a1a1a;
}


.footer_chiharuya a{
	color: #4da619;
}

.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;
}

/*============================
page-top
============================*/


.page-top
{
	margin: 0 ;
	padding: 0 ;
}
 
.page-top p
{
	margin: 0 ;
	padding: 0 ;

	position: fixed ;
	right: 16px ;
	bottom: 16px ;
}
 
.move-page-top
{
	display: block ;
    
	background: #008740;
	width:  50px ;
	height: 50px ;

	color: #fff ;
	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;

	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */

	
}

.move-page-top:hover
{
	opacity: 0.85 ;
}

/*============================
bt-samp8
============================*/

a.bt-samp8{
  display: block;
  height: 35px;
  width: 240px;
  margin: 2em auto;
  text-decoration: none;
  background: #fdc689;
  color: #fff;
  line-height: 37px;
  text-align: center;
  border-radius: 3px;
  box-shadow: 1px 2px 4px #d4842c;
}
a.bt-samp8:active{  /* クリック時の設定 */
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow:none;
}

/*============================
bt-samp8ns
============================*/

a.bt-samp8ns{
  display: block;
  height: 35px;
  width: 240px;
  margin: 3em auto;
  text-decoration: none;
  background: #d1df9c;
  color: #fff;
  line-height: 37px;
  text-align: center;
  border-radius: 3px;
  box-shadow: 1px 2px 4px #8cc06c;
}
a.bt-samp8ns:active{  /* クリック時の設定 */
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow:none;
}

/*============================
reborn
============================*/

.square_btn {
    position: relative;
    display: inline-block;
    margin:1em auto;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #fd9535;/*色*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    border: solid 2px #d27d00;/*線色*/
}

.square_btn:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}



.btn a{
    text-decoration: none;
    color: #333
}

/*============================
reborn
============================*/

.ribbon2 {
    display: inline-block;
    position: relative;
    height: 60px;
    width: 90%;;
    line-height: 60px;
    vertical-align: middle;
    text-align: center;
    padding: 7px 0;
    font-size: 18px;/*フォントサイズ*/
    background: #78d0f5;/*背景色*/
    color: #FFF;/*文字色*/
    box-sizing: border-box;
}

.ribbon2 h3 {
    vertical-align: middle;
    text-align: center;
    margin: 0;
    padding: 0 30px;
    border-top: dashed 1px #FFF;/*上の破線*/
    border-bottom: dashed 1px #FFF;/*下の破線*/
    line-height: 46px;
}

.ribbon2:before, .ribbon2:after{
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon2:before{/*左端の山形*/
  top: 0;
  left: 0;
  border-width: 30px 0px 30px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.ribbon2:after{/*右端の山形*/
  top: 0;
  right: 0;
  border-width: 30px 15px 30px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}

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

.top_go {
    font-size: 18px;
    margin: 1em;
}


/*============================
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: 24px;
}

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

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

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

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

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

.menu_sub {
    background: #d2cba1;
    color: #fff;
    padding: 0.3em;
    margin-left: 1em;
    width: 120px;
    text-align: center;
    text-shadow: 1px 1px #333;
    border-radius: 20px;
        font-weight: bold;
    text-shadow:1px 1px 3px #000000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#edebb8+0,f9f1c2+0,f2e8b0+41,f2e88e+100 */
background: #edebb8; /* Old browsers */
background: -moz-linear-gradient(top, #edebb8 0%, #f9f1c2 0%, #f2e8b0 41%, #f2e88e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #edebb8 0%,#f9f1c2 0%,#f2e8b0 41%,#f2e88e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #edebb8 0%,#f9f1c2 0%,#f2e8b0 41%,#f2e88e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edebb8', endColorstr='#f2e88e',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;
}