/* casual_beige color.css */

/* html */

html{
  /*background: url('img/container_back_01.png') repeat-y center top;*/
              /*url('img/back_top_02.jpg') no-repeat center top,*/
              /*url('img/html_back_01.jpg') repeat center top;*/
  
  background-color: #FFFFFF;
  /*
  scrollbar-face-color: #EDE0ED;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
  scrollbar-3dlight-color: #E4D2E6;
  scrollbar-arrow-color: #E7C9E7;
  scrollbar-track-color: #F5F1F5;
  scrollbar-darkshadow-color: #A98DAD;
  */
}

body {
  color: #121212;
}

a.c_def,
a.c_def:visited {
  text-decoration: none;
  color: #121212;
}

a{
  color: #304969;
}

.c_link{
  color: #304969;
}

/*
#header .body,
#container .body,
#container_top .body,
#container_bottom .body {
  background-color: #FFFFFF;
}
*/

b.n{
  color :#384939;
}

b.c{
  color: #696645;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a.header_sub_menu{
  font-size: 11px;
  color: #EEF4EC;
}

/* container define */

#container_back{
  background-color: #FCFBFA;
}

#container_top{
  text-align: center;
  background-color: #FCFBFA;
}

#container{
  background-color: #FCFBFA;
}

#container_bottom{
  text-align: center;
  background-color: #FCFBFA;
}


/* header_define */

#header_line{
  color: #EBF2EA;
  background-color: #4E7C49;
  border-bottom: 1px solid #40643C;
}

#header_line a {
  color: #EBF2EA;
}

#header{
  background-color: #396125;
}

#header_main{
  background-color: #396125;
}

#header_logo{
  background-color: #396125;
}

#header_right{
  background-color: #396125;
}

#header_bottom{
  background-color: #396125;
}

#header_slider{
  border-top: 1px solid #27451B;
  background-color: #FFFFFF;
}

.full_image_header_wrap{
  border-top: 1px solid #27451B !important;
}

#header_title_image{
  border-top: 1px solid #27451B;
}

#header_area{
  background-color: #396125;
}

#header_container #header_area,
#header_container ._header_wrap{
  box-shadow: 0px 5px 5px 0px rgba( 39, 69, 27, 0.1 ) !important;
}


/* header line cur */

.header_line_cur{
  background-image: url('https://static.relav.jp/resources/snsmk4/skin/casual_beige/img/header_line_cur_01.png');
}


/* header default image */

#header_slider .default_01{
  background-image: url('https://static.relav.jp/resources/snsmk4/skin/casual_beige/img/header_default_01.png');
}

#header_slider .default_02{
  background-image: url('https://static.relav.jp/resources/snsmk4/skin/casual_beige/img/header_default_02.png');
}

#header_slider .default_03{
  background-image: url('https://static.relav.jp/resources/snsmk4/skin/casual_beige/img/header_default_03.png');
}


.flexslider_wrapper{
  background-color: #AEA787;
}


/* footer_define */

#footer{
  border-top: 1px solid #686039;
  background-color: #8C7551;
}

#footer_menu .menu_column a {
  color: #FFFFFF;
}

#copyright{
  color: #FFFFFF;
}

/* contents_define */

#contents{
  background-color: #FCFBFA;
}

#contents_left_idx{
  background-color: #FCFBFA;
}

#contents_right_idx{
  background-color: #FCFBFA;
}


/* fixed_define */

#header_fixed{
  color: #EEF4EC;
  background-color: #396125;
  border-bottom: 1px solid #C7C3C2;
}

#header_fixed a{
  color: #EEF4EC;
}

div.side_menu_column{
  color: #FFFFFF;
  background-color: #396125;
  border: 1px solid #66804F;
}


/* menu */

.menu > li {
  /*background-color: #FFFFFF;*/
  border: none;
}

.menu > li:first-child {
  border-left: none;
}

