/* ============ CSS for Cosmos Law Firm ====================================================== */


/* ------------ Normalization ---------------------------------------------------------------- */

/*! sanitize.css v3.2.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */

/*
 * Normalization
 */

audio:not([controls]) {
display: none; /* Chrome 44-, iOS 8+, Safari 9+ */
      }

button {
	-webkit-appearance: button; /* iOS 8+ */
overflow: visible; /* Internet Explorer 11- */
}

details {
display: block; /* Edge 12+, Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */
}

html {
	-ms-overflow-style: -ms-autohiding-scrollbar; /* Edge 12+, Internet Explorer 11- */
	overflow-y: scroll; /* All browsers without overlaying scrollbars */
	-webkit-text-size-adjust: 100%; /* iOS 8+ */
}

input {
	-webkit-border-radius: 0 /* iOS 8+ */
}

input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		-webkit-appearance: button;/* iOS 8+ */
	}

input[type="number"] {
width: auto;/* Firefox 36+ */
}

input[type="search"] {
	-webkit-appearance: textfield;/* Chrome 45+, Safari 9+ */
}

input[type="search"]::-webkit-search-cancel-button,
	input[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none;/* Chrome 45+, Safari 9+ */
	}

main {
display: block; /* Android 4.3-, Internet Explorer 11-, Windows Phone 8.1+ */
}

pre {
overflow: auto; /* Internet Explorer 11- */
}

progress {
display: inline-block; /* Internet Explorer 11-, Windows Phone 8.1+ */
}

small {
	font-size: 75%; /* All browsers */
}

summary {
display: block; /* Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */
}

svg:not(:root) {
overflow: hidden; /* Internet Explorer 11- */
    }

template {
display: none; /* Android 4.3-, Internet Explorer 11-, iOS 7-, Safari 7-, Windows Phone 8.1+ */
}

textarea {
overflow: auto; /* Edge 12+, Internet Explorer 11- */
}

[hidden] {
display: none; /* Internet Explorer 10- */
}

/*
 * Universal inheritance
 */

*,
:before,
:after {
	box-sizing: inherit;
}

* {
	font-size: inherit;
	line-height: inherit;
}

:before,
:after {
	text-decoration: inherit;
	vertical-align: inherit;
	}



/*
 * Opinionated defaults
 */

/* specify the border style and width of all elements */

*,
:before,
:after {
	border-style: solid;
	border-width: 0;
}

/* specify the core styles of all elements */

