@charset "utf-8";

/*** ヘッダ *********************************/
html{
    scroll-padding-top:115px;
}
body{
    background-color:#fff;
}
#header{
    display: block;
    width:100%;
    height:60px;
    margin: 0px auto;
    background-color:#fff;
    z-index:100;
    position: fixed;
    top: 0; 
    left: 0;
    right: 0;
}
#header:after{
    content: "";
    display: block;
    clear: both;
}
#header .header_in{
    display: block;
    width:1260px;
    height:60px;
    margin: 0px auto;
}
#header ul.header_logo {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    float:left;
    width:500px;
    margin: 0;
    padding: 0;
}
#header ul.header_logo li.logo {
    display: inline-block;
    margin: 0px 0px 0px 20px;
    padding: 0;
    width: 280px;
}
#header ul.header_logo li.logo h1.logo {
    display: inline-block;
    margin: 17px 0px 0px 40px;
    padding: 0;
    width: 220px;
}
#header ul.header_logo li.logo img {
    width: 220px;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0;
}
#header ul.header_logo li.sns {
    display: inline-block;
    margin: 20px 0px 0px 0px;
    padding: 0;
}
#header ul.header_logo li.sns a {
    display:inline-block;
    width: 40px;
}



#header ul.pc_menu {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    float:right;
    margin: 0;
    padding: 0;
}
#header ul.pc_menu li {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align:center;
}
#header ul.pc_menu li a {
    display: inline-block;
    color:#000;
    font-size:14px;
}
#header ul.pc_menu li a:hover {
    opacity:.7;
}
#header ul.pc_menu li.contact {
    display: inline-block;
    margin: 0;
    padding: 0;
}
#header ul.pc_menu li.contact a {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size:14px;
    color:#fff;
    width:140px;
    height:60px;
    background-color:#C7000B;
}
#header ul.pc_menu li.contact img {
    padding:0px 3px 0px 0px;
    width:26px;
    height:auto;
    vertical-align: middle;
}
#header ul.pc_menu li.contact span {
    display: inline-block;
    padding:20px 0px 0px 0px;
}
#header ul.pc_menu li.quot {
    display: inline-block;
    margin: 0;
    padding: 0;
    border-right:solid 1px #fff;
}
#header ul.pc_menu li.quot a {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size:14px;
    color:#fff;
    width:140px;
    height:60px;
    background-color:#910000;
}
#header ul.pc_menu li.quot img {
    padding:0px 3px 0px 0px;
    width:32px;
    height:auto;
    vertical-align: middle;
}
#header ul.pc_menu li.quot span {
    display: inline-block;
    padding:18px 0px 0px 0px;
}
#header ul.pc_menu li.navi {
    display: inline-block;
    margin-right:15px;
    margin-bottom:0px;
    width:90px;
    height:45px;
}
#header ul.pc_menu li.navi a.sankaku {
    display: block;
    padding: 6px 0 8px;
    position: relative;
}
#header ul.pc_menu li.navi a.sankaku:before {
    content: '';
    width: 10px;
    height: 10px;
    border: 0;
    border-bottom: solid 2px #000;
    border-right: solid 2px #000;
    transform: rotate(45deg);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    margin: auto;
}
#header ul.pc_menu li.navi span.sankaku {
    display: block;
    padding: 6px 0 8px;
    position: relative;
    font-size:14px;
    cursor: pointer;
}
#header ul.pc_menu li.navi span.sankaku:hover {
    color:#333333;
    border-color:#333333;
}
#header ul.pc_menu li.navi span.sankaku:before {
    content: '';
    width: 10px;
    height: 10px;
    border: 0;
    border-bottom: solid 2px #000;
    border-right: solid 2px #000;
    transform: rotate(45deg);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    margin: auto;
    cursor: pointer;
}
/*Gナビメニューにホバーしたら表示*/
#header ul.pc_menu li.navi span.pull .subnavi {
    position: absolute;
    display: none;
    top: 0;
    left: 50%;
    right: 50%;
    width:200px;
    padding: 0px;
    margin: 0px;
    padding-top:45px;
    margin-left:-120px;
    z-index:1100;
    opacity:1.0!important;
}
#header ul.pc_menu li.navi span.sankaku:hover .subnavi{
    display: block;
    opacity:1.0!important;
}
#header ul.pc_menu li.navi span.pull .droplist {
    display: block;
    background-color: #ededed;
    width: 210px;
    padding:0px;
    margin:0px;
    transition: all .3s;
    border-bottom:solid 1px #fff;
    opacity:1.0!important;
}
#header ul.pc_menu li.navi span.pull .droplist:hover {
    opacity:.7!important;
}
#header ul.pc_menu li.navi span.pull .droplist a {
    display: block;
    text-align: center;
    padding:10px 20px 10px 20px;
    color: #000;
    text-decoration: none;
    position: relative;
    opacity:1.0!important;
}
#header ul.pc_menu li.navi span.pull .droplist a:before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 2px #333;
    border-right: solid 2px #333;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    margin: auto;
}
/*** コンテンツ *********************************/
#contents{
    margin: 60px auto 0;
    background-color:#fff;
}
#in_contents{
    margin: 60px auto 0;
    background-color:#fff;
}
.top_news {
    margin-top:30px!important;
}
.top_news h4 {
    color:#000!important;
}
.top_news ul.news_list {
    background-color:#fff;
}
.top_news ul.news_list li .news_title{
    width:830px!important;
}

