@charset "utf-8";
/* default style reset　--------------------------------------------*/

body {
    margin: 0 auto;
    color: #000;
    font-size: 16px;
    font-family: verdana, "メイリオ", "Meiryo", Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1;
}

a img, img {
    border: 0;
}

table, td, th {
    border-collapse: collapse;
    border-spacing: 0;
}


/****************************************
                header
*****************************************/
/*-------------------------------------------------- ヘッダー内 ----------*/
header {
    width: 100%;
    height: 115px;
    border-top: 4px solid #CC9AAD;
    border-bottom: 2px solid #CC9AAD;
    background-color: #F7EDED;
    margin-top: 0;
}

.hdtop {
    font-size: 14px;
    color: #BF6000;
    padding-left: 10px;
    padding-top: 8px;
}

.hdtop_sub {
    font-size: 11px;
    color: #336633;
    line-height: 130%;
    padding-left: 10px;
}

.header-logo {
    display: inline-block;
}

.header-logo img {
    display: block;
}

/*-------------------------------------------------- ナビゲーション ----------*/
#nav {
    width: 100%;
    margin: 10px 30px 10px 30px;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #EC5986;
    letter-spacing: 0;
    text-align: right;
    float: left;
    list-style-type: none;
}

#nav li {
    color: #EC5986;
    padding: 0 10px;
    float: left;
    letter-spacing: 0;
}

#nav li a {
    color: #EC5986;
    text-decoration: none;
}

#nav li a:hover {
    color: #3BD3C5;
}


/*-------------------------------------------------- トピック パス ----------*/
#topicPath {
    width: 940px;
    margin: 15px 30px 15px 30px;
    padding: 0;
    font-size: 13px;
    color: #666666;
    text-align: left;
    float: left;
    list-style-type: none;
}

#topicPath li {
    padding: 0 5px;
    float: left;
    letter-spacing: 0;
}

#topicPath li a {
    color: #818181;
    text-decoration: none;
}

#topicPath li a:hover {
    color: #c0c0c0;
    text-decoration: underline;
}


/***********************************************/
/* side                                        */
/***********************************************/
/*-------------------------------------------------- サイドメニュー ----------*/
#submenu {
    font-size: 14px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    border-bottom-width: 1px;
    line-height: 120%;
    padding: 8px 8px 8px 7px;
}

.submenu_box {
    margin-bottom: 0;
    padding-bottom: 0;
    background-image: url(../images/bg/bg_sidebar2.gif);
    border: 1px solid #CCCCCC;
    border-bottom-width: 0px;
}

.submenu_title {
    background-image: url(../images/bg/bg_sidebar.gif);
    border: 1px solid #CCCCCC;
    border-bottom-width: 0;
}

.submenu_title a {
    text-decoration: none;
}

/*.menubgon{
	color: #6A3500;
	background-color: #e1eed6;
}*/
.submenubg:hover {
    color: #6A3500;
    background-color: #e1eed6;
}

.submenulink {
    color: #6A3500;
    text-decoration: none;
}

.submenulink :hover {
    color: #608000;
    text-decoration: none;
}

.submenulink :visited {
    color: #6A3500;
    text-decoration: none;
}

.submenulink :visited:hover {
    color: #608000;
    text-decoration: none;
}

.submenu_heading {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-shadow: 2px 2px 2px #444444;
    padding: 2px 6px;
    line-height: 150%;
}

.submenu_heading:hover {
    color: #ffff66;
}

.submenu-headinlink {
    color: #fff;
}

.submenu-headinglink:hover {
    color: #fff;
}

.submenu-headinglink:visited {
    color: #fff;
}

.submenu-headinglink:visited:hover {
    color: #fff;
}

#submenu2 {
    font-size: 12px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    border-bottom-width: 1px;
    line-height: 130%;
    letter-spacing: 0;
    padding: 2px 2px 6px 0;
    color: #000000;
}