.menu > li a.main_column {
  color: #EBF4EA;
  border-left: 1px solid #5F785A;
}

.menu > li:last-child a.main_column {
  border-right: 1px solid #5F785A;
}

.menu > li a {
  color: #EEF4EC;
}

.menu ul.menu__second-level > li,
.menu ul.menu__third-level > li {
  border-color: #2D392B;
}

.menu > li a:hover {
  color: #EBF4EA;
}

.init-right:after {
  border-right: 1px solid #D0E0CB;
  border-top: 1px solid #D0E0CB;
}

li.menu__single ul.menu__second-level {
  background-color: #396125;
}

li.menu__multi ul.menu__second-level {
  background-color: #396125;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level {
  background-color: #396125;
}

.menu__second-level li a:hover {
  color: #B7CEAE;
}

.menu__third-level li a:hover {
  color: #B7CEAE;
}

.menu__fourth-level li a:hover {
  color: #B7CEAE;
}


/* input */

input[type='text'],
input[type='password'],
input[type='button'],
input[type='submit'],
select,
textarea {
  border: 1px solid #DBD6CA;
}

.form_btn{
  min-width: 100px;
  width: 30%;
  font-size: 12px;
  color: #FFFFFF;
  background-color: #A59678;
}

#form_desc{
  color: #62623E;
}

.text_desc{
  color: #62623E;
}


/* container */

#main_container{
  background-color: #F3F3EB;
  border: 1px solid #D3D3B8;
}

#main_item hr,
#btn_area hr{
  height: 2px;
  background-image:url('img/line_02.png');
}

#main_item hr.dot,
#btn_area hr.dot{
  background-image: url("img/_01.png");
}

#side_item hr{
  height: 2px;
  background-image: url('img/line_02.png');
}

#side_under hr.dot{
  background-image: url("img/dot_line_01.png");
}

#side_under hr.line{
  background-image: url("img/dot_line_01.png");
}

#sitemap_area hr.dot{
  background-image: url("img/dot_line_01.png");
}

.image_panel_sentence_area hr.dot{
  background-image: url("img/dot_line_01.png");
}

#contents_frame_title{
  color: #7B7B7B;
  background-image:url('img/contents_title_02.png');
  background-repeat: repeat-y;
  background-size: 8px 10px;
}

.contents_under_link a{
  padding-left: 11px;
  background-image:url('img/cur_01.png');
  background-repeat: no-repeat;
  background-size: 7px 7px;
  background-position: 0px 5px;
}

.icon_new{
  background-image: url("https://static.relav.jp/resources/snsmk4/skin/psnl_01/img/icon/icon_new_01.gif");
  background-position: 3px 4px;
}

.icon_new_b{
  background-image: url("https://static.relav.jp/resources/snsmk4/skin/psnl_01/img/icon/icon_new_01.gif");
  background-position: 4px 7px;
}


/* irast */

.irast{
  background-color: #DBD6B0;
}


/* blog */

#blog_date{
  color: #555B56;
}


/* comment */

#comment_edit_menu{
  background-color: #FFFFFF;
  border: solid 1px #CDB6CF;
}

#comment_frame_after{
  background-image: url("https://static.relav.jp/resources/snsmk4/skin/psnl_01/img/frame_after_01.png");
}

#comment_edit_column{
  color: #815685;
  background-color: #FFFFFF;
}

#comment_edit_column:hover{
  background-color: #E6D5E6;
}

#comment_area_desc{
  color: #555555;
  background-color: #FAFAFA;
  border: 1px solid #E1E1E1;
}

.comment_res_area hr.comment_res_line{
  background-image: url( 'img/dot_line_01.png' );
}


/* popup tools */

#contents_area{
  color: #454430;
  background-color: #FEFEFC;
  border: solid 5px #DCDAC5;
}

div.popup_area{
  background-color: #FEFEFC;
  border: solid 5px #DCDAC5;
}

.popup_title_area{
  background-color: #F3F2EB;
}