/*** prolabo *********************************/
#prolabo{
    display: block;
    width:1100px;
    background-color:#fff;
    padding:40px 40px 60px 40px;
    margin:40px auto 40px auto;
    border-bottom:solid 1px #ccc;
}
#prolabo:before {
    content: "";
    display: block;
    height: 60px; /* 調整したい高さ（固定ヘッダーの高さ） */
    margin-top: -60px; /* heightと同じ分のネガティブマージン */
    visibility: hidden;
}
#prolabo h4 {
    display: block;
    margin:0px auto 20px auto;
    font-size:40px;
    text-align:left;
    font-weight:bold;
}
#prolabo h4 span {
    display: inline-block;
    font-size:16px;
    padding:0 0 6px 20px;
    vertical-align: middle;
}
#prolabo .text {
    display: block;
    margin:0px auto 20px auto;
}
#prolabo ul {
    display: flex;
    justify-content: space-between;
    padding:0px 0px 0px 0px;
    margin:0px auto 0px auto;
}
#prolabo ul li {
    display: block;
    margin:0px 20px 0px 0px;
}
#prolabo ul li:last-child {
    margin:0px 0px 0px 0px;
}
#prolabo ul li a {
    display: block;
}
#prolabo ul li a:hover {
    opacity:.7!important;
}
#prolabo ul li a:hover .phototxt {
    opacity:.7!important;
    color:#f0e68c;
}
#prolabo ul li a:hover img {
    transform:scale(1.2,1.2);
    transition:1s all;
    opacity:.7!important;
}
#prolabo ul li a span {
    display: block;
}
#prolabo ul li a .photo {
    display: block;
    position: relative;
    z-index:99;
    overflow:hidden;
}
#prolabo ul li a .photo .phototxt {
    display: block;
    width:260px;
    margin:0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: absolute;
    background-color:rgb(0 0 0 / 0.7);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index:100;
    color:#fff;
    text-align:center;
}
/*** order *********************************/
#order{
    display: block;
    width:1100px;
    background-color:#fff;
    padding:40px 40px 60px 40px;
    margin:40px auto 40px auto;
    border-bottom:solid 1px #ccc;
}
#order:before {
    content: "";
    display: block;
    height: 60px; /* 調整したい高さ（固定ヘッダーの高さ） */
    margin-top: -60px; /* heightと同じ分のネガティブマージン */
    visibility: hidden;
}
#order h4 {
    display: block;
    margin:0px auto 20px auto;
    font-size:40px;
    font-weight:bold;
    text-align:left;
}
#order h4 span {
    display: inline-block;
    font-size:16px;
    padding:0 0 6px 20px;
    vertical-align: middle;
}
#order .ordertitle {
    display: block;
    margin:0px auto 10px auto;
    font-size:20px;
    color:#C7000B;
}
#order .text {
    display: block;
    margin:0px auto 20px auto;
}
#order .orderlink a {
    display: inline-block;
    margin:15px auto 0px auto;
    padding:10px 25px 10px 25px;
    background-color:#C7000B;
    color:#fff;
    vertical-align: middle;
}
#order .orderlink a img {
    width: 37px;
    height:auto;
    vertical-align: middle;
    padding-right:8px;
}
#order .orderlink a:hover {
    opacity:.7;
}

/*** gallery *********************************/
#gallery{
    display: block;
    width:1100px;
    background-color:#fff;
    padding:40px 40px 60px 40px;
    margin:40px auto 40px auto;
    border-bottom:solid 1px #ccc;
}
#gallery h4 {
    display: block;
    margin:0px auto 20px auto;
    font-size:40px;
    font-weight:bold;
    text-align:left;
}
#gallery h4 span {
    display: inline-block;
    font-size:16px;
    padding:0 0 6px 20px;
    vertical-align: middle;
}
#gallery .text {
    display: block;
    margin:0px auto 20px auto;
    padding:0;
}
#gallery ul {
    display: flex;
    justify-content: space-between;
    padding:0px 0px 0px 0px;
    margin:0px auto 0px auto;
}
#gallery ul li {
    display: block;
    margin:0px 0px 0px 0px;
    width:350px;
}
#gallery ul li:last-child {
    margin:0px 0px 0px 0px;
}
#gallery ul li .title {
    display: block;
    margin:0px 0px 0px 0px;
    padding:4px;
    text-align:center;
    background-color:black;
    color:#fff;
    font-size:18px;
}
#gallery ul li .copy {
    display: block;
    margin:0px 0px 0px 0px;
    padding:0px;
}
#gallery ul li .photo {
    display: block;
    margin:0px 0px 8px 0px;
}
#gallery ul li .photo img {
    width:350px;
    height:auto;
}