.submenu2_box a {
    text-decoration: none;
}

#submenu2:hover {
    opacity: 0.85;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    -webkit-filter: brightness(105%);
    color: darkcyan;
}

.submenu2_box {
    margin-bottom: 0;
    padding-bottom: 0;
    background-color: #fff;
    border: 2px solid #CCCCCC;
    border-bottom-width: 1px;
}

.submenu2_float {
    float: left;
    padding: 0 7px 0 3px;
}

.season_float {
    float: left;
    padding: 0 20px 0 0;
    line-height: 100%;
}


/*-------------------------------------------------- サイドメニュー・バナー ----------*/
#banner {
    padding: 5px 5px 5px 5px;
}

.banner_bg {
    margin: 4px;
    padding: 5px 0 1px 5px;
}

#banner {
    width: 265px;
    margin: 0;
    padding: 4px 0 1px 5px;
    background-image: url("../images/bg/bg_plaid01.gif");
    background-position: left top;
    background-repeat: repeat;
}

#banner ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#banner li {
    display: block;
    margin-bottom: 5px;
}

#banner li a {
    display: block;
    text-align: left;
    background-position: center left;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    width: 260px;
    height: 73px;
}

#banner li a:hover {
    opacity: 0.85;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    -webkit-filter: brightness(105%);
}

#banner a#banner-category1 { /* カテゴリ1 */
    background-image: url(../images/banner/banner_01.jpg);
    background-size: 260px 83px;
}

#banner a#banner-category2 { /* カテゴリ2 */
    background-image: url(../images/banner/banner_02.jpg);
    background-size: 260px 83px;
}

#banner a#banner-category3 { /* カテゴリ3 */
    background-image: url(../images/banner/banner_03.jpg);
    background-size: 260px 83px;
}

#banner a#banner-category4 { /* カテゴリ4 */
    background-image: url(../images/banner/banner_04.jpg);
    background-size: 260px 83px;
}

#banner a#banner-category5 { /* カテゴリ5 */
    background-image: url(../images/banner/banner_05.jpg);
    background-size: 260px 83px;
}


.img_wrap {
    border: 1px solid #ddd;
    width: 196px;
    height: 124px;
    margin-left: 0;
    overflow: hidden;
    background: #000;
}

.img_wrap img {
    width: 100%;
    cursor: pointer;
    transition-duration: 0.3s;
}

.img_wrap:hover img {
    opacity: 0.95;
    transition-duration: 0.3s;
}


/****************************************
             main contents
*****************************************/
/*-------------------------------------------------- トップページ メイン画像 ----------*/
#top-img {
    margin: 0;
    text-align: left;
}


/*-------------------------------------------------- テーブル ----------*/
.table-shadow {
    box-shadow: 0 -5px 12px 0 rgba(0, 0, 0, 0.2);
}

.table-shadow2 {
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
}

.table_aroma {
    padding: 3px 0 15px 0;
    background-color: #fff;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
}

.tr_aroma {
    border-bottom: 2px solid #D2D2D2;
    padding: 0 0 8px 0;
}

.table_color {
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
    border: 1px solid #c0c0c0;
}

.table_color td, th {
    border: 1px solid #c0c0c0;
    margin: 10px;
    padding: 8px 10px 18px 10px;
}

.table_food { /* 5thelem06 */
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
    border: 1px solid #c0c0c0;
}

.table_food td, th {
    border: 1px solid #c0c0c0;
    padding: 10px;
}

.table_food1 td, th {
    border: 1px solid #c0c0c0;
    padding: 5px;
}

.table_food2 td, th {
    border: none;
    padding: 2px;
}

.table_food3 td, th {
    border: none;
    padding: 8px;
}

.table_food4 td, th {
    border: none;
    padding: 8px;
}

.table_season {
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
}

.table_melanin {
    border: 1px solid #9eb4da;
    margin: 10px 20px 20px 17px;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
}

