.google-ads {
margin: 0 auto 20px;
} .site-top {
padding: 20px 0;
}
.site-top h1 {
width: 525px;
height: 100px;
margin: 0;
padding: 0;
}
.site-top h1 a {
display: block;
width: 525px;
height: 100px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(//hiramama.com/wp-hrm/wp-content/themes/new-standard-child/img/h-logo.svg) no-repeat 50% 50%;
background-size: 525px 100px;
}
#menu-item-73 {
width: 210px;
height: 60px;
}
#menu-item-73 a {
display: block;
width: 210;
height: 60px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 210 60px;
}
#menu-item-73 a {
background: url(//hiramama.com/wp-hrm/wp-content/themes/new-standard-child/img/h-contact1.svg) no-repeat 50% 50%;
}
#menu-item-231 {
width: 210px;
height: 60px;
}
#menu-item-231 a {
display: block;
width: 210;
height: 60px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 210 60px;
}
#menu-item-231 a {
background: url(//hiramama.com/wp-hrm/wp-content/themes/new-standard-child/img/h-event1.svg) no-repeat 50% 50%;
} #bread_area {
width: 1172px;
zoom: 1;
margin: 5px auto;
font-size: 12px;
}
#bread_area:after {
content: " ";
display: block;
clear: both;
}
#bread_area li {
float: left;
}   #sub_mail {
margin-bottom: 20px;
}
#sub_mail .mail_text {
font-size: 12px;
line-height: 18px;
}
#sub_mail form {
font-size: 12px;
padding: 0 10px;
}
#sub_mail .mail_link {
padding: 10px;
text-align: right;
font-size: 12px;
} .bnr_list {
text-align: center;
}
.bnr_list a {
display: inline-block;
margin-bottom: 10px;
}
.sub_dayori {
text-align: center;
margin-bottom: 20px;
} #page_top {
width: 60px;
height: 60px;
position: fixed;
bottom: 48px;
right: 8px;
z-index: 111;
}
#page_top a {
width: 60px;
height: 60px;
display: block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(//hiramama.com/wp-hrm/wp-content/themes/new-standard-child/img/btn_pageup.png) 50% 50% no-repeat;
background-size: 60px 60px;
}
#page_top a:hover {
background-image: url(//hiramama.com/wp-hrm/wp-content/themes/new-standard-child/img/btn_pageup_on.png);
}
.site-bottom {
margin-bottom: 100px;
} .opacity_base {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
opacity: 0.1;
}
.radius_base {
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
position: relative;
}
.radius_combo {
-moz-border-radius-topleft: 40px;
-webkit-border-top-left-radius: 40px;
border-top-left-radius: 40px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-bottom-left-radius: 15px;
border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 30px;
-webkit-border-bottom-right-radius: 30px;
border-bottom-right-radius: 30px;
position: relative;
}
.gradient_radial {
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjQ1cHgiIGN5PSI0NXB4IiByPSIzMCUiPjxzdG9wIG9mZnNldD0iMzMuMzMzMzMlIiBzdG9wLWNvbG9yPSIjMDBmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMWU5MGZmIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background: -moz-radial-gradient(45px 45px, #00ffff 10px, #1e90ff 30px);
background: -webkit-radial-gradient(45px 45px, #00ffff 10px, #1e90ff 30px);
background: radial-gradient(45px 45px, #00ffff 10px, #1e90ff 30px);
-pie-background: radial-gradient(45px 45px, #00ffff 10px, #1e90ff 30px);
position: relative;
}
.gradient_liner {
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
background: -moz-linear-gradient(left top, #ffffff, #dddddd);
background: -webkit-linear-gradient(left top, #ffffff, #dddddd);
background: linear-gradient(to right bottom, #ffffff, #dddddd);
-pie-background: linear-gradient(#ffffff, #dddddd);
position: relative;
} img[src*='.svg'] {
width: 100%;
height: auto;
} h3.sub_title {
border-bottom: dotted 1px #665852;
padding-bottom: 3px;
-webkit-margin-after: 7px;
} a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
} .baseColor {
color: #3e3430;
}
.baseBackColor {
color: #fff;
}
.black {
color: #3e3430 !important;
}
.gray {
color: #bababa !important;
}
.silver {
color: #efefef !important;
}
.white {
color: #FFF !important;
}
.maroon {
color: #800000 !important;
}
.red {
color: #c30d23 !important;
}
.pink {
color: #f19db5 !important;
}
.purple {
color: #800080 !important;
}
.fuchsia {
color: #ff00ff !important;
}
.orange {
color: #f60 !important;
}
.green {
color: #45b035 !important;
}
.lime {
color: #0f0 !important;
}
.olive {
color: #808000 !important;
}
.yellow {
color: #ffff00 !important;
}
.navy {
color: #337ab7 !important;
}
.blue {
color: #036eb8 !important;
}
.teal {
color: #008080 !important;
}
.aqua {
color: #0ff !important;
}
.brawn {
color: #665852 !important;
}
.min_text {
font-size: 12px !important;
}
.base_text {
font-size: 14px !important;
}
.middle_text {
font-size: 18px !important;
}
.big_text {
font-size: 24px !important;
}
.bold_text {
font-weight: bold !important;
}
.attention {
color: #c30d23 !important;
}
.annotation {
color: #036eb8 !important;
}
.information {
color: #45b035 !important;
}
.text_right {
text-align: right;
}
.text_left {
text-align: left;
}
.text_center {
text-align: center;
} table.tbl4 {
border: none;
}
table.tbl4 td {
width: 25%;
} .line-dotted {
margin: 0 0 0 0;
padding: 0 0 0 0;
border-bottom: 1px dotted #CCC;
}
.line-solid {
margin: 0 0 0 0;
padding: 0 0 0 0;
border-bottom: 1px solid #CCC;
}
.line-footmenu {
margin: 0 0 5px 0;
padding: 0 0 3px 0;
border-bottom: 1px dotted #CCC;
} button, input[type="button"], input[type="reset"], input[type="submit"] {
text-transform: none;
} .mgl15 {
margin-left: 15px;
}
.mgt20 {
margin-top: 20px;
}
.mgb10 {
margin-bottom: 10px;
}
.mgb20 {
margin-bottom: 20px;
}
.mgb40 {
margin-bottom: 40px;
} table th.tw80 {
width: 80px;
} .gallery-columns-4 .gallery-item {
max-width: 24%;
} .hidden {
display: none;
}
.opacity {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
}
.over-hidden {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.border-radius {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
mark, ins {
background-color: transparent;
} .panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
padding: 15px;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
color: inherit;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel-footer input {
margin-bottom: 5px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.list-group + .panel-footer {
border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
padding-right: 15px;
padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0;
}
.panel > .table-responsive {
margin-bottom: 0;
border: 0;
}
.panel-group {
margin-bottom: 20px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #ddd;
}
.panel-default {
border-color: #ddd;
}
.panel-default > .panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
color: #f5f5f5;
background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ddd;
}
.panel-primary {
border-color: #337ab7;
}
.panel-primary > .panel-heading {
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
color: #337ab7;
background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #337ab7;
}
.panel-success {
border-color: #d6e9c6;
}
.panel-success > .panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
color: #dff0d8;
background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d6e9c6;
}
.panel-info {
border-color: #bce8f1;
}
.panel-info > .panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
color: #d9edf7;
background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #bce8f1;
}
.panel-warning {
border-color: #faebcc;
}
.panel-warning > .panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #faebcc;
}
.panel-danger {
border-color: #ebccd1;
}
.panel-danger > .panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
color: #f2dede;
background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ebccd1;
} #top_movie {
min-height: 300px;
max-height: 500px;
overflow: hidden;
text-align: center;
position: relative;
}
#top_movie .top_video {
display: block;
width: 100%;
min-height: 100%;
margin: 0 0 0 auto;
}
#top_movie .top_cover {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: url(//hiramama.com/wp-hrm/wp-content/themes/new-standard-child/img/top_cover.png);
z-index: 2;
}
#top_movie .top_logo {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
margin: auto;
height: 280px;
}
#top_movie .top_logo img {
width: 280px;
height: 280px;
} .entry-credit {
margin: 40px auto;
color: #665852;
}
.entry-credit h2 {
margin: 0 0 10px 0;
color: #665852;
font-size: 28px;
}
.entry-credit input {
margin-bottom: 5px;
} .event_btn {
margin: 20px 0 40px;
text-align: right;
} .faq-question {
font-size: 16px;
-webkit-margin-after: 0;
margin-bottom: 10px;
font-weight: normal;
color: #f19db5;
}
.faq-question:before {
content: "Q.";
}
.faq-answer {
margin-bottom: 40px;
}
.faq-answer:before {
content: "A.";
} @media screen and (max-width: 960px) {
.site-top h1 {
margin: 0 auto;
}
#bread_area {
width: auto;
margin: 5px 10px;
}
}
@media screen and (max-width: 680px) {
#top_movie {
display: none;
}
.site-top h1 {
width: 320px;
height: 60px;
}
.site-top h1 a {
width: 320px;
height: 60px;
background-size: 320px 60px;
}
}