/*** access *********************************/
#access{
    display: block;
    width:1100px;
    background-color:#fff;
    padding:40px;
    margin:40px auto 40px auto;
}
#access h4 {
    display: block;
    margin:0px auto 20px auto;
    font-size:40px;
    font-weight:bold;
    text-align:left;
}
#access h4 span {
    display: inline-block;
    font-size:16px;
    padding:0 0 6px 20px;
    vertical-align: middle;
}
#access ul {
    display: flex;
    justify-content: space-between;
    padding:0px 0px 0px 0px;
    margin:0px auto 0px auto;
}
#access ul li {
    display: block;
    margin:0px 0px 0px 0px;
    width:360px;
}
#access ul li:last-child {
    width:675px;
}

#access ul li .title {
    display: block;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-size:20px;
    font-weight:bold;
}
#access ul li .copy {
    display: block;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
#access ul li .copy span {
    color:#C7000B;
}
#access ul li .copy .freecall {
    color:#000;
    font-size:24px;
}
#access ul li .copy .freecall span {
    color:#000;
    font-size:16px;
}
#access ul li .title2 {
    display: block;
    margin:20px 0px 0px 0px;
    font-size:16px;
    font-weight:bold;
    border-bottom:solid 3px #C7000B;
}
#access ul li .googlemap {
    width: 100%;
    position: relative;
    padding-top: 56.25%;
}
.googlemap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*** footlink *********************************/
#footlink{
    display: block;
    width:1100px;
    padding:0px;
    margin:0px auto 40px auto;
}
#footlink ul {
    display: flex;
    justify-content: space-between;
    padding:0px 0px 0px 0px;
    margin:0px auto 0px auto;
}
#footlink ul li {
    display: block;
    width:32%;
    margin:0px auto 0px auto;
}
#footlink ul li a {
    display: flex;
    color:#fff;
    justify-content: center;
    text-align:center;
    align-items: center;
    height:120px;
    font-size:24px;
}
#footlink ul li a img {
    margin-right:5px;
}
#footlink ul li a:hover {
    opacity:.7;
    color:#f0e68c;
}
#footlink ul li.contact {
    text-align:center;
    background-color:#C7000B;
}
#footlink ul li.contact img {
    width:56px;
    height:auto;
}
#footlink ul li.quot {
    text-align:center;
    background-color:#910000;
}
#footlink ul li.quot img {
    width:45px;
    height:auto;
}