.popup_title_text{
  color: #7C7B52;
}

.msg_popup_frame{
  color: #3B5998;
  background-color: #FFFFFF;
  border: 1px solid #CAD3E1;
}

.error_popup_frame{
  border: 1px solid #E6CECF;
  background-color: #FBF2F2;
  color: #B32646;
}

#error_text{
  color: #EE4044;
  background-image: url("https://static.relav.jp/resources/snsmk4/img/icon/icon_error_01.gif");
}

.error_msg{
  color: #EE4044;
  background-image: url("https://static.relav.jp/resources/snsmk4/img/icon/icon_error_01.gif");
}


/* page ctrl */

div.page_ctrl_text_span{
  color: #9F9375;
  border: 1px solid #C1C1AE;
  background-color: #F1F1ED;
}

div.page_ctrl_over_span{
  color: #FFFFFF;
  border: 1px solid #C1C1AE;
  background-color: #D7D6CC;
}

div.page_ctrl_active_span{
  color: #FFFFFF;
  border: 1px solid #C1C1AE;
  background-color: #C9C7AF;
}

div.page_ctrl_pn_span{
  color: #9F9375;
  border: 1px solid #C1C1AE;
  background-color: #EBEBE2;
}

div.page_ctrl_pn_over_span{
  color: #FFFFFF;
  border: 1px solid #C1C1AE;
  background-color: #D7D6CC;
}

#login_frame .login_entry_desc{
  color: #5E573C;
}


/* header */

div#top_line{
  background-color: #FC8C3A;
}


/* footer */

div#contents_footer{
  background-color: #EFEFEF;
}

hr.footer{
}


/* schedule */

ul.calendar_navi li hr{
  background-color: #DBDACE;
}

ul.calendar_navi li.today hr{
  background-color: #E6E3D5;
}

ul.calendar_navi li.sun hr{
  background-color: #E9CBCC;
}

ul.calendar_navi li.sat hr{
  background-color: #CECFE6;
}

.icon_holiday{
  background-image:url('https://static.relav.jp/resources/snsmk4/img/test/holiday_1.gif');
}


/* top scroll btn */

.pagetop a {
  background-color: #A28A55;
}

.pagetop a span.cur{
  color: #E7E1D8;
}

.pagetop span {
  color: #A28A55;
}



/* thumb image */

.thumb_area{
  padding: 5px;
  display: flex;
  flex-direction: column;
}

.thumb_line{
  display: flex;
}

.thumb_area .wrapper.thumb {
  position: relative;
  width: 100%; 
}

.thumb_area .wrapper.thumb:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.thumb_area .square {
  margin: 1px;
  padding: 0px;
  max-width: 100px;
  max-height: 100px;
  min-width: 50px;
  min-height: 50px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 100px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: inline-block;
}

.thumb_area .square.search {
  max-width: 125px;
  max-height: 125px;
}

.thumb_area .square.list{
  max-width: 80px;
  max-height: 80px;
}

.thumb_area .thumb {
  cursor: pointer;
}

.photo_thumb{
  margin: 1px;
  cursor: pointer;
}

.photo_thumb.active{
  background-color: #FFFFFF;
}

.photo_thumb.active img{
  opacity: 0.6;
}

.photo_thumb img{
  max-width: 60px;
  width: 100%;
  vertical-align: bottom;
}


/* album photo */