* {
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

/* specify the root styles of the document */

:root {
	background-color: #ffffff;
  background: #fff url("../images/background@2x.png") no-repeat center center fixed;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
       -o-background-size: 100% 100%;
          background-size: 100% 100%;
	box-sizing: border-box;
	color: #000000;
	cursor: default;
	font: 100%/1.5 sans-serif;
}

/* specify the text decoration of anchors */

a {
	text-decoration: none;
}

a:link,
a:visited,
a:hover,
a:active {
  color: #402f06;
}

/* specify the alignment of media elements */

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

/* specify the background color of form elements */

button,
input,
select,
textarea {
	background-color: transparent;
}

/* specify the inherited color and font of form elements */

button,
input,
select,
textarea {
	color: inherit;
       font-family: inherit;
       font-style: inherit;
       font-weight: inherit;
}

/* specify the minimum height of form elements */

button,
[type="button"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="reset"],
[type="search"],
[type="submit"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
select,
textarea {
	min-height: 1.5em;
}

/* specify the font family of code elements */

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
}

/* specify the list style of nav lists */

nav ol,
nav ul {
    list-style: none;
}

/* specify the standard appearance of selects */

select {
	-moz-appearance: none;    /* Firefox 40+ */
	-webkit-appearance: none /* Chrome 45+ */
}

select::-ms-expand {
	display: none;/* Edge 12+, Internet Explorer 11- */
}

select::-ms-value {
	color: currentColor;/* Edge 12+, Internet Explorer 11- */
}

/* specify the border styling of tables */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* specify the resizability of textareas */

textarea {
	resize: vertical;
}

/* specify the background color, font color, and drop shadow of text selections */

::-moz-selection {
	background-color: #b3d4fc; /* required when declaring ::selection */
	color: #ffffff;
       text-shadow: none;
}

::selection {
	background-color: #b3d4fc; /* required when declaring ::selection */
	color: #ffffff;
	text-shadow: none;
}

/* specify the progress cursor of updating elements */

[aria-busy="true"] {
	cursor: progress;
}

/* specify the pointer cursor of trigger elements */

[aria-controls] {
	cursor: pointer;
}

/* specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */

[aria-disabled] {
	cursor: default;
}

/* specify the style of visually hidden yet accessible elements */

[hidden][aria-hidden="false"] {
	clip: rect(0 0 0 0);
	display: inherit;
	position: absolute
}

[hidden][aria-hidden="false"]:focus {
	clip: auto;
}

/* remove delay from tapping on clickable elements */

a,
area,
button,
input,
label,
select,
textarea,
[tabindex] {
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

/*# sourceMappingURL=sanitize.css.map */



/* ------------ Grobal  --------------------------------------------------------------- */

body {
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 13px;
  color: #402f06;
}

#header-t-inner,
#header-l-inner,
#footer_t_inner,
#footer_l_inner {
  width: 950px;
  margin: 0 auto;
}

#main-menu-inner,
#main-img-inner,
#recent_tp_inner,
#ao_h2_inner,
#feedback_h2_inner,
#outline_h2_inner,
#topics_h2_inner,
#about_o_inner,
#feedback_inner,
#outline_inner,
#topics_cont_inner,
#access_cont_inner {
  margin: 0 auto;
}

#ao_h2,
#feedback_h2,
#outline_h2,
#topics_h2 {
  width: 100%;
  font-size: 24px;
  text-align: left;
  padding-left: 15px;
}

#ao_h2_inner,
#feedback_h2_inner,
#outline_h2_inner,
#topics_h2_inner {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0.5em;
  border-left: solid 5px #cc3300;
  border-bottom: solid 1px #cc3300;
  text-align: left;
}

#recent_tp,
#about_o,
#feedback,
#outline,
#topics_cont,
#access_cont {
  width: 750px;
}

#about_o,
#feedback,
#outline,
#topics_cont,
#access_cont {
  padding: 10px 0 10px 15px;
}

#recent_tp_inner,
#about_o_inner,
#feedback_inner,
#outline_inner,
#topics_cont_inner,
#access_cont_inner {
}

#about_o_inner p,
#outline_inner p,
#feedback_inner p {
  padding: 0 15px 0 15px;
}

#about_o_inner p,
#about_o_inner ul,
#about_o_inner li,
#outline_inner p,
#outline_inner ul,
#outline_inner li,
#recent_tp_inner p,
#feedback_inner p {
  text-align: justify;
  line-height: 163%;
}

#recent_tp_inner p {
  font-size: 14px;
  font-weight: bold;
  padding-left: 15px;
}

#topics_list_cont {
  width: 750px;
  margin-left: 140px;
}

#about_o_inner ul,
#outline_inner ul,
#left_c ul {
  list-style-type: none;
}

#left_c ul {
  margin-top: -3px;
}

#left_c {
  float: left;
  width: 124px;
  margin-right: 16px;
}

#left_c h3 {
  margin: -3px 0 10px 0;
  color: rgb(0, 78, 162);
  border-bottom: dotted 1px rgb(56, 161, 219);

}

.yousu,
#topics_list_cont h3 {
  width: 750px;
  margin: 20px auto 12px auto;
  border-left: solid 5px #cc3300;
  padding-left: 0.5em;
  font-size: 14px;
  text-align: left;
}

.yousu {
  clear: left;
}

#topics_list_cont h3 {
  width: 750px;
  margin: 0;
}

#topics_list_cont h4,
#access_left h3 {
}


/* clearfix */

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

/* ------------ Header  --------------------------------------------------------------- */

#header-t {
  height: 80px;
  margin: 0;
  text-align: left;
}