/*** labo_link *********************************/
.labo_link {
    display: block;
    width:1180px;
    margin:0px auto 40px auto;
}
.labo_link ul {
    display: flex;
    justify-content: space-between;
    padding:0px 0px 0px 0px;
    margin:0px auto 0px auto;
}
.labo_link ul li {
    display: block;
    width:282px;
}
.labo_link ul li a {
    display: block;
    width:280px;
    height:100px;
    border:solid 1px #ccc;
    text-align:center;
}
.labo_link ul li a span {
    display: inline-block;
    padding:35px 0 0 15px;
    font-size:16px;
    font-weight:bold;
    color:#fff;
    text-align:center;
}
.labo_link ul li a:hover {
    opacity:.7;
}
.labo_link ul li:nth-child(1) a {
    background-image: url(../images/footlink1.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
.labo_link ul li:nth-child(2) a {
    background-image: url(../images/footlink2.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
.labo_link ul li:nth-child(3) a {
    background-image: url(../images/footlink3.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
.labo_link ul li:nth-child(4) a {
    background-image: url(../images/footlink4.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}

/*** artprint *********************************/
#artprintmain {
    display: block;
    margin:0px auto 40px auto;
    width:1260px;
    height:360px;
    background-image: url(../images/artprintA.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}
#artprintmain .pagetitle {
    display: block;
    margin:0;
    padding:240px 0 0 40px;
    color:#fff;
    font-size:60px;
}
#artprinthead {
    display: block;
    margin:0px auto 40px auto;
    width:1260px;
}
#artprinthead h4 {
    display: block;
    margin:0px auto 5px auto;
    font-size:40px;
    color:#000;
    text-align:center;
}
#artprinthead h4 span {
    display: block;
    margin:0px auto 20px auto;
    font-size:20px;
    color:#808080;
    text-align:center;
}
#artprinthead .text {
    display: block;
    margin:0px auto 50px auto;
    color:#000;
    text-align:center;
}
.ginen {
    display: block;
    border-top:solid 1px #999999;
    margin:0px auto 20px auto;
    padding:50px 0 0px 0px;
    width:1180px;
    background-color:#ffff;
}
.titleblock {
    display: flex;
    justify-content: space-between;
    padding:0px 0px 0px 0px;
    margin:0px auto 50px auto;
}
.titleblock li {
    display: inline-block;
    width:650px;
}
.titleblock li:last-child {
    width:496px;
}
.titleblock li:last-child img {
    width:496px;
    height:auto;
}
.copy {
    display: block;
    margin:0px auto 0px auto;
    padding:0px 0 0 0px;
    font-size:16px;
    line-height:1.2;
}
.title {
    display: block;
    margin:0px auto 5px auto;
    padding:0px 0 0 0px;
    font-size:30px;
    line-height:1.2;
}
.title_left {
    display: block;
    margin:0px 0 20px 30px;
    padding:0px 0 0 15px;
    border-left:solid 6px #000;
}
.text {
    display: block;
    margin:0px auto 20px auto;
    padding:0px 0 0 30px;
    font-size:16px;
}
.text2 {
    display: block;
    margin:30px auto 20px auto;
    padding:0px 0 0 30px;
    font-size:16px;
}
.text2 .filmorder {
    display: inline-block;
    margin:0px auto 20px 20px;
    padding:5px 30px;
    color:#fff;
    background-color:#910000;
}
.text2 .filmorder img {
    margin:5px auto 5px;
    width:38px;
    height:auto;
    vertical-align: middle;
}
.text2 .filmorder:hover {
    opacity:.7;
}

.title_center {
    display: block;
    margin:0px auto 10px auto;
    padding:0px 0 0 0px;
    font-size:20px;
    text-align:center;
}
.title_lefts {
    display: block;
    margin:0px 0px 10px 30px;
    padding:0px 0 0 0px;
    font-size:20px;
    text-align:left;
}
.text_center {
    display: block;
    margin:0px auto 20px auto;
    padding:0px 0 0 0px;
    font-size:16px;
    text-align:center;
}
.text_lefts {
    display: block;
    margin:0px 0px 20px 30px;
    padding:0px 0 0 0px;
    font-size:16px;
    text-align:left;
}
.ginentreeclum {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding:0px 30px 0px 30px;
    margin:0px auto 30px auto;
}
.ginentreeclum li {
    display: block;
    width:340px;
    margin:0px 20px 30px 0px;
}
.ginentreeclum li:last-child {
    margin:0px 0px 0px 0px;
}
.ginen details {
    display: block;
    margin:0px auto 0px auto;
}
.ginen details summary {
    display: block;
    margin:0px auto 0px auto;
    padding:8px 26px 8px 8px;
    background-color: #000;
    color:#fff;
    text-align:center;
    font-size:17px;
    line-height:18px;
    cursor: pointer;
    list-style: none;
    position: relative;
}
.ginen details summary span {
    display: inline-block;
    width: 20px;
    text-align:right;
    float:right;
}
.ginen details summary span:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #C7000B;
    margin: auto;
    top: 0px;
    bottom: 0px;
    right: 6px;
}
.ginen details summary span:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border: 0;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin: auto;
    top: -4px;
    bottom: 0px;
    right: 12px;
}
.ginen details p {
    display: block;
    margin:0px 0px 0px 0px;
    padding:10px;
    background-color:#E5E5E5;
    text-align:left;
}
.ginen details[open] > summary span:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 2px;
    bottom: 0px;
    right: 12px;
}
/*** inqjet *********************************/
#inqjet {
    display: block;
    border-top:solid 1px #999999;
    margin:0px auto 20px auto;
    padding:50px 0 30px 0px;
    width:1180px;
    background-color:#ffff;
}
#inqjet .junre_center {
    display: block;
    margin:0px 30px 20px 30px;
    padding:0px 0 0 0px;
    font-size:20px;
    text-align:center;
    color:#C7000B;
    border-bottom:solid 1px #C7000B;
}


#artprint {
    display: block;
    border-top:solid 1px #999999;
    border-bottom:solid 1px #999999;
    margin:0px auto 60px auto;
    padding:60px 0 0 0px;
    width:1180px;
    background-color:#ffff;
}

