/*------------------------------------*\
    SITE BASIC LAYOUT(PC & MOBILE)
\*------------------------------------*/
/**************************************************
 * VARIABLE
 **************************************************/
/* theme colors */
/* color */
/* links */
/*------------------------------------*\
    GENERAL MIXIN FOR SCSS
\*------------------------------------*/
/*------------------------------------*\
    GENERAL FUNCTIONS FOR SCSS
\*------------------------------------*/
/* getKeys(For Hash) */
/* getValue(For Hash) */
/**************************************************
 * $:Base
 **************************************************/
/* line 17, ../../../scss/resources3/common/css/layout.scss */
html {
  height: 100%;
}

/* line 21, ../../../scss/resources3/common/css/layout.scss */
body {
  color: black;
  line-height: 1.5;
  background-color: #ffffff;
  height: 100%;
}

/**************************************************
 * $:Elements
 **************************************************/
/* line 43, ../../../scss/resources3/common/css/layout.scss */
select,
input,
textarea,
button {
  vertical-align: middle;
  position: relative;
  box-sizing: border-box;
}

/* line 54, ../../../scss/resources3/common/css/layout.scss */
select.w100per,
input[type="text"].w100per,
input[type="checkbox"].w100per,
input[type="radio"].w100per {
  margin-left: 0;
  margin-right: 0;
}

/* line 61, ../../../scss/resources3/common/css/layout.scss */
input[type="checkbox"],
input[type="radio"] {
  margin-top: 0;
  margin-bottom: 2px;
}

/* line 66, ../../../scss/resources3/common/css/layout.scss */
label > input[type="text"] {
  margin-left: 10px;
}
/* line 69, ../../../scss/resources3/common/css/layout.scss */
label > input[type="text"].w100per {
  margin-left: 0;
  margin-right: 0;
}

/* line 75, ../../../scss/resources3/common/css/layout.scss */
label > select {
  margin-right: .5em;
}

/* line 84, ../../../scss/resources3/common/css/layout.scss */
input[type="text"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="url"] {
  -webkit-appearance: none;
  appearance: none;
  border: solid 1px #c5c5c5;
  border-raidus: 0;
  -webkit-border-radius: 0;
}
/* line 94, ../../../scss/resources3/common/css/layout.scss */
input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="url"]:focus {
  outline: none;
  box-shadow: 0 0 2px #7cb0e1;
  border-color: #7cb0e1;
}

/* line 109, ../../../scss/resources3/common/css/layout.scss */
.bold {
  font-weight: bold;
}

/* line 110, ../../../scss/resources3/common/css/layout.scss */
.italic {
  font-style: italic;
}

/* line 113, ../../../scss/resources3/common/css/layout.scss */
.cl_default {
  color: black;
}

/* line 114, ../../../scss/resources3/common/css/layout.scss */
.cl_accent {
  color: #559b00;
}

/* line 115, ../../../scss/resources3/common/css/layout.scss */
.cl_point {
  color: #ff821e;
}

/* line 116, ../../../scss/resources3/common/css/layout.scss */
.cl_attention {
  color: red;
}

/* line 119, ../../../scss/resources3/common/css/layout.scss */
.indent {
  text-indent: -0.9em;
  padding-left: .9em;
}

/* line 130, ../../../scss/resources3/common/css/layout.scss */
a {
  color: #356bb3;
  text-decoration: none;
}
/* line 134, ../../../scss/resources3/common/css/layout.scss */
a:visited {
  color: navy;
}
/* line 139, ../../../scss/resources3/common/css/layout.scss */
a:focus, a:hover {
  color: red;
  text-decoration: none;
}
/* line 144, ../../../scss/resources3/common/css/layout.scss */
a:active {
  color: #ff8000;
}

/* line 152, ../../../scss/resources3/common/css/layout.scss */
a:link,
a:visited,
a:active,
a:hover {
  outline: none;
  text-decoration: none !important;
}

/* line 156, ../../../scss/resources3/common/css/layout.scss */
a:hover {
  text-decoration: none;
}

/**************************************************
 * $:Layout
 **************************************************/
/* line 168, ../../../scss/resources3/common/css/layout.scss */
#WRAPPER {
  width: 100%;
  height: 100%;
}

/* line 179, ../../../scss/resources3/common/css/layout.scss */
#CONTENTS {
  width: 100%;
  word-break: break-all;
}
/* line 182, ../../../scss/resources3/common/css/layout.scss */
#CONTENTS .content_inner {
  margin: 0 auto;
  padding-top: 20px;
}

/* socialBtn */
div.breadsBox ul.socialBtn {
	width: auto;
	margin:10px 10px 0 -400px;
	display:inline-block;
	/display:inline;
	float:right;
	overflow:hidden;
}
ul.socialBtn li {
	float: left;
	padding:0 0 0 10px;
}

/**************************************************
 * $:Others
 **************************************************/
/* line 201, ../../../scss/resources3/common/css/layout.scss */
#DEVICE_HANDLE_IMAGE_PC,
#DEVICE_HANDLE_IMAGE_SP {
  width: 0px;
  height: 0px;
  overflow: hidden;
  opacity: 0;
}

#MENU-BAR-PC .search_menu_inner #KEY-SEARCH-BOX-CELL #KEY-SEARCH-BOX .search_txt_box .search_txt input:focus {
  box-shadow: none;
}