.table_check {
    border: 1px solid #9eb4da;
    background-color: #fff;
}

.table_check td, th {
    padding: 3px 3px 2px 10px;
}

.radius-table {
    border: 1px solid #aaa;
    border-collapse: separate;
    overflow: hidden;
    border-spacing: 0;
    border-radius: 14px;
}

.table_Org {
    border: 2px solid #FBB651;
    border-collapse: separate;
    overflow: hidden;
    border-spacing: 0;
}


/***********************************************/
/*   contents                                   */
/***********************************************/


/*-------------------------------------------------- メイン コンテンツ ----------*/
#mainCtsTitle {
    font-size: 28px;
    color: #BC7994;
    font-weight: bold;
    letter-spacing: 0;
    padding: 15px 20px;
    line-height: 100%;
}

.mainCtsTitleSub {
    font-size: 26px;
    color: #BC7994;
    font-weight: bold;
    letter-spacing: 0;
}

.table_mainCtsTitle {
    background-image: url("../images/bg/bg_sidebar2.gif");
    border: 1px solid #aaa;
    border-collapse: separate;
    overflow: hidden;
    border-spacing: 0;
    border-radius: 8px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}

#mainText_h1 {
    padding: 20px 20px 0 10px;
    font-size: 26px;
    color: #000000;
    letter-spacing: 0;
    text-align: left;
    font-weight: 600;
}

#mainText_h2 {
    padding: 20px 20px 0 10px;
    font-size: 23px;
    color: #000000;
    letter-spacing: 0;
    text-align: left;
    font-weight: 600;
}

#mainTextRed_h2 {
    padding: 20px 20px 0 10px;
    font-size: 23px;
    color: #FF0000;
    letter-spacing: 0;
    text-align: left;
    font-weight: 600;
}

#mainText_h3 {
    padding: 18px 18px 0 10px;
    margin-top: 5px;
    margin-bottom: -5px;
    font-size: 21px;
    letter-spacing: 0;
    text-align: left;
    font-weight: 600;
}

#mainTextRed_h3 {
    padding: 18px 18px 0 10px;
    margin-top: 5px;
    margin-bottom: -5px;
    font-size: 21px;
    color: #FF0000;
    letter-spacing: 0;
    text-align: left;
    font-weight: 600;
}

#mainText_h4 {
    padding: 18px 16px 0 10px;
    margin-bottom: -10px;
    font-size: 19px;
    letter-spacing: 0;
    text-align: left;
    font-weight: 600;
}

.outline {
    padding: 18px 20px 0 15px;
    display: inline-block;
    color: #fff; /* 文字の色 */
    font-size: 18pt; /* 文字のサイズ */
    letter-spacing: 1px; /* 文字間 */
    text-shadow: /* 文字の影 */ 2px 2px 1px #003366,
    -1px 1px 0 #003366,
    1px -1px 0 #003366,
    -1px -1px 0 #003366,
    2px 0 1px #003366,
    0 2px 1px #003366,
    -1px 0 1px #003366,
    0 -1px 1px #003366;
}

.mainText {
    padding: 4px 10px;
    font-size: 16px;
    color: #000000;
    letter-spacing: 0;
    line-height: 200%;
}

.mainText_sub {
    padding: 0 4px 10px 24px;
    margin-top: 7px;
    font-size: 16px;
    color: #000000;
    letter-spacing: 0;
    line-height: 180%;
}

.mainText_LED {
    padding: 0 10px;
    font-size: 16px;
    color: #DB0000;
    letter-spacing: 0;
    line-height: 200%;
}

#textlink {
    width: 100%;
    padding: 0 20px 0 20px;
    font-size: 14px;
    color: #68bad5;
    letter-spacing: 0;
    line-height: 170%;
    text-align: left;
    float: left;
    list-style-type: none;
}