.album_thumb_line {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.album_thumb_item {
  flex-grow: 1;
  &:not(:first-child){
    margin-left: 12px;
  }
}

.album_thumb_item.album {
  width: 100%;
  margin: 2px;
  padding: 10px;
  border: 1px solid #C9DAD2;
  background-color: #FFFFFF;
  cursor: pointer;
}

.album_thumb_item.album.brank{
  border: none;
  background: none;
}

.album_thumb_item.album_photo {
  width: 100%;
  margin: 2px;
  padding: 8px;
  border: 1px solid #C9DAD2;
  background-color: #FFFFFF;
  cursor: pointer;
}

.album_thumb_item.home {
  width: 100%;
  margin: 1px;
  padding: 8px;
  border: 1px solid #C9DAD2;
  background-color: #FFFFFF;
  cursor: pointer;
}

.album_thumb_item.album_photo.brank{
  border: none;
  background: none;
}

.album_thumb_item .img_thumb {
  position: relative;
  width: 100%;
  
  &::before {
    display: block;
    padding-top: 50%;
    background-color: #000;
    content: '';
  }
  
  .inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  
}

.album_thumb_item .inner .thumb_wrap {
  position: relative;
  width: 100%;
}

.album_thumb_item .inner .thumb_wrap::before {
  content:"";
  display: block;
  padding-top: 100%;
}

.album_thumb_item .inner .thumb {
  font-family: 'rev_mincho_01';
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}


.album_cover_none_area{
  justify-content: center;
  display: flex;
  padding: 10px;
}

.album_cover_none_wrap {
  position: relative;
  width: 32%;
  cursor: pointer;
}

.album_cover_none_wrap::before {
  content:"";
  display: block;
  padding-top: 100%;
}

.album_cover_none_wrap .inner {
  color: #366344;
  padding: 5px;
  font-size: 11px;
  font-family: 'rev_mincho_01';
  border: 1px solid #C9DAD2;
  background-color: #FFFFFF;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.album_cover_none_wrap .inner .caption{
  display: flex;
  border: 1px solid #F0F4F3;
  background-color: #F4F9F7;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}


/* album */

.album_thumb_item .inner .thumb {
  border: 1px solid #CDDED1;
  background-color: #EBF1EC;
  color: #366344;
}


/* album photo */

#img_lotate{
  color: #446A53;
  font-weight: bold;
}

#album_page_info{
  color: #3C5B48;
}


/* image none */

.thumb_area .square.none {
  background-color: #F4F9F7;
  border: 1px solid #CEDDCF;
}

.thumb_area .wrapper.none .caption{
  color: #598554;
}


/* image none */

#member_image_none {
  background-color: #F7F3EE;
  border: 1px solid #E2DDCF;
}

#member_image_none .caption {
  color: #6A613C;
  font-family: 'rev_mincho_01';
}

#community_image_none .caption {
  color: #6A613C;
  font-family: 'rev_mincho_01';
}

#member_image_none .curcle1 {
  background: #E6E2D2;
}

#member_image_none .curcle2 {
  background: #E6E2D2;
}

#community_image_none .curcle3 {
  background: #E6E2D2;
}

#community_image_none .curcle4 {
  background: #E6E2D2;
}

#community_image_none .curcle5 {
  background: #E6E2D2;
}

#community_image_none .balloon::before{
  border-left: 18px solid #DDE0EC;
  border-top: 18px solid #DDE0EC;
  border-right: 18px solid transparent;
  border-bottom: 18px solid transparent;
}

#community_image_none .balloon::after{
  border-left: 18px solid #F5F5FA;
  border-top: 18px solid #F5F5FA;
  border-right: 18px solid transparent;
  border-bottom: 18px solid transparent;
}

#community_image_none .balloon_s::before{
  border-left: 7px solid #DDE0EC;
  border-top: 7px solid #DDE0EC;
}

#community_image_none .balloon_s::after{
  border-left: 7px solid #F5F5FA;
  border-top: 7px solid #F5F5FA;
}


/* calendar */

td.calendar_idx{
  color: #756B46;
}

ul.calendar_navi {
  background: #FFFFFF;
}

ul.calendar_navi:first-child {
  border: 1px solid #D3D3CD;
}

ul.calendar_navi li {
  border: 1px solid #D3D3CD;
  border-top: none;
}

li.mds{
  color: #737042;
  background-color: #F9F9F2;
}

li.ati{
  color: #585858;
}