#header-t-inner {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -o-box;
  display: box;
  -webkit-box-align: end;
     -moz-box-align: end;
      -ms-box-align: end;
       -o-box-align: end;
          box-align: end;
}

#header-t-inner a {
  display: block;
  padding-left: 30px;
  font-size: 30px;
}

#header-l {
  text-align: center;
  font-size: 0px;
}

#header-l-inner {
  display: inline-block;
  height: 10px;
  margin: 0;
  background: linear-gradient(90deg, rgb(204, 51, 0) 50%, rgb(243, 201, 177), rgb(204, 51, 0), rgb(243, 201, 177), rgb(204, 51, 0)) repeat scroll 0 0;
}

/* ------------ Main  --------------------------------------------------------------- */

#main {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 950px;
  margin-left: auto;
  margin-right: auto;
}

/* ------------ Contents  --------------------------------------------------------------- */

#contents {
  width: 750px;
  text-align: center;
}

/* ------------ SideNav  --------------------------------------------------------------- */

#side_nav {
  background: #f4d59c;
  width: 200px;
  text-align: center;
}

/* ------------ MainMenu  --------------------------------------------------------------- */

#main-menu {
  background: #f4d59c;
  width: 200px;
}

#main-menu-inner {
  margin: 0;
  padding: 0;
}

.mm-list,
.mm-list-last {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -o-box;
  display: box;
  padding: 5px 20px;
  margin: 0;
  width: 200px;
  height: 55px;
  text-align: left;
  font-size: 16px;
  border-bottom: solid 1px #402f06;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-box-align: center;
       -o-box-align: center;
          box-align: center;
}

.mm-list:hover,
.mm-list-last:hover {
  background-color: rgba(0, 0, 0, .2);
}

.mm-list-last {
  width: 200px;
  margin-right: 0;
  border-right: 0;
}

.mm-list a,
.mm-list-last a {
  display: block;
  text-decoration: none;
  border-left: solid 5px #cc3300;
  padding-left: 0.5em;
}

.mm-list img {
  margin-top: -2px;
}

/* ------------ MainImage  --------------------------------------------------------------- */

#main-img {
  overflow: hidden;
}

#main-img-inner {
  overflow: hidden;
}

#main-img-inner img {
  width: 100%;
  height: auto;
}


/* ------------ RecentTopics  --------------------------------------------------------------- */

#recent_tp_inner {
  padding: 3px 15px;
}

#rec_tp_t {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0.5em;
  border-left: solid 5px #cc3300;
  border-bottom: solid 1px #cc3300;
  text-align: left;
}

#tp_button {
  margin: -24px auto 0 auto;
  text-align: right;
}

#tp_button img {
  margin-right: -3px;
}

#recent_tp_inner dl {
  width: 100%;
}

#recent_tp_inner dt {
  float:left;
  clear:left;
  text-align: left;
  font-weight: bold;
  width: 120px;
}

#recent_tp_inner dd {
  float:left;
  text-align: left;
  margin-left: 5px;
}

div.topics_content {
  padding-bottom: 20px;
  margin-bottom: 20px;
  line-height: 160%;
  border-bottom: 1px dotted #000;
}

div.topics_content>p {
  margin-bottom: 20px;
}

div.topics_content>.date {
  margin: 0;
  color: rgb(56, 161, 219);
  font-weight: bold;
}

div#recent_tp_w>h3 {
  position: relative;
  top: -10px;
  margin: -10px 0;
  color: #fff;
}

div.topics_content>h4 {
  margin-bottom: 23px;
  color: rgb(0, 78, 162);
  font-size: 14px;
  font-weight: bold;
}


/* ------------ Footer  --------------------------------------------------------------- */

#footer {
  height: 145px;
}

#footer_top_m {
}

#ftop_m_in {
  width: 950px;
  height: 25px;
  margin: 0 auto;
  padding-top: 4px;
  color: #fff;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
}

#footer_top_m a {
  color: #fff;
  letter-spacing: 1px;
  white-space: nowrap;
  text-shadow: 0 0 2px  rgb(0, 104, 183), 0 0 2px  rgb(0, 104, 183), 0 0 2px  rgb(0, 104, 183);
}