ul.artprintbox {
    position: static;
    display: flex;
    justify-content: space-between;
    padding:0px 30px 0px 30px;
    margin:0px auto 50px auto;
}
ul.artprintbox li {
    display: block;
    width:50%;
    margin:0px 40px 0px 0px;
}
ul.artprintbox li:last-child {
    margin:0px 0px 0px 0px;
}
ul.artprintbox li .title {
    display: block;
    font-size:20px;
    color:#C7000B;
    margin:0px 0px 10px 0px;
    padding:0px 0px 0px 0px;
}
ul.artprintbox li .title4 {
    display: block;
    font-size:24px;
    color:#C7000B;
    margin:0px 0px 10px 0px;
    padding:0px 0px 0px 0px;
    text-align:center;
}
ul.artprintbox li .copy {
    display: block;
    font-size:16px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
.btn_center {
    display: block;
    text-align:center;
    margin:20px auto 50px auto;
}
a.linkpdf {
    display: block;
    width:540px;
    font-size:20px;
    text-align:center;
    margin:0px auto 15px auto;
    padding:20px 50px 20px 20px;
    border:solid 2px #BFBFBF;
}
a.linkpdf span {
    font-size:20px;
    text-align:center;
    padding:0px 40px 0px 0px;
    background-image: url(../../images/base/pdf.png);
    background-size: 26px 25px;
    background-repeat: no-repeat;
    background-position: right center;
}
a.linkpdf:after {
    content: "";
    width:18px;
    height:23px;
}
a.linkpdf:hover {
    opacity:.7;
    background-color:#eee;
}
.btn_center2 {
    display: block;
    text-align:center;
}
.hrline {
    display: block;
    padding:0px 0px 30px 0px;
    border-bottom: 1px solid #999;
    ;
}
a.linkpdf2 {
    display: inline-block;
    width:400px;
    font-size:20px;
    text-align:center;
    margin:0px 10px 15px 10px;
    padding:20px 50px 20px 20px;
    border:solid 2px #BFBFBF;
}
a.linkpdf2 span {
    font-size:20px;
    text-align:center;
    padding:0px 40px 0px 0px;
    background-image: url(../../images/base/pdf.png);
    background-size: 26px 25px;
    background-repeat: no-repeat;
    background-position: right center;
}
a.linkpdf2:after {
    content: "";
    width:18px;
    height:23px;
}
a.linkpdf2:hover {
    opacity:.7;
    background-color:#eee;
}
a.tuujolink {
    display: inline-block;
    width:400px;
    font-size:20px;
    text-align:center;
    margin:0px 10px 15px 10px;
    padding:20px 50px 20px 20px;
    border:solid 2px #BFBFBF;
}
a.tuujolink span {
    font-size:20px;
    text-align:center;
    padding:0px 0px 0px 0px;
}
a.tuujolink:after {
    content: "";
    width:18px;
    height:23px;
}
a.tuujolink:hover {
    opacity:.7;
    background-color:#eee;
}

/*** process *********************************/
#processmain {
    display: block;
    margin:0px auto 40px auto;
    width:1260px;
    height:360px;
    background-image: url(../images/artprintD.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}
#processmain .pagetitle {
    display: block;
    margin:0;
    padding:240px 0 0 40px;
    color:#fff;
    font-size:60px;
}
#processhead {
    display: block;
    margin:0px auto 40px auto;
    border-bottom:solid 1px #999999;
    width:1180px;
}
#processhead h4 {
    display: block;
    margin:0px auto 5px auto;
    font-size:40px;
    color:#000;
    text-align:center;
}
#processhead h4 span {
    display: block;
    margin:0px auto 20px auto;
    font-size:20px;
    color:#808080;
    text-align:center;
}
#processhead .text {
    display: block;
    margin:0px auto 50px auto;
    color:#000;
    text-align:center;
}
#processhead .text_ancar {
    display: block;
    margin:0px auto 50px auto;
    color:#000;
    text-align:center;
}
#processhead .text_ancar a {
    display: inline-block;
    margin:0px 30px 10px 10px;
    padding:6px 30px 6px 15px;
    color:#000;
    text-align:center;
    border:solid 1px #999999;
    position: relative;
}
#processhead .text_ancar a:before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-bottom: solid 2px #999999;
    border-right: solid 2px #999999;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 8px;
    bottom: 0;
    margin: auto;
}
#processhead .text_ancar a:hover {
    opacity:.7;
    background-color:#eee;
}
.process .titleblock {
    display: flex;
    width:1180px;
    justify-content: space-between;
    padding:0px 0px 0px 0px;
    margin:0px auto 20px auto;
}
.process .titleblock li {
    display: inline-block;
    padding:0px 0px 0px 0px;
    margin:0px auto 50px auto;
    width:600px;
}
.process .titleblock li:last-child {
    width:560px;
}
div.g-inner {
    display:block;
    margin:0px 0px 0px 0px;
    position:relative;
}
div.g-inner .view {
    width:560px;
    height:320px;
    overflow:hidden;
    border-right:none;
}
div.g-inner .view p {
    width:480px;
    height:320px;
    background-color:#fff;
    overflow:hidden;
    margin: 0;
}
div.g-inner .view p img {
    width:480px;
    height:320px;
    object-fit: cover;
}
div.g-inner .caption {
    position:absolute;
    width: 540px;
    top:325px;
    left:0px;
    right:0px;
}
div.g-inner .caption li {
    width: 540px;
    margin: 0;
    padding: 2px 0 0;
    word-wrap: break-word;
}
div.g-inner .caption li span {
    display:block;
    width: 100%;
    font-size:14px;
    line-height:1.4em;
}
div.g-inner .thumbBtn {
    display:block;
    position:absolute;
    width: 75px;
    top:0px;
    right:0px;
}
div.g-inner .thumbBtn li {
    width:75px;
    height:48.5px;
    overflow:hidden;
    margin: 0 0 0px 0px!important;
    padding: 0 0 0px 0px!important;
    text-align:left;
    cursor:pointer;
}
div.g-inner .thumbBtn li img {
    width:75px;
    height:50px;
    object-fit: cover;
    margin: 0 0 0px 0px;
    padding: 0 0 0px 0px;
}
div.g-inner .thumbBtn li.active {
    opacity:0.5;
    filter:alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
}