li.mds.sun{
  color: #7B1522;
  background-color: #F8D6DA;
}

li.mds.sat{
  color: #23216B;
  background-color: #E0E3FE;
}

li.ati.sun{
  color: #7B1522;
  background-color: #FBE6E9;
}

li.ati.sat{
  color: #23216B;
  background-color: #E9EBFE;
}

li.ati.today{
  background-color: #FAFBDD;
}

li.ati div.day{
  color: #757248;
}

li.ati.today div.day{
  color: #767740;
}

li.ati.sun div.day{
  color: #994244;
}

li.ati.sat div.day{
  color: #4451A8;
}

div.schedule_event a{
  color: #345376;
}

a.calendar_idx{
  color: #4B578D;
}

div.contetns_icon{
  background-image: url( 'img/contents_title_01.png' );
}

hr.solid{
  background-image: url( 'img/line_01.png' );
}

hr.dot{
  background-image: url( 'img/dot_line_01.png' );
}

.header_sub_menu_icon{
  background-image: url( 'img/header_cur_01.png?3' );
}

.header_wide_sub_menu_icon{
  background-image: url( 'img/wide_sub_menu_icon_01.png' );
}

.header_wide_sub_menu_link_icon{
  background-image: url( 'img/wide_sub_menu_icon_02.png' );
}

#header_fixed .sticky_header_sub_menu_icon{
  background-image: url( 'img/header_cur_02.png' );
}

#header_fixed.header_type .sticky_header_sub_menu_icon{
  background-image: url( 'img/header_cur_03.png' );
}

#header_container .image_header_menu_icon{
  background-image: url( 'img/header_cur_01.png?3' );
}

.footer_menu_icon{
  background-image: url( 'img/footer_cur_01.png' );
}


/* header main menu */

#header_container #header_area .main_menu_area .main_menu_column:hover .main_menu_under_line_area .main_menu_under_line_column,
#header_container #header_area .main_menu_area .main_menu_column.active .main_menu_under_line_area .main_menu_under_line_column {
  background-color: #77977C;
}

#header_container .text_area {
  color: #FFFFFF;
  text-shadow: 0 2px 5px rgba( 0, 0, 0, .5 );
  border-radius: 0px;
}


/* header wide sub menu */

#header .wide_main_sub_menu_area {
  background-color: #8C7551;
  border-bottom: 1px solid #66553C;
  box-shadow: 0px 1px 3px 0px rgba( 86, 71, 50, 0.2 );
}

#header .sub_menu_area {
  background-color: #FFFFFF;
}

#header .wide_main_sub_menu_area b.sub_menu {
  color: #EBEBE7;
}

#header .wide_main_sub_menu_area a {
  color: #EBEBE7;
}

.sub_menu_area_close_icon .close_icon:before,
.sub_menu_area_close_icon .close_icon:after {
  background-color: #EBEBE7 !important;
}


/* layout frame */

.layout_frame {
  color: #888888;
  background-color: #FFFFFF;
}


/* body */

#header_area .main_title,
#header_area .sub_title,
#header_main_title{
  color: #EBF4EA;
  font-family: 'rev_mincho_01';
}

#header_sub_title{
  color: #EBF4EA;
  font-family: 'rev_mincho_01';
}

#header_area .column:hover .main_title,
#header_area .column:hover .sub_title {
  color: #CFE0CB;
}

#footer_logo img.qr_code{
  background-color: #FFF;
}

#footer_menu .menu_column li {
  border-left: 1px solid #B39D6A;
  border-right: 1px solid #463C24;
}

#footer_menu .menu_column li.first {
  border-right: 1px solid #463C24;
}

#footer_menu .menu_column li.last {
  border-left: 1px solid #B39D6A;
}

div.contents_title,
div.contents_title_idx{
  color: #7D7055;
  font-family: 'rev_mincho_01';
}