#footer_bottom {
  text-align: center;
}

#footer_l {
  text-align: center;
  font-size: 0px;
}

#footer_l_inner {
  display: inline-block;
  height: 5px;
  margin: 0;
  background: #f4d59c;
}

#footer_t {
  margin-top: 20px;
}

#footer_t_inner {
  letter-spacing: .5px;
  font-weight: normal;
}

#footer_t_name {
  float: left;
  margin-left: 30px;
  text-align: left;
  vertical-align: top;
  font-size: 24px;
}
#footer_t_addr {
  float: right;
  margin-right: 30px;
  text-align: right;
  vertical-align: top;
}

#footer_t p {
}

#copyright {
  display: block;
  height: 12px;
  margin: 18px 0;
  text-align: center;
  font-size: 11px;
  line-height: 125%;
}


/* ------------ AboutOurOffice  --------------------------------------------------------------- */

#gyomu {
  margin-top: 1.5em;
}

.ph_office {
  margin: 5px 15px;
  text-align: left;
}

.ph_right {
}

.ph_office img {
  width: 720px;
}

#about_o_inner dl {
  width: 100%;
  padding: 15px 15px 0 15px;
}

#about_o_inner dt {
  float:left;
  clear:left;
  text-align: left;
  font-weight: bold;
  width: 100px;
}

#about_o_inner dd {
  float:left;
  text-align: left;
  margin-left: 5px;
}

/* ------------ Outline  --------------------------------------------------------------- */

.o-list ul {
  counter-reset:list;
  list-style-type:none;
  padding:0;
}

.o-list li {
  position:relative;
  padding: 0 0 0 20px;
  margin: 7px 0 7px 25px;
  font-weight: bold;
  font-size:14px;
  line-height: 30px;
}

.o-list li:before {
  counter-increment: list;
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  height: 0;
  width: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid #cc3300;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.gyoumu {
  float: left;
  width: 370px;
  margin: 0 20px 37px 0;
}

.gyoumu {
  margin-right: 0;
}

.first {
  margin-top: 0;
}

/* ------------ Feedback  --------------------------------------------------------------- */

.feedback_wrapper {
  position: relative;
  width: 650px;
  background: #fcf2e1;
  padding: 15px 15px 10px 15px;
  margin: 0 auto;
}

.feedback_prof {
  display: inline-block;
  width: 100%;
  text-align: left;
  font-size: 18px;
}

.feedback_prof dl {
  width: 100%;
}

.feedback_prof dt {
  float:left;
  clear:left;
  text-align: left;
}

.feedback_prof dd {
  float:left;
  text-align: left;
}

.feedback_icon {
  display: inline-block;
  vertical-align: top;
}

.feedback_comments {
  display: block;
  margin: 5px 0;
  text-align: left;
}

.feedback_comments p.question {
  font-weight: bold;
  border-bottom: dashed 2px #402f06;
  margin: 5px 0;
}

.feedback_comments p.answer {
}

/* ------------ TopicsPage  --------------------------------------------------------------- */

#topics_list_cont h4 {
  margin-top: 0;
}

#topics_list_cont .date {
  margin-top: 37px;
}


/* ------------ Access  --------------------------------------------------------------- */

#access_cont_inner {
  display: table;
  padding-right: 15px;
}

#access_left {
  display: table-cell;
  width: 300px;
  margin-right: 10px;
  vertical-align: top;
}

#access_left p,
#access_left li {
  text-align: left;
}

#access_left h3 {
  margin: 35px 0 17px 0;
}

#access_left .first {
  margin: 10px auto 12px auto;
  border-left: solid 5px #cc3300;
  padding-left: 0.5em;
  font-size: 14px;
  text-align: left;
}

#access_left li {
  margin-left: 1em;
}

#map {
  display: table-cell;
  width: 420px;
  padding-left: 10px;
}

#map img {
  width: 450px;
}

#map a {
  display: block;
  margin-top: 1em;
  text-align:right;
}