.process {
    display: block;
    border-bottom:solid 1px #999999;
    margin:0px auto 60px auto;
    padding:30px 0 0 0px;
    width:1180px;
    background-color:#ffff;
}
.process h4 {
    display: block;
    margin:0px auto 20px auto;
    font-size:30px;
    color:#C7000B;
    text-align:center;
}
.process .title3 {
    display: block;
    font-size:30px;
    margin:0px 0 20px 30px;
    padding:0px 0 0 15px;
    border-left:solid 6px #000;
}
.process .text3 {
    display: block;
    margin:0px 0px 0px 30px;
}
.process .photo3 {
    display: block;
    margin:0px auto 0px auto;
}
.process .photo3 img {
    width: 100%!important;
    height:auto!important;
}
.process .photo3 span {
    margin:4px auto 4px auto;
    display: block;
    text-align:left;
}
.process ul.artprintbox li {
    display: block;
    width:100%;
    margin:0px 0px 0px 0px;
}
.processtreeclum {
    display: flex;
    width:1180px;
    justify-content: space-between;
    flex-wrap: wrap;
    padding:0px 30px 0px 30px;
    margin:0px auto 30px auto;
}
.processtreeclum li {
    display: block;
    width:340px;
    margin:0px 20px 30px 0px;
}
.processtreeclum li:last-child {
    margin:0px 0px 0px 0px;
}
.process details {
    display: block;
    margin:0px auto 0px auto;
}
.process details summary {
    display: block;
    margin:0px auto 0px auto;
    padding:8px 26px 8px 8px;
    background-color: #000;
    color:#fff;
    text-align:center;
    font-size:17px;
    line-height:18px;
    cursor: pointer;
    list-style: none;
    position: relative;
}
.process details summary span {
    display: inline-block;
    width: 20px;
    text-align:right;
    float:right;
}
.process details summary span:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #C7000B;
    margin: auto;
    top: 0px;
    bottom: 0px;
    right: 6px;
}
.process details summary span:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border: 0;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin: auto;
    top: -4px;
    bottom: 0px;
    right: 12px;
}
.process details p {
    display: block;
    margin:0px 0px 0px 0px;
    padding:10px;
    background-color:#E5E5E5;
    text-align:left;
}
.process details[open] > summary span:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 2px;
    bottom: 0px;
    right: 12px;
}
/*** film *********************************/
#filmmain {
    display: block;
    margin:0px auto 40px auto;
    width:1260px;
    height:360px;
    background-image: url(../images/artprintB.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}
#filmmain .pagetitle {
    display: block;
    margin:0;
    padding:240px 0 0 40px;
    color:#fff;
    font-size:60px;
}
#filmhead {
    display: block;
    margin:0px auto 40px auto;
    width:1260px;
}
#filmhead h4 {
    display: block;
    margin:0px auto 5px auto;
    font-size:40px;
    color:#000;
    text-align:center;
}
#filmhead h4 span {
    display: block;
    margin:0px auto 20px auto;
    font-size:20px;
    color:#808080;
    text-align:center;
}
#filmhead .text {
    display: block;
    margin:0px auto 50px auto;
    color:#000;
    text-align:center;
}
#filmhead .text a {
    display: inline-block;
    margin:0px 10px 0px 10px;
    padding:6px 20px;
    color:#000;
    text-align:center;
    border:solid 1px #999999;
}
#filmhead .text a:hover {
    opacity:.7;
    background-color:#eee;
}
#filmhead .text_ancar {
    display: block;
    margin:0px auto 50px auto;
    color:#000;
    text-align:center;
}
#filmhead .text_ancar a {
    display: inline-block;
    margin:0px 30px 10px 10px;
    padding:6px 30px 6px 15px;
    color:#000;
    text-align:center;
    border:solid 1px #999999;
    position: relative;
}
#filmhead .text_ancar a:before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-bottom: solid 2px #999999;
    border-right: solid 2px #999999;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 8px;
    bottom: 0;
    margin: auto;
}
#filmhead .text_ancar a:hover {
    opacity:.7;
    background-color:#eee;
}