.image_panel_sentence_01 .title{
  color: #7D7055;
  font-family: 'rev_mincho_01';
}


/* container frame */

.list_point {
  background-color: #D6D5B8;
}

.list_point_cur1 {
  background-image: url('img/footer_cur_01.png');
}

.list_point_cur2 {
  background-image: url('img/under_cur_01.png');
}

hr.title_line.main{
 border: 0px solid #000;
}

#link_area #icon {
  background-image: url('img/under_cur_01.png');
}


/* entry form */

#form_body div.ln{
  background-image: url( 'img/line_03.png' );
}

#form_body div.mds{
  color: #5C5C3A;
  background-color: #E2E2D1;
}


/* info column */

#info_column_area div.ln{
  background-image: url( 'img/line_03.png' );
}

#info_column_area div.ln.dot{
  background-image: url( 'img/dot_line_01.png' );
}

#info_column_area hr.ln{
  background-image: url( 'img/line_03.png' );
}

#info_column_area hr.ln.dot{
  background-image: url( 'img/dot_line_01.png' );
}

#info_column_area div.mds{
  color: #5C5C3A;
  background-color: #E2E2D1;
}


/* fixed define */

#header_fixed .main_title,
#header_fixed .sub_title {
  font-family: 'rev_mincho_01';
}

div.side_menu_column{
  font-family: 'rev_mincho_01';
}


/* article title */

.article_title_area .title .icon{
  background-image: url( 'img/contents_title_01.png' );
}

.article_title_area .title {
  color: #6D6C47;
  border-bottom: solid 1px #DCDCCF;
}

.article_title_area hr.solid{
  background-image: url( 'img/line_01.png' );
}


/* image panel title */

.image_panel_sentence_area .title .icon{
    background-image: url( 'img/contents_title_01.png' );
}

.image_panel_sentence_area hr.solid{
  background-image: url( 'img/line_01.png' );
}

.text_panel .title .icon{
  background-image: url( 'img/contents_title_01.png' );
}

.text_panel hr.solid{
  background-image: url( 'img/line_01.png' );
}


/* container title */

.image_panel_sentence_area .title {
  color: #5A5A5A;
  border-bottom: solid 1px #DDDDDD;
}


/* text panel */

.text_panel .title {
  font-family: 'rev_mincho_01';
  color: #5A5A5A;
  border-bottom: solid 1px #DDDDDD;
}


/* cursor */

.cur_left{
  border-right: 10px solid #769575;
}

.cur_right{
  border-left: 10px  solid #769575;
}

.cur_left.album_photo_thumb{
  border-right: 10px solid #769575;
}

.cur_right.album_photo_thumb{
  border-left: 10px  solid #769575;
}


/* description */

.desc_column .mds {
  color: #4D6442;
  background-color: #E7F1EA;
}


/* form tag */

.entry_column {
  border-bottom: 1px solid #DDDAD5;
}

.entry_column .mds {
  color: #5C5C3A;
  background-color: #E2E2D1;
}

.entry_column .desc {
  color: #5A5B40;
}


/* no photo image */

.img_thumb.image_no_photo {
  background-image: url( 'https://static.relav.jp/resources/snsmk4/skin/casual_beige/img/no_photo_01.png' );
  background-position: center center;
  background-size: 90%;
  background-repeat: no-repeat;
}


/* slider */

.slider_text{
  color: #FFFFFF;
  font-size: 23px;
  font-weight: bold;
}

