@charset "UTF-8";

/* RESET */
html , body{height:100%;}
*{margin:0;padding:0;font-family: Osaka, "qMmpS Pro W3", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka-等幅, sans-serif;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;vertical-align:bottom}
body{color:#333;background:#FFF}
hr{display:none}
/*リンクカラー------------------------------------------------ */
a:link , a:visited{color:#039;}
a:hover{/*color:#69C;*/color:#F03;}
a img{border:0px;}

/*主要レイアウト--------------------------------------- */

#body{width:940px;margin:0px auto;padding:0px;position:relative;z-index:100;}
#pankuzu{margin:10px 0px 10px 10px;color:#666;width:920px;font-size:80%;line-height:150%;}
#pankuzu span.list{font-weight:bold;}
#pankuzu a{text-decoration:none;border-bottom:solid 1px #039;margin-right:5px;}
#pankuzu a:hover{border-bottom:solid 1px #F03}
#main{float:right;width:700px;margin-left:10px}
.main_in{width:665px;margin:0px 0px 0px 20px}
.main_in2{width:675px;margin:0px 0px 0px 15px}
.grd1 , .grd2 , .grd3 , .grd4 , .grd5 , .grd6 , .grd7 , .grd8 , .grd9 , .grd10 , .grd11{margin:0px 5px;float:left;display: inline;}
.grd1{width:45px}
.grd2{width:100px;}
.grd3{width:155px;}
.grd4{width:210px;}
.grd5{width:265px;}
.grd6{width:320px;}
.grd7{width:375px;}
.grd8{width:430px;}
.grd9{width:485px;}
.grd10{width:540px;}
.grd11{width:595px;}

.fst{margin-left:0px}
.lst{margin-right:0px}

/* clearfix */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix {zoom: 1;}

/* Hides from IE-mac \*/ 
*1257897499* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */

/*p & txt-size & font-size & color*/
.main_in p{font-size:88%;line-height:150%;}
.big_txt p{font-size:98%;line-height:170%}
p .span_big{font-size:110%}
.small_txt p , p.small_txt{font-size:85%;line-height:150%;color:#666}
span.font_small{font-size:90%;color:#666}
p.font_big{font-size:100%;font-weight:bold}
.main_in p.top{margin-top:0px}


/*one-point-style*/
.margin_0_1grd{margin-left:30px}
.margin_1grd{margin-left:60px}
.margin_1_2grd{margin-left:80px}
.fl_r{float:right;margin:0px 0px 10px 10px}
.fl_l{float:left;margin:0px 20px 10px 0px}
.img_and_txt{font-size:70%;line-height:130%;color:#666}
.img_and_txt .img{border:solid 1px #CCC}
.center{width:100%;text-align:center;}
.fax_icon{background:url(https://www.opening.jp/imgs/ask/fax_icon.gif) no-repeat left center;padding-left:30px;height:21px;}

/*左ナビ*/
#left{width:230px;float:right;}
.left_obj{margin:0px 0px 10px 0px}
.left_pac{background:FFF;margin-bottom:10px;padding-bottom:5px;border:solid 1px #CCC}
#left h4{margin:0px 5px}
#left .left_h4{margin:10px 0px 5px 0px;width:228px;display:block;}
#left .h4_first{margin-top:0px}
#left ul{list-style:none}
#left li a{font-size:80%;line-height:130%;width:205px;display:block;padding:5px 5px 5px 18px;background:url(https://www.opening.jp/imgs/left_nabi/h5_ya.gif) no-repeat -3px 0.2em;font-weight:normal;margin:3px 0px;}
#left li a:hover{background:url(https://www.opening.jp/imgs/left_nabi/h5_ov.gif) no-repeat -3px 0.2em #F9F9F9;color:#C03;}

.left_divs{padding:0px 0px }
.left_div_inner{padding:0px 8px}

.more , .more_close{font-size:12px;margin:5px 0px 10px 15px;}
.more a, .more_close a{color:#4c70b7}
.more_close{display:none}
.more a:hover, .more_close a:hover{color:#C03}

#left #keyword{font-size:14px;line-height:100%;padding:2px;width:144px;margin-right:4px;vertical-align:middle}
#left_search_btn{vertical-align:middle}
#google_search{font-size:13px;line-height:18px;padding:8px;margin:5px;background:#FFF;color:#333}
#google_search .btn{margin-left:60px}
.example_left{padding:0px 10px;}
.left_p{border-bottom:0px;font-size:12px;font-weight:bold;margin:5px 0px;}
.left_p img{vertical-align:middle;}
.left_p a{text-decoration:none;}
.left_p a:hover{color:#F03;}
.kensu{color:#666;margin:10px 0px;}
.kensu span{
	font-weight:bold;
	color:#F30;
	font-size:18px;
	letter-spacing:0.1em;
	padding:0px 3px;
}
#left .h3{background:url(../img/example/left_title_bg.gif) repeat-x;#C00;color:#FFF;font-size:12px;line-height:16px;padding:10px 0px 10px 6px;margin:10px 0px 5px 0px;border-bottom:solid 1px #CCC;}
#left .h3 .sml{font-size:12px;font-weight:normal;margin-left:4px}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#left .h3 { font-size: 12px;}
#left .h3 .sml{font-size:11px;font-weight:normal;margin-left:4px}
}


/*ヘッダ*/

#head_area{width:100%;height:194px;margin:0;padding:0;}
#head_intro{width:940px;margin:0px auto;padding-top:0px;font-size:10px;color:#CCC;line-height:12px;text-align:right;}

#head_in{position:absolute;top:0px;left:0;width:100%;height:202px;background:url(https://www.opening.jp/imgs/head/head_line.gif) repeat-x;z-index:1}

#info_line{width:940px;margin:27px auto 0px auto;}
#head{position:relative;width:940px;margin:0px auto 0  auto;}
#logo{width:230px;float:left;}
#img_area{width:710px;height:115px;float:left;background:url(https://www.opening.jp/imgs/head/head_bg.jpg) no-repeat}
#top_link{position:absolute;top:3px;left:611px;width:332px;}
#tel{position:absolute;top:50px;left:700px;}
#btns{float:left;width:710px;text-align:right;}
#kensu_pac{position:absolute;top:95px;left:250px;height:18px;}
#kensu1,#kensu2{width:115px;float:left;margin-right:12px;padding-left:17px;background:url(https://www.opening.jp/imgs/head/kensu_line.gif) no-repeat left bottom}
.green{font-size:18px;line-height:18px;color:#9C3;font-weight:900;font-family : Arial,sans-serif ;}
#kensu1 img ,#kensu2 img{vertical-align:middle}

.kensu_frame2{width:100px;height:20px}

/*フッタ*/
.waku_tb{margin:0px auto;width:940px;clear:both;}
#footer01_frame{width:100%;height:965px}
#footer01_outer{width:100%;background:url(https://www.opening.jp/imgs/foot/foot1_bg.gif) repeat-x left bottom #FFF;padding:20px 0px 0px 0px;clear:both;}
#footer01{clear:both;padding:0;width:938px;margin:0px auto;border:solid 1px #CCC;margin-bottom:0px;border-width:0px 1px 1px 1px;background:#FFF}
#footer02{width:100%;background:#EEE;margin-top:0px;padding:20px 0px 0px 0px}

#footer02 .sgrid3 a:link , #footer02 .sgrid3 a:visited{color:#666;text-decoration:none;}
#footer02 .sgrid3 a:hover{text-decoration:underline;color:#333}
.footer_contener {width:918px;margin: 0 10px;}
.footer_contener02 {width:918px;margin: 0 auto;}
.sgrid1, .sgrid2, .sgrid3, .sgrid4, .sgrid5, .sgrid6, .sgrid7, .sgrid8, .sgrid9, .sgrid10, .sgrid11 {
	float: left;display: inline;margin-left: 18px;margin-bottom:2px;}
.sgrid1 {width: 60px;}
.sgrid2 {width: 138px;}
.sgrid3 {width: 216px;}
.sgrid4 {width: 294px;}
.sgrid5 {width: 372px;}
.sgrid6 {width: 450px;}
.sgrid7 {width: 528px;}
.sgrid8 {width: 606px;}
.sgrid9 {width: 684px;}
.sgrid10 {width: 762px;}
.sgrid11 {width: 840px;}
.first {margin-left: 0;clear: left;}


.foot_dl{margin:0px;}
#copy{background:#F03;text-align:center;padding:10px 0px;font-size:75%;color:#FFF;border-top:solid 4px #CCC}
.foot_dl dt{margin:0px 0 10px 0;}
.foot_dl dd{margin:0px 0px 10px 10px;}
.foot_dl dd p{font-size:80%;line-height:150%;color:#333}
.foot_link_kuwasiku{position:absolute;margin:-18px 0px 0px 155px;font-size:12px;text-decoration:none}
.foot_pay_tbl{width:440px;border:solid 0px #CCC;}
.foot_pay_tbl th , .foot_pay_tbl td{border-bottom:solid 1px #CCC;text-align:left;padding:3px 2px;font-size:80%;line-height:140%;}
.foot_pay_tbl td{border-left:solid 1px #EEE;padding-left:10px}
.foot_pay_tbl td img{margin:3px 0px;}
.foot_ssl_tbl{width:440px;}
.foot_ssl_tbl td{text-align:center}
.foot_ssl_tbl .line{border-right:solid 1px #DDD;}
.foot_dl dd p.ssl_txt{font-size:10px;line-height:14px;margin:0px 10px;}
.data_btn{text-align:center}

.order_status_frame{width:440px;height:400px;border-bottom:solid 1px #CCC}
.foot_dl dd p.foot_bigtxt{font-size:90%;margin:5px 0px}
.link{
	background:url(https://www.opening.jp/imgs/body_all/link_ya.gif) no-repeat left center;
	padding-left:10px;
	font-size:80%;
}
.biglink{
	background:url(https://www.opening.jp/imgs/body_all/link_ya_b.gif) no-repeat left center;
	padding-left:20px;
	font-size:90%;
	clear:both;
}
.biglinks{
	background:url(https://www.opening.jp/imgs/body_all/link_ya_b.gif) no-repeat left center;
	padding-left:20px;
	font-size:80%;
}

.foot_line{margin:0px 0px 8px 0px}
.foot_logo{float:left;margin:5px 20px 5px 0px;width:190px;border-right:solid 1px #CCC}
.com_link{margin:2px 0px 0px 25px;font-size:13px}
.foot_add{float:left;font-size:14px;line-height:19px;font-weight:bold;color:#333;margin-top:2px;width:317px;}
.foot_add .foot_tel{font-weight:normal;margin-top:5px;line-height:18px;}
#foot_maplink{width:100px;height:63px;background:#EEE;float:right}
.foot_tel_img{margin:0px 0px 8px 2px;}
.foot_ansin{margin:2px 0px 5px 0px}
#footer02 ul{list-style:none;margin:5px 0 0 20px;padding:0px 0px 10px 0px;}
#footer02 li{font-size:80%;line-height:150%;text-align:left}
.list_title{font-size:85%;font-weight:bold;color:#333;border-bottom:solid 1px #CCC;padding:0px 0px 2px 15px;margin-bottom:4px;text-align:left}
.foot_toplink{font-size:100%;margin:0px;}
#foot_go_top{text-align:right;}
#go_site_top{font-size:85%;line-height:140%;font-weight:bold;margin:0px 0px 30px 0px;padding:0px 0px 5px 5px}
#go_site_top .site_logo{vertical-align:text-bottom;float:left;margin:0px 5px 0px 0px;padding-top:3px}
#go_site_top a{text-decoration:none;}
#foot_end{width:940px;margin:40px auto 0px auto;text-align:center;padding-bottom:15px;}
#foot_end p{font-size:80%;color:#777;margin:5px}
.kensu_frame_foot{width:100px;height:13px;vertical-align:middle;}
/*FONT*/
p{font-size:85%;line-height:150%;margin:10px 0px;}
input{font-size:100%;line-height:150%;}
strong{font-weight:normal}

/*要素*/
.clear{width:100%;clear:both;height:1px;}

.red{color:#F03;font-weight:bold;}
.deep_red{color:#C03}
.go_top{font-size:70%;line-height:100%;text-align:right;clear:both;padding:5px 15px 5px 0px;margin:10px 0px;}

.h2_1{font-size:20px;color:#333;border-left:solid 6px #F03;border-bottom:solid 1px #DDD;background:#EEE;margin:10px 0px 10px 10px;padding:10px 10px;clear:both}

.o_li{list-style-type:none;font-size:85%;margin-left:30px}
.o_li li{background:url(https://www.opening.jp/img/item/order_li.gif) no-repeat left top;margin:5px 0px;padding-left:10px}
.o_li .bold{font-weight:bold;color:#066}


.click{text-align:center;margin-top:20px;}
.jirei{padding:0px 0px}
.jirei .box{width:133px;height:170px;padding:0px;float:left;margin:2px 2px 10px 0px;text-align:center;}
.jirei .box p{font-size:12px;line-height:16px;margin:0px;padding:0px;width:124px;text-align:left}
.jirei #zoomer{position:absolute;clear:both;background:#FFF;display:none;padding:10px;width:260px;height:235px;border:solid 1px #CCC}
.jirei #zoomer_bg{position:absolute;clear:both;background:#000;width:280px;height:255px;display:none}
.cstm_contener{margin-top:10px;}
.cstm_contener #zoomer{position:absolute;left:300px;clear:both;background:#FFF;display:none;padding:10px;border:solid 1px #CCC;width:520px;height:620px }
.cstm_contener #zoomer_bg{position:absolute;left:310px;clear:both;background:#000;display:none;width:540px;height:640px}
.exa_img{width:131px;height:119px;border:solid 1px #CCC;margin:0px 0px 2px 0px; }

.clear{clear:both}
.top_link{font-size:80%;line-height:140%;margin:5px 0px;background:#EEE;padding:2px 10px;text-align:right}


.blog_btn{width:580px;margin:0px auto}
.blog_btn img{margin:10px 5px 0px 5px ;}
.blog_btn1{width:540px;margin:0px auto;}
.blog_btn1 img{margin:5px 10px 0px 10px ;}

#jirei2_area{margin:0px;padding:0px;}
.jirei2{width:160px;height:290px;margin:5px 0px 5px 0px;padding:0px 0px 0px 14px;float:left;text-align:center;}
.jirei2 .exa_img{width:158px;height:142px;margin:5px 0px 7px 0px;}
.jirei2 .customer{font-size:12px;line-height:16px;height:49px;text-align:left;margin:0;padding-left:0px;-webkit-box-orient: vertical;-webkit-line-clamp: 3;display: -webkit-box;overflow: hidden;}
.jirei2 .customer img{margin-bottom:3px;}
.jirei2 .item{width:150px;margin:7px 0px 5px 0px;font-size:12px;line-height:16px;}
.jirei2 .item p{font-size:11px;margin:5px 0px 0px 0px;}
.jirei2 .item img {vertical-align: middle;}
.item p a {margin-left: 3px;}

.cstm{width:124px;height:225px;margin:5px 0px 5px 6px;padding:4px;float:left;text-align:center;}
.cstm a .koe_fax{width:120px;height:146px;padding:27px 2px 7px 2px;background:url(../img/example/fax_bg.gif) no-repeat left bottom #FFF}
.cstm a:hover .koe_fax{background:url(../img/example/fax_bg_on.gif) no-repeat left bottom #FFF}
.cstm .cstm_name{font-size:13px;line-height:15px;margin:0px;text-align:left}

.p_nabi{padding: 0 7%;}
.p_nabi p{margin: 0 0 20px;}
.p_nabi_top{text-align:center;}
.select_contner form{vertical-align:top;}

.entry{margin-left:60px;margin-top:40px;width:585px;}
.e_customer{background:url(../img/example/e_customer.gif) no-repeat left center #EEE;padding:4px 0px 4px 90px;font-size:90%;margin-bottom:20px;}
.exa_img_b{width:260px;height:235px;border:solid 1px #CCC;float:left;margin:0px 10px 20px 10px;}
.e_item{margin:30px 0px 5px 270px;}
.e_item p{font-size:85%;margin:5px 0px 0px 15px;}
.epi{margin-left:270px;}
#uresuji_area{padding-top: 30px;}

.koe{margin:20px 0px 10px 280px;}
.koe p{font-size:80%;line-height:150%;margin-left:10px;vertical-align:middle;}

.ind_ul{margin:20px 10px 20px 20px;list-style-image:url(../img/example/ind_li.gif);padding:0px;}
.ind_ul li{font-size:95%;line-height:160%;margin:20px 0px;}
.exa_btn_big{width:400px;margin:0px auto}
.exa_btn_big a{background:url(../img/example/btn_big.gif) no-repeat;display:block;width:400px;height:30px;padding-top:35px;text-align:center;font-size:10px;margin:0px 0px 0px 10px;overflow:hidden;}
.exa_btn_big a:hover{background:url(../img/example/btn_big_on.gif) no-repeat;display:block;width:400px;height:30px}



.ure_hinban{font-size:75%;line-height:150%;background:#EEE;padding:2px 10px}
.ure_name{font-size:85%;line-height:150%;margin:2px 0px}
.ure_yen{font-size:110%;line-height:150%;margin:0px 0px;font-family:"Arial","helvetica",sans-serif;color:#F03}
.ure_yen .tani{font-size:80%;color:#555;}
.ure_info{margin-bottom:10px}
.ure_info p{font-size:80%;line-height:150%;margin:0px}
.ure_yen img {vertical-align: middle;}

.reason{margin-left:60px;margin-right:20px}
.reason .ind_ul{list-style-image:none;list-style:none}
.reason li{background:#FFF;padding:10px;border-bottom:solid 1px #CCC}
.reason li img{float:right;background:#FFF;}

.pc{display: block;}
.sp{display: none;}
#footer02{
    margin-top: -20px;
    position: relative;
}
#cover{display: none;}
@media only screen and (max-width: 960px) {
	#info_line {
		width: calc(100% - 40px);
	}
}

@media screen and (max-width: 700px) {
	#cover{display: block;position: fixed;width: 100%;height: 100%;z-index: -1;}
	.zoomer_on #cover{z-index: 100;}
		.main_in p{font-size:100%;line-height:150%;}
	*{max-width: 100% !important;}
	.grd3,.grd7{width: 100%;}
        .h2_1{font-size: 18px;}
        .grd10.margin_1grd p {margin: 3px auto;}
        p,.e_item p{font-size: 95%;}
        .e_customer{font-size: 100%;}
	.e_item > img,.koe > img{margin-bottom: 10px;}
	.main_in,.e_item,.koe,.koe p,.e_item p,.entry,.epi{margin: 0 0 10px;}
        .epi{margin-bottom: 30px;}
	.grd7,.exa_btn_big a,.h2_1{margin-left: 0;margin-bottom: 10px;}
	.blog_btn{width: 100%;margin: 10px 0 0;display: flex;flex-wrap: wrap;gap: 0 5px;justify-content: center;}
	.blog_btn img{display: block;margin: 0 auto 8px;}
	.exa_img_b{display: block;margin: 0 auto 20px;float: none;}
	.main_in.clearfix > .grd3{width: 100%;text-align: center;margin-bottom: 10px !important;}
	.main_in.clearfix > .grd3 img:nth-of-type(1){width: 200px;}
	.ure_hinban{margin-bottom: 10px;font-size: 100%;}
        .ure_name{font-size: 100%;padding: 0 10px;}
        .ure_yen,.ure_info{padding: 0 10px;}
	.koe,.epi,.e_item,.exa_btn_big{max-width: 300px !important;margin-left: auto;margin-right: auto;}
	.exa_btn_big a{background-size: contain;}
	#jirei2_area,.jirei{display: flex;flex-wrap: wrap;justify-content: center;}
	.jirei2{padding-left: 0;height: auto;margin: 15px 5px;}
	.main_in2{margin-left: 0;}
	#zoomer{float: none;}
	#zoomer img{width: 100%;}
	.jirei .box:not(#zoomer){z-index: 100;margin: 10px;}
        .jirei .box{height: auto;}
	.jirei #zoomer_bg{width: 265px;height: 235px;}
        
	#uresuji_area .main_in .grd7, #uresuji_area .main_in .grd3{float: none; max-width: 300px !important;margin: 0 auto 10px !important;display: block;}
	#uresuji_area .main_in .grd3{max-width: 198px !important;}
	#uresuji_area .main_in .grd3 img:first-of-type{width: 100%;}
        

	.img-center, #gnav02, #menu-info{max-width: 480px !important;}
	.example_left{padding: 10px 10% 0;}
	#gnav02{margin-top: 0 !important;display: block !important;}
	#gnav02 h3 img{width: 100% !important;}
	#gnav02 h3{font-size: 13px;background: linear-gradient(to bottom, #fe2a54 0%, #d5191c 100%);color: #fff;padding: 12px 10px;position: relative;}
	#gnav02 h3.h3-top{font-size: 15px;padding-left: 30px;}
	#gnav02 h3.h3-top:before{position: absolute;content: '';width: 5px;height: calc(100% - 14px);background: #fff;left:13px;top: 7px;}
	#gnav02 h3:not(.h3-top):before{width: 20px;height: 2px;background: #fff;position: absolute;right: 12px;top: 44%;content: '';}
	#gnav02 h3:not(.h3-top):after{width: 20px;height: 2px;background: #fff;position: absolute;right: 12px;top: 44%;content: '';transform: rotate(90deg);transition: .3s;}
	#gnav02 h3.is-clicked:not(.h3-top):after{width: 20px;height: 2px;background: #fff;position: absolute;right: 12px;top: 44%;content: '';transform: rotate(0);}
	#gnav02 ul{display: none;padding: 10px 0;}
	#gnav02 ul li{margin-bottom: 0.8em;padding-left: 15px;position: relative;margin-left: 10px;width: auto !important;}
	#gnav02 ul li:before{width: 5px;height: 5px;position: absolute;content: '';clip-path: polygon(0 0,100% 50%, 0 100%);background: #000;left: 0;top: 8px;}
        
	.footer_contener02 .sgrid3{float: none;margin-bottom: 20px !important;}
        .e_item p,p.koe {padding-left: 10%;}
        .left_p{font-size: 14px;}
        .kensu{padding-left: 10%;}
        .biglink{margin-left: clamp(10px, 5vw, 50px);}
        .center {margin-top: 25px;}
        .center p {margin: 0;}

	.reason{margin: 0;}
	.ind_ul{margin: 20px 10px;}
	.blog_btn1{text-align: center;}
	.blog_btn1 img{margin-bottom: 10px;}

	.cstm{margin: 0;width: 133px;position: relative;z-index: 101;}
	.cstm_contener{display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;}
	.cstm a .koe_fax{width: 125px;background-position: left top;height: 180px;}
	.cstm_contener #zoomer{position: fixed;max-width: 300px !important;height: 360px;z-index: 200;left: calc(50% - 150px);top:calc(50% - 180px);}
	.cstm_contener #zoomer_bg{position: fixed;max-width: 300px !important;height: 360px;z-index: 200;left: calc(50% - 140px);top:calc(50% - 170px);opacity:0.4;}
	.zoomer_on .cstm_contener #zoomer, .zoomer_on .cstm_contener #zoomer_bg{display: block !important;}
	.cstm_contener #zoomer{z-index: 201 !important;}
        #btns-sp .menu-contact {
         width: 100%;
         border: 1px solid #ccc;
         background: linear-gradient(to bottom, #eee 0%, #fff 100%);
         position: relative;
         margin-top: 20px;
         }
        #btns-sp .menu-contact a:before {
         content: "";
         height: 3px;
         width: calc(100% - 6px);
         background-color: #aaa;
         top: 3px;
         left: 3px;
         position: absolute;
         }
        #btns-sp .menu-contact a {
         padding: 15px 20px 10px;
         display: block;
         text-decoration: none;
         color: #555;
         font-weight: bold;
         font-size: 120%;
         }

        #btns-sp #menu-message a:before {
         background-color: #f03;
         }

         .click {
          display: none;
         }
         body h1 {
          border-bottom: none !important;
          margin: 0 !important;
         }

}

@media only screen and (max-width: 400px) {
	.ind_ul li{display: flex;flex-wrap: wrap;justify-content: center;gap:5px 10px;}
	.ind_ul li > *:nth-child(1){order:3;}
	.ind_ul li > *:nth-child(2){order:1;}
	.ind_ul li > *:nth-child(3){order:2;}
}