#textlink a {
    color: #68bad5;
    letter-spacing: 0;
    text-decoration: none;
}

#textlink a:hover {
    color: #0095F6;
    letter-spacing: 0;
    text-decoration: underline;
    text-underline-position: under;
}


/*-------------------------------------------------- 画像余白 ----------*/
.image_yohaku {
    background-color: white;
    margin: 12px 15px;
    padding: 5px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.image_yohaku1 {
    background-color: white;
    margin: 0;
    padding: 5px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.image_yohaku2 { /* 5thelem03,beauty01,beauty03 */
    background-color: white;
    margin: 23px 14px 10px 15px;
    padding: 5px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.image_yohaku3 {
    background-color: #EFEEEE;
    margin: 20px 12px 10px 17px;
    padding: 5px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.image_yohaku4 {
    margin: 20px 12px 10px 17px;
    padding: 5px;
}

.image_yohaku5 { /* 5thelem07 */
    margin: 15px 0 10px 15px;
}

.image_yohaku6 {
    margin: 15px 21px 10px 12px;
}

.image_yohaku7 {
    margin: 15px 15px 15px 15px;
}

.image_yohaku8 { /* 5thelem06 */
    background-color: white;
    margin: 35px 14px 10px 15px;
    padding: 5px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.image_yohakuR {
    background-color: white;
    margin: 15px 0 10px 15px;
    padding: 5px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.image_yohakuL {
    background-color: white;
    margin: 15px 20px 10px 0;
    padding: 5px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.image_yohakuT {
    background-color: white;
    margin: 0;
    margin: 5px 7px 0 0;
}

.bg_season1 {
    background-image: url(../images/5thelem07-01.png); /* 背景画像指定 */
    background-repeat: no-repeat;
}

.bg_season2 {
    background-image: url(../images/5thelem07-02.png); /* 背景画像指定 */
    background-repeat: no-repeat;
}

.bg_season3 {
    background-image: url(../images/5thelem07-03.png); /* 背景画像指定 */
    background-repeat: no-repeat;
}

.bg_season4 {
    background-image: url(../images/5thelem07-04.png); /* 背景画像指定 */
    background-repeat: no-repeat;
}

.bg_season5 {
    background-image: url(../images/5thelem07-05.png); /* 背景画像指定 */
    background-repeat: no-repeat;
}

.season_float {
    float: left;
    padding: 0 20px 20px 0;
}


/*
.bg_mainText{
	background-color: #fdfdfe ;   
}
#contents h2.page_title {
  margin: 5px 0 0 0;
  padding: 0 2px 5px 8px;
  line-height: 130%;
  font-size: 18px;
  color: #54351f;}
*/

/*-------------------------------------------------- フォント スタイル ----------*/

.f_aromaTitle {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    text-shadow: 1px 2px 3px #d2d2d2;
    padding-top: 8px;
    padding-bottom: 4px;
}

.f_aromaSub {
    font-size: 16px;
    color: #404040;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 120%;
}

.f_aromaMark {
    font-size: 18px;
    line-height: 1em;
}

.f_collarSub_1 {
    font-size: 18px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fffafa, -1px -1px 0 #fffafa,
    -1px 1px 0 #fffafa, 1px -1px 0 #fffafa,
    0 1px 0 #fffafa, 0 -1px 0 #fffafa,
    -1px 0 0 #fffafa, 1px 0 0 #fffafa;
    text-align: center;
    line-height: 120%;
}

.f_collarSub_2 {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 120%;
}

.f_collarSub_3 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 120%;
}

.f_collarT {
    font-size: 16px;
    padding: 6px 0 8px 0;
    letter-spacing: 0;
    line-height: 180%;
}

.f_ol { /* beauty01 */
    font-size: 17px;
    letter-spacing: 0;
    padding: 0 15px 0 56px;
    font-weight: bold;
    line-height: 150%;
}

.f_olt17 { /* beauty08 */
    font-size: 17px;
    letter-spacing: 0;
    padding: 4px 15px 4px 36px;
    line-height: 220%;
}

.f_olt18 { /* beauty08 */
    font-size: 18px;
    letter-spacing: 0;
    padding: 4px 15px 4px 36px;
    line-height: 220%;
}

.f_olt16 { /* beauty08 */
    font-size: 16px;
    letter-spacing: 0;
    padding: 0 15px 4px 36px;
    line-height: 220%;
}

.f_olt16s { /* beauty08 */
    font-size: 16px;
    letter-spacing: 0;
    padding: 0 15px 4px 36px;
    line-height: 180%;
}

.f_olt17s { /* beauty08 */
    font-size: 17px;
    letter-spacing: 0;
    padding: 0 15px 4px 40px;
    line-height: 150%;
}

.f_tbTitle { /* 5thelem06 */
    font-size: 17px;
    letter-spacing: 0;
    line-height: 120%;
}

.f_tbTitleW { /* 5thelem06 */
    font-size: 17px;
    color: #fff;
    letter-spacing: 0;
    line-height: 120%;
}

.f_tb13 { /* 5thelem06 */
    font-size: 13px;
    padding: 6px 0 8px 0;
    letter-spacing: 0;
    line-height: 120%;
}

.f_season {
    padding: 2px 18px 10px 22px;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 190%;
}

.f_season2 {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 150%;
}

.f_season3 {
    padding: 0 19px 10px 22px;
    font-size: 15px;
    letter-spacing: 0;
    font-weight: bold;
    line-height: 150%;
}


.f_scl {
    color: #F70000;
    letter-spacing: 0;
    font-weight: bold;
}

.f_BLG {
    color: #0066CC;
    letter-spacing: 0;
    font-weight: bold;
}

.f_RED {
    color: #FF0000;
    letter-spacing: 0;
    font-weight: bold;
}
.f_titleW {
    color:#ffffff;
    font-size: 24px;
    letter-spacing: 0;
    font-weight: bold;
    background-color:#89b87f;
    padding: 5px;
}

ul.check2 {
    list-style-type: none;
}

ul.check2 img {
    width: 20px;
    margin-right: 10px;
}

/* 
.list_1-wrap {
    list-style:  none;  /* デフォルトのアイコンを消す 
    margin:  0;         /* デフォルト指定上書き 
    padding: 0;         /* デフォルト指定上書き 
}
.list_1 :before {
    content:  "";              /* 空の要素作成 
    width: 7px;               /* 幅指定 
    height: 7px;              /* 高さ指定 
    display: inline-block;     /* インラインブロックにする 
    background-color: #000000;  /* 背景色指定 
    border-radius: 50%;        /* 要素を丸くする 
    position: relative;        /* 位置調整 
    top: -1px;                  /* 位置調整 
    margin-right: 7px;          /* 余白指定 
}
*/


.f_TitlePnk {
    font-size: 20px;
    color: #e61f62;
    letter-spacing: 0;
    font-weight: bold;
    line-height: 150%;
}

.f_32 {
    font-size: 32px;
    letter-spacing: 0;
    line-height: 100%;
}

.f_26 {
    font-size: 26px;
    letter-spacing: 0;
    line-height: 100%;
}

.f_24sh {
    padding: 2px 20px 0 10px;
    margin-bottom: 0;
    font-size: 24px;
    letter-spacing: 0;
    text-align: left;
    font-weight: 600;
    text-shadow: 2px 2px 5px #FBB651;

}

.f_22sh {
    padding: 2px 20px 0 10px;
    margin-bottom: 0;
    font-size: 20px;
    letter-spacing: 0;
    text-align: left;
    font-weight: 600;
    text-shadow: 2px 2px 5px #FBB651;

}

.f_22 { /* beauty06 */
    font-size: 22px;
    letter-spacing: 0;
    line-height: 180%;
}

.f_20 { /* food01 */
    font-size: 20px;
    letter-spacing: 0;
    line-height: 180%;
}

.f_19 {
    font-size: 19px;
    letter-spacing: 0;
    line-height: 180%;
}

.f_18 { /* food01 */
    font-size: 18px;
    letter-spacing: 0;
    line-height: 190%;
}

.f_17 {
    font-size: 17px;
    letter-spacing: 0;
    line-height: 180%;
}

.f_16 {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 180%;
}

.f_16sub {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 160%;
}

.f_16box {
    padding: 0px 15px;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 160%;
}

.f_16t {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 200%;
}

.f_16RED {
    font-size: 16px;
    color: #E53935;
    letter-spacing: 0;
    line-height: 180%;
}

.f_16BLG {
    font-size: 16px;
    color: #0066CC;
    letter-spacing: 0;
    line-height: 180%;
}

.f_15 {
    font-size: 15px;
    letter-spacing: 0;
    line-height: 180%;
}

.f_15sub {
    font-size: 15px;
    letter-spacing: 0;
    line-height: 150%;
}

.f_15s {
    padding: 4px 15px;
    font-size: 15px;
    color: #0066CC;
    letter-spacing: 0;
    line-height: 160%;
}

.f_15BLG {
    font-size: 15px;
    color: #0066CC;
    letter-spacing: 0;
}

.f_15RED {
    font-size: 15px;
    color: #FF0000;
    letter-spacing: 0;
    line-height: 150%;
}

.f_14 {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 100%;
}

.f_14sub {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 160%;
}

.f_14box {
    padding: 4px 15px 5px 1px;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0;
    line-height: 120%;
    display: inline-block;
    transition: all .3s ease 0s;
    text-decoration: none;
}

.f_14box:hover {
    cursor: pointer;
    color: #4CAF50;
}


.f_13 {
    font-size: 13px;
    letter-spacing: 0;
    line-height: 100%;
}

.f_24 {
    font-size: 24px;
    letter-spacing: 0;
}


/*--------------------------------------------------- アンダーライン ----------*/
.mark_sol {
    border-bottom: solid;
    border-color: #000000;
    border-width: 1px;
}

.mark_solR {
    border-bottom: solid;
    border-color: #FF0000;
    border-width: 2px;
}

.mark_dblR {
    border-bottom: double; /*二重線を引く*/
    border-color: #FF0000;
    border-width: 3px;
}

.mark_3 {
    text-decoration: underline; /*下線を引く*/
    text-decoration-style: wavy; /*下線を波線で表示*/
}

.mark_yel { /*food01*/
    background-image: linear-gradient(transparent 70%, #FFFF00 0%);
}

.mark_yel2 { /*5thelem05*/
    background-image: linear-gradient(transparent 0%, #FBFB8D 0%);
}

.mark_pik {
    background-image: linear-gradient(transparent 70%, #FFCCCC 0%);
}

.mark_blu {
    background-image: linear-gradient(transparent 70%, #daebfb 0%);
}

.mark_bluB {
    background-image: linear-gradient(transparent 60%, #daebfb 50%);
    font-weight: bold;
    color: #666;
}

.mark_bluh2 {
    background-image: linear-gradient(transparent 0%, #E0FFE0 0%);
}

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

#footer {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 20px 0 15px 0;
    text-align: center;
    font-size: 12px;
    color: #fff;
    line-height: 1.2;
    border-top: solid 2px;
    border-top-color: #c2ad96;
    background-image: url("../images/bg/bg_footer.gif");
}

#footer a {
    color: #fff;
    font-size: 12px;
    text-decoration: none;
}

#footer a:hover {
    color: #999999;
    text-decoration: none;
}

.copyright {
    padding: 0 0 15px 0;
    color: #fff;
    font-size: 11px;
    line-height: 1.4;
}


/***********************************************/
/*   bgcolor styles                            */
/***********************************************/
/* 背景色 */


/***********************************************/
/*   bcontact                            */
/***********************************************/

.al-inquiry-form :is(.al-step-confirm,.al-step-success,.al-step-error){
    display:none;
}

.al-inquiry-form {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.al-inquiry-form table {
    margin:0 40px;
    width: 100%;
}

.al-inquiry-form th {
    padding: 0;
    letter-spacing: 0;
    text-align: left;
}

.al-inquiry-form td {
    height: 30px;
}

.al-step-confirm th {
    padding-left:30px;
}
.al-step-confirm td {
    height:50px;
}

.inputArea {
    width: 400px;
    padding: 3px 0 3px 5px;
    border: 1px solid #dddcdc;
    font-size: 16px;
}

.inputArea.sama {
    width:380px!important;
    margin-right:4px;
}

.help{
    margin:0;
}
.small {
    color: #F3090D;
    font-size: 12px;
}

.al-inquiry-form select {
    width: 407px;
    color: #333333;
    font-size: 14px;
    padding: 3px 0 3px 5px;
    border: 1px solid #dddcdc;
}

.al-inquiry-form textarea {
    width: 400px;
    min-height: 100px;
    color: #333333;
    font-size: 16px;
    margin: 10px 0 0;
    padding: 3px 0 3px 5px;
    border: 1px solid #dddcdc;
}

.mainFormBtn {
    width: 88%;
    text-align: right;
    padding: 20px 0;
    font-size: 17px;
}
.mainFormBtn input{
    font-size: 17px;
}

.is-static {
    border-color: transparent!important;
    background-color: #f3f3f3!important;
}

.inputSend {
    width: 80px;
    margin: 0 5px 10px 0;
}

.message{
    background-color:#f4eded;
    border-radius: 5px;
    margin:50px;
    padding:15px 30px;
}

.message-header{
    font-weight: bold;
    font-size: 20px;
    color: #925d77
}

.message-response{
    color: #925d77;
    background-color: #e9d2de;
    padding: 5px;
}
.is-grouped-centered{
    text-align:center;
}
.contact-caution li{
    line-height: 150%;
    margin: 10px 0;
}

/*--- Step Flow --- */

.al-step-flow {
    display: flex;
    justify-content: center;
    list-style-type: none;
    padding: 0;
    margin:40px 0;
}

.al-step-flow li {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
    color: #969da3;
    font-size: .8em;
}

.al-step-flow li.prev,
.al-step-flow li.current {
    color: #CC9AAD;
}

.al-step-flow li::before {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-bottom: 6px;
    content: '';
    border: 5px solid #d6dde3;
    border-radius: 50%;
    background-color: #fff;
}

.al-step-flow li.prev::before,
.al-step-flow li.current::before {
    border-color: #CC9AAD;
}

.al-step-flow li:not(:last-child)::after {
    position: absolute;
    top: 8px;
    left: 50%;
    z-index: -1;
    width: 100%;
    height: 7px;
    background-color: #d6dde3;
    content: '';
}

.al-step-flow li.current::before,
.al-step-flow li.prev::after {
    background-color: #CC9AAD;
}



/***********************************************/
/*   for Javascript                            */
/***********************************************/

/*--------------------------------------------------- Page Top ボタン ----------*/
#page_top {
    width: 100px;
    height: 60px;
    position: fixed;
    right: -100px;
    bottom: 0;
    background: #ef3f98;
    opacity: 0.6;
}

#page_top a {
    position: relative;
    display: block;
    width: 100px;
    height: 60px;
    text-decoration: none;
}

#page_top a::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: '\f102';
    font-size: 25px;
    color: #fff;
    position: absolute;
    width: 25px;
    height: 25px;
    top: -25px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

#page_top a::after {
    content: 'PAGE TOP';
    font-size: 13px;
    color: #fff;
    position: absolute;
    top: 30px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}