.slider_text.a1{
  text-shadow: 2px 2px 2px #2C2C3A,
  -2px 2px 1px #2C2C3A,
  2px -2px 1px #2C2C3A,
  -2px -2px 1px #2C2C3A;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /*font-family: 'rev_mincho_01';*/
  /*font-family:"Yu Gothic M";*/
  /*font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}

.slider_text.a1.s{
  font-family: 'rev_mincho_01';
}

.slider_text.a2{
  text-shadow: 2px 2px 2px #273036,
  -2px 2px 1px #273036,
  2px -2px 1px #273036,
  -2px -2px 1px #273036;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.slider_text.a3{
  text-shadow: 2px 2px 2px #241C1C,
  -2px 2px 1px #241C1C,
  2px -2px 1px #241C1C,
  -2px -2px 1px #241C1C;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.slider_text.a4{
  text-shadow: 2px 2px 2px #07070C,
  -2px 2px 1px #07070C,
  2px -2px 1px #07070C,
  -2px -2px 1px #07070C;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* image border */

.item_body .img_banner,
.img_category.frame {
  background-color: #F4F4F0;
  border: 1px solid #E7DAD3;
  color: #2F2F2F;
}

.feed_thumb .image.frame{
  background-color: #F4F4F0;
  border: 1px solid #E7DAD3;
}

.image_area.frame{
  background-color: #F4F4F0;
  border: 1px solid #E7DAD3;
}

.image_area_margin.frame .image_area_wrap .image_area{
  background-color: #F5F5F1;
  border: 1px solid #DCDCCF;
}

.img_banner.nb{
  background-color: transparent;
  border: none;
}


/* image text */

.image_text{
  color: #FFFFFF;
  font-size: 23px;
  font-weight: bold;
}

.image_text.a1{
  text-shadow: 2px 2px 2px #2C2C3A,
  -2px 2px 1px #2C2C3A,
  2px -2px 1px #2C2C3A,
  -2px -2px 1px #2C2C3A;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /*font-family: 'rev_mincho_01';*/
  /*font-family:"Yu Gothic M";*/
  /*font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}

.image_text.a1.s{
  font-family: 'rev_mincho_01';
}

.image_text.a2{
  text-shadow: 2px 2px 2px #273036,
  -2px 2px 1px #273036,
  2px -2px 1px #273036,
  -2px -2px 1px #273036;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.image_text.a3{
  text-shadow: 2px 2px 2px #241C1C,
  -2px 2px 1px #241C1C,
  2px -2px 1px #241C1C,
  -2px -2px 1px #241C1C;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.image_text.a4{
  text-shadow: 2px 2px 2px #07070C,
  -2px 2px 1px #07070C,
  2px -2px 1px #07070C,
  -2px -2px 1px #07070C;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* smart main menu */

#menuButton span,
#menuButton::before,
#menuButton::after {
  background: #CBDBC1;
}

#header_fixed.simple_type #menuButton span,
#header_fixed.simple_type #menuButton::before,
#header_fixed.simple_type #menuButton::after {
  background: #F0F0F0;
}

#global {
  background: #396125;
  border-top: 1px solid #66804F;
  border-bottom: 1px solid #66804F;
}

ul.main_menu_open_column_area li.column .cur.link,
ul.main_menu_open_column_area li.column .cur.open,
ul.main_menu_open_column_area li.column .cur.close {
  border-top: solid 2px #C8D9BD;
  border-right: solid 2px #C8D9BD;
}

ul.main_menu_open_column_area li.column,
ul.main_menu_open_column_area li.column a,
ul.main_menu_open_column_area li.sub_column,
ul.main_menu_open_column_area li.sub_column a {
  color: #C8D9BD;
}

ul.main_menu_open_column_area li.column,
ul.main_menu_open_column_area li.sub_column,
#main_menu_open_column .column,
.sub_column_area .column {
  border-bottom: 1px solid #66804F;
}

#main_menu_open_column_wrap .close_btn_area .form_btn{
  border: solid 1px #473E4A;
}


/* header page link */

.header_page_link_area{
  background: #FCFBFA;
}

.header_page_link_area .span::before,
.header_page_link_area .span::after {
  background: #B8BAA5;
}

.header_page_link_area .column:last-child .span::before,
.header_page_link_area .column:last-child .span::after {
  background: transparent;
}


/* image text slider */