#film {
    display: block;
    border-top:solid 1px #999999;
    border-bottom:solid 1px #999999;
    margin:0px auto 60px auto;
    padding:60px 0 0 0px;
    width:1180px;
    background-color:#ffff;
}
#film h4 {
    display: block;
    margin:0px auto 20px auto;
    font-size:30px;
    color:#C7000B;
    text-align:center;
}
#film .text {
    display: block;
    margin:0px auto 50px auto;
    text-align:center;
}
.ginen .title3 {
    display: block;
    font-size:30px;
    margin:0px 0 20px 30px;
    padding:0px 0 0 15px;
    border-left:solid 6px #000;
}
#film ul.artprintbox li {
    display: block;
    width:100%;
    margin:0px 0px 0px 0px;
}
div.reversal {
    display: block;
    height:1000px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    position: relative;
}
div.reversal .artprintphoto {
    display: block;
    width:580px;
    z-index:50;
    position: absolute;
    left:0;
    top:0;
}
div.reversal .textbox {
    right:40px;
    top:50px;
}
ul.filmbox {
    display: flex;
    flex-wrap: wrap;
    padding:40px;
    margin:0px 40px 50px 40px;
    background-color:#E5E5E5;
}
ul.filmbox li {
    display: block;
    width:30%;
    margin:0px 20px 0px 0px;
}
ul.filmbox li:last-child {
    margin:0px 0px 0px 0px;
}
ul.filmbox li .title {
    display: block;
    font-size:20px;
    color:#C7000B;
    margin:0px 0px 15px 0px;
}
.labo_caution {
    display: block;
    margin:0px auto 50px auto;
}
.labo_caution .maintitle {
    display: block;
    margin:50px auto 10px auto;
    padding:0px 0 0 0px;
    font-size:30px;
    color:#C7000B;
    text-align:center;
}
.labo_caution details {
    display: block;
    margin:0px auto 0px auto;
    border-bottom:solid 1px #fff;
}
.labo_caution details summary {
    display: block;
    margin:30px auto 0px auto;
    padding:8px 10px;
    cursor: pointer;
    list-style: none;
    font-size:18px;
    background-color:#CCCCCC;
}
.labo_caution details summary span {
    display: inline-block;
    width: 100px;
    text-align:right;
    float:right;
    position: relative;
}
.labo_caution details summary span:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #C7000B;
    top: 3px;
    right: 0px;
}
.labo_caution details summary span:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border: 0;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin: auto;
    top: 7px;
    right: 6px;
}
.labo_caution details p {
    display: block;
    margin:0px 0px 0px 0px;
    padding:10px 20px 10px 20px;
    background-color:#E5E5E5;
}
.labo_caution details[open] > summary span:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 11px;
    right: 6px;
}
/*** roomrental *********************************/
#roomrentalmain {
    display: block;
    margin:0px auto 40px auto;
    width:1260px;
    height:360px;
    background-image: url(../images/artprintC.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}
#roomrentalmain .pagetitle {
    display: block;
    margin:0;
    padding:240px 0 0 40px;
    color:#fff;
    font-size:60px;
}
#roomrentalhead {
    display: block;
    margin:0px auto 40px auto;
    width:1260px;
}
#roomrentalhead h4 {
    display: block;
    margin:0px auto 5px auto;
    font-size:40px;
    color:#000;
    text-align:center;
}
#roomrentalhead h4 span {
    display: block;
    margin:0px auto 20px auto;
    font-size:20px;
    color:#808080;
    text-align:center;
}
#roomrentalhead .text {
    display: block;
    margin:0px auto 50px auto;
    color:#000;
    text-align:center;
}
#roomflow {
    display: block;
    margin:0px auto 40px auto;
    padding:60px 0 30px 0px;
    width:1180px;
    background-color:#ffff;
    border-bottom:solid 1px #999999;
}
#roomflow .maintitle {
    display: block;
    margin:0px auto 40px auto;
    padding:0px 0 0 0px;
    font-size:30px;
    color:#C7000B;
    text-align:center;
}
#roomflow .roomflowbox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding:0px 0px 0px 0px;
    margin:0px auto 30px auto;
}
ul.roomflowbox li {
    display: block;
    width:100%;
    margin:0px 0px 30px 0px;
    background-color:#E5E5E5;
    padding:30px;
    position: relative;
    z-index:51;
}
ul.roomflowbox li::after {
    content: "";
    display: block;
    width:8px;
    height:30px;
    margin:0px 0px 0px 0px;
    background-color:#E5E5E5;
    padding:0px;
    z-index:52;
    position: absolute;
    left:100px;
    bottom:-30px;
}
ul.roomflowbox li:last-child::after {
    content: "";
    display: none;
}
ul.roomflowbox li .block {
    display: block;
    width:330px;
    margin:0px 0px 0px 0px;
    padding:0px;
    font-size:16px;
    vertical-align: middle;
    float:left;
}
ul.roomflowbox li .block span {
    font-size:40px;
    padding-top:0px;
    padding-right:20px;
    vertical-align: middle;
}
ul.roomflowbox li .text {
    display: block;
    width:770px;
    margin:0px 0px 0px 0px;
    padding:0px;
    font-size:16px;
    vertical-align: middle;
    float:right;
}
ul.roomflowbox li .text .danraku {
    display: block;
    margin:4px 0px 4px 0px;
    padding:0px;
    font-size:14px;
    text-indent:-1em;
    padding-left:1em;
}