.image_text_slider_loading {
  background-image: url( 'https://static.relav.jp/resources/snsmk4/img/test/loading_03.gif?7' );
}


/* image gallery slider */

.image_gallery_slider_loading {
  background-image: url( 'https://static.relav.jp/resources/snsmk4/img/test/loading_03.gif?7' );
}

#image_gallery_slider_01_b .image_gallery_slider .list_image_area.img3 .img_thumb {
  border: 1px solid #BFBFBF;
}


/* image gallery thumb list */

#image_gallery_thumb_list_01_a #image_gallery_thumb_list_01_a_img3.thumb_image_list .img_thumb_wrap .img_thumb {
  border: solid 1px #BFBFBF;
}


/* sns icon color */

#sns_link_icon_01_a .sns_link_icon_wrap.icon_default .sns_link_icon_item {
  background-color: #D1CCC2;
}

#sns_link_icon_01_a .sns_link_icon_wrap.icon_default .link_icon_margin .caption {
  color: #FFFFFF;
}

#sns_link_icon_01_b .sns_link_icon_wrap.icon_default .sns_link_icon_item {
  background-color: #CCC7BB;
}

#sns_link_icon_01_b .sns_link_icon_wrap.icon_default .link_icon_margin .caption {
  color: #FFFFFF;
}


/* image panel */

.image_panel_sentence_area.area.design .image_panel_area {
  background-color: #F7F5F0 !important;
}


/* image panel default color */

.image_panel_area.img_none .link_area{
  border-color: #AB9169;
  background-color: #AB9169;
}

.image_panel_area.img_none .link_area:hover{
  opacity: 0.8;
}

.image_panel_area.img_none .link_area .caption{
  color: #FFFFFF;
}


@media screen and ( max-width: 800px ) {
  
  #footer_menu .menu_column li.column .column_body_wrap {
    border-top: 1px solid #A9916B;
    border-bottom: 1px solid #544630;
  }
  
  #footer_menu .right_open_icon::before,
  #footer_menu .right_open_icon::after {
    background: #D1D0BC;
  }
  
  #footer_menu .menu_column li.first {
    border-bottom: 1px solid #544630;
  }
  
  #footer_menu .menu_column li.column:last-child {
    border-top: 1px solid #A9916B;
  }
  
  #footer_menu .menu_column li.last {
    border-top: 1px solid #A9916B;
  }
  
  #footer_menu .menu_column li.first {
    border-right: none;
  }
  
  #footer_menu .menu_column li.last {
    border-left: none;
  }
  
  #footer_menu .footer_sub_column{
    background-color: #A48962;
  }
  
  #footer_menu .footer_sub_column{
    border-top: 1px solid #B59E7D;
    border-bottom: 1px solid #584832;
  }
  
  #footer_menu .footer_sub_column .list_point.footer {
    background-color: #DEDDD1;
  }
  
  
  /* calendar */
  
  ul.calendar_navi:first-child {
    border-bottom: none;
  }
  
  
  /* header page link color */
  
  .header_page_link_area{
    border-top: 1px solid #D0D1C5;
    border-bottom: 1px solid #D0D1C5;
  }
  
  .header_page_link_area a{
    color: #585741;
  }
  
  .header_page_link_area .span::before,
  .header_page_link_area .span::after {
    background: #D0D1C5;
  }
  
  .header_page_link_area .column:last-child .span::before,
  .header_page_link_area .column:last-child .span::after {
    background: #D0D1C5;
  }
  
  .header_page_link_area .column {
    background-color: #FFFFFF;
  }
  
  .header_page_link_area .column .span_body::before,
  .header_page_link_area .column .span_body::after {
    background-color: #FFFFFF;
  }
  
  .header_page_link_area .column.active {
    margin-right: 50px;
    background-color: #F4F4F0;
  }
  
  .header_page_link_area .column.active .span_body::before,
  .header_page_link_area .column.active .span_body::after {
    background: #F4F4F0;
  }
  
}