#roomother {
    display: block;
    margin:0px auto 40px auto;
    padding:60px 0 30px 0px;
    width:1180px;
    background-color:#ffff;
    border-bottom:solid 1px #999999;
}
#roomother .maintitle {
    display: block;
    margin:0px auto 40px auto;
    padding:0px 0 0 0px;
    font-size:30px;
    color:#C7000B;
    text-align:center;
}
#roomother .othertitle {
    display: block;
    margin:0px auto 10px auto;
    padding:0px 0 0 0px;
    font-size:20px;
}
#roomother .othertext {
    display: block;
    margin:0px auto 30px auto;
    padding:0px 0 0 20px;
    font-size:16px;
}
#roomother .roomrentalbox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding:0px 40px 0px 40px;
    margin:0px auto 50px auto;
}
ul.roomrentalbox li {
    display: block;
    width:540px;
    margin:0px 0px 20px 0px;
}
ul.roomrentalbox li .photo {
    display: block;
    text-align:center;
    margin:0px 0px 5px 0px;
    padding:0px 0px 0px 0px;
}
ul.roomrentalbox li .copy {
    display: block;
    text-align:center;
    margin:0px 0px 5px 0px;
    padding:0px 0px 0px 0px;
}

.orderlink2 {
    display: inline-block;
    margin:8px auto 8px auto;
    padding:10px 25px 10px 25px;
    background-color:#C7000B;
    color:#fff;
    vertical-align: middle;
}
.orderlink2 img {
    width: 37px;
    height:auto;
    vertical-align: middle;
    padding-right:8px;
}
.orderlink2:hover {
    color:#fff;
    opacity:.7;
}
/*** process slider *********************************/
.slider_outer2 {
    width: 560px;
    margin: 0!important;
    padding: 0!important;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.slider_outer2 .slider1_2 {
    display: block;
    width: 484px!important;
    margin: 0!important;
    padding: 0!important;
    border-right:solid 2px #fff;
}
.slider_outer2 .slide-item {
    display: block;
    margin: 0!important;
    padding: 0!important;
}
.slider_outer2 .slide-item .captionA {
    display: block;
    margin: 0!important;
    padding: 0!important;
    font-size:14px;
}
.slider_outer2 .slide-item img {
    margin: 0!important;
    padding: 0!important;
    width: 484px!important;
    height: auto!important;
}
.slider_outer2 .thumbA {
    display: block;
    width: 75px!important;
    height: 323px!important;
    margin: 0!important;
    padding: 0!important;
    background-color:#eeeeee;
    overflow:hidden;
}
.slider_outer2 .thumb1_2 {
    width: 75px!important;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    flex-flow:column;
    margin: 0!important;
    padding: 0!important;
}
.slider_outer2 .thumbnail-item {
    width: 75px;
    margin: 0px 0px 2px 0px!important;
    padding: 0px;
    box-sizing: border-box;
    position: relative;
}
.slider_outer2 .thumbnail-item img {
    width: 75px!important;
    height: auto!important;
    margin: 0 auto;
}
.slider_outer2 .thumbnail-current {
    opacity:.7;
}
.thumb1_2 .slick-track {
    transform:unset!important;
}
.slider_outer2 .thumbnail-item img:hover {
    opacity:.7;
    cursor: pointer;
}
/*** top_news *********************************/
.newstitlemain {
    display: block;
    margin:0px auto 40px auto;
    width:1260px;
    height:240px;
}
.newstitlemain .pagetitle {
    display: block;
    margin:0;
    padding:150px 0 0 40px;
    color:#fff;
    font-size:48px;
}
.labo_news {
    width:96%!important;
    margin:0px auto 30px auto!important;
}
.labo_news .news_list {
    padding:20px!important;
}
.labo_news_det {
    width:96%!important;
    margin:0px auto 30px auto!important;
    background-color:#fff!important;
}
.labo_news_det h3 {
    color:#000!important;
}
.news_list .fast{
    margin:0!important;
    padding:55px 0 0 0px!important;
    border:none:!important;
}

/*** タブのメニュー *********************************/
#tab_icon {
    position: relative;
    text-align:center;
}
.icon_list {
    display:inline;
    position: absolute;
    top:12px;
    left:0;
    right:0;
    margin: 0px auto 0px 0!important;
}
.tabs-nav {border: none !important;}
.tabs-nav li {
    display: inline-block;
    background: #eee!important;
    margin: 10px 5px 10px 0!important;
    padding: 5px 20px !important;
    border: none!important;
    border-radius:20px!important;
    font-size:16px!important;
}
.tabs-nav li.selected {
    background: #add3de!important;
    margin: 10px 5px 10px 0!important;
    padding: 5px 20px !important;
    border: none !important;
    border-radius:20px!important;
    font-size:16px!important;
}

/*--タブのコンテンツ部分--*/
.tabs-panel {
    background-color: #fff;
    padding: 0px !important;
    box-sizing: border-box;
}