@charset "utf-8";
/*
Theme Name: u-fit2
Theme URI: 
Description:
Author: 
Author URI:
Version: 1.0

Tags:
Text Domain:
License:
License URI:
*/
.sticky{
	font-size:1em;
	font-weight:nomal;
	padding:0px;
	margin:1px;
}
.bypostauthor{}
.bypostauthor #comments li.comment .commentBox { border-color:#ccc;}


.color_n{color:#3FA9F5 !important}
.color_c {color:#00A99D !important;}
.color_h{color:#7AC943 !important;}
.color_s{color:#5ECC63 !important;}/*BECE20*/

.bg_n{background:#3FA9F5 !important}
.bg_ni{background:#65BBEF !important}
.bg_nl{background:#E8F3F7 !important}

.bg_c{background:#00A99D !important;}
.bg_ci{background:#9BDDDA !important}
.bg_cl{background:#DFEFED  !important}

.bg_h{background:#7AC943 !important;}
.bg_hi{background:#B7E296 !important}
.bg_hl{background:#F5F9F2 !important}

.bg_s{background:#5ECC63 !important;}
.bg_si{background:#5ECC63 !important}
.bg_sl{background:#F2F4DC !important;} 

.bc_n{border-color:#3FA9F5 transparent transparent transparent;}
.bc_c{border-color:#00A99D transparent transparent transparent;}
.bc_h{border-color:#7AC943 transparent transparent transparent;}
.bc_s{border-color:#5ECC63 transparent transparent transparent;}

.w90{width:90%;}
.w70{width:70%;}
.w60{width:60%;}
.w40{width:38%;}
.w55{width:55%;}
.w45{width:43%;}
.w30{width:28%;}
.fl_r{float:right;}
.fl_l{float:left;}
.mbh{ margin-bottom:0.5em;}
.mr2{margin-right:2%;}
.ml2{margin-left:2%;}
.mr3{margin-right:3%;}
.ml3{margin-left:3%;}
.mb1{margin-bottom:1em !important;}
.mb2{margin-bottom:2em !important;}
.mb3{margin-bottom:3em !important;}
.mb4{margin-bottom:4em !important;}
.mb5{margin-bottom:5em !important;}
.mt1{margin-top:1em !important;}
.mt2{margin-top:2em !important;}
.mt3{margin-top:3em !important;}
.mt4{margin-top:4em !important;}
.mt5{margin-top:5em !important;}
img.w90{width:90%; margin:0 5%;}
img.w80{width:80%; margin:0 10%;}

.point{color:#f00; font-weight:bold;}
.point_b{color:#00c; font-weight:bold;}

/*調整*/
body{font-family:"FOT-ロダンカトレア Pro M" !important; color:#333;}
.fs_l{font-family:"FOT-ロダンカトレア Pro L" !important;}
.fs_m{font-family:"FOT-ロダンカトレア Pro M" !important;}
.fs_db{font-family:"FOT-ロダンカトレア Pro DB" !important;}
.fs_b{font-family:"FOT-ロダンカトレア Pro B";}
.fs_eb{font-family:"FOT-ロダンカトレア Pro EB" !important;}
.fs_ub{font-family:"FOT-ロダンカトレア Pro UB" !important;}
#header{padding-top:0 !important;}
#header #site-title a img{ max-height:none !important; margin-top:0 !important;}
#header #headContact #headContactTxt{ font-size:1rem !important;}
#header #headContact #headContactTel{ font-size:1rem !important;}
#header #headContact #headContactTime{ font-size:1rem !important; line-height:1.7;}
#gMenu .menu li a strong{font-family:"FOT-ロダンカトレア Pro DB" !important; font-size:16px; border-bottom:2px solid;}
a:hover, a:active {opacity:0.7; color:inherit !important;}
h1,h2,h3,h4,h5,h6{font-family:"FOT-ロダンカトレア Pro DB" !important;}
#content h1{font-size:31px; line-height:1.7;}
#content h2{font-size:25px; line-height:1.7;}
#content h3{font-size:20px; line-height:1.7}
#content h4{font-size:17px; line-height:1.7;}
#content h5{font-size:15px; line-height:1.7;}
a.header_form{background:#E40012; color:#fff; padding:20px 1em; border-radius:1em; text-decoration:none; display:inline-block; font-family:"FOT-ロダンカトレア Pro M"; float:right; margin:10px 0 0 10px; }
#pageTitBnr #pageTitInner #pageTit{line-height:1.7em !important; text-align:center; border-bottom:dotted 4px; margin:1em 0 0 0 !important; color:#42210B;}
#footerSiteMap .menu li	a{text-align: left;}
#comments,span.edit-link,body.left-sidebar #main #container #sideTower{display:none;}
#panList{font-size:12px !important;}
#main #container #content.wide{padding-bottom:0 !important;}



@media (min-width: 970px){
}

/*770pxより広い場合*/
@media (min-width: 770px){
#gMenu .menu{ margin-bottom: 10px !important;}
#gMenu .menu > li > a{padding:18px 34.5px !important;}
}

/*770pxより狭い場合*/
@media (max-width: 770px){
#gMenu .menu li a strong{border-bottom:none;}
#gMenu .assistive-text{ background:#fbb03b !important; color:#fff;}
#headContactTxt img{margin-bottom:15px;}
#headContactTel{margin-bottom:15px;}
#gMenu .assistive-text span{text-align: center;}
}

/*660pxより広い場合*/
@media (min-width: 660px){
#header #headContact #headContactTxt{ font-size:1rem !important; margin-bottom:3px; letter-spacing:0.1em;}
#header #headContact #headContactTel{ font-size:15px !important; margin-bottom:3px;}
#header #headContact #headContactTime{ font-size:1rem !important;}
#main #container{/*border:1px solid #e5e5e5; border-top:none; padding:0 2em; box-sizing:border-box;*/ overflow:hidden !important;}
#panList #panListInner,#pageTitBnr #pageTitInner{/*border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:0 2em !important; box-sizing:border-box;*/}
#footerSiteMap .menu li	a{text-align:left;}
.table_nomal{width:70% !important; margin-left:15% !important; margin-right:15%;}
.table_nomal_home{width:70% !important; margin-left:15% !important; margin-right:15% !important;}
}

/*660pxより狭い場合*/
@media (max-width: 660px){
#content p{line-height:1.7;}
.innerBox{text-align:left !important; width:100% !important; margin:0 !important;}
#header #headContact{text-align:center !important; width:100% !important; margin-bottom:20px !important; overflow: hidden;}
a.header_form{box-sizing:border-box; width:90%; margin:0 5%; text-align:center; padding: 10px 0;}
#footer dl#footerOutline{ width:100% !important;}
#footerSiteMap{width:96%; margin:0 2%;}
#footerSiteMap .menu a{color:#fff !important;}
img.w80{width:100%; margin:0;}
p.main_text{width:96% !important; margin:2.5em 2% !important; text-align:left;}
.box_works{padding:30px 1em !important;}
.box_works_sign{padding:30px 3em !important;}
h3.page{ margin:1em 3% 0 3% !important; padding:1em 0.5em !important; width:94%;}
.flow_text{ width:94% !important; margin:0 3% !important; padding:1em !important;}
.qa_q{ text-align:left; width:96% !important; margin:0 2% !important;}
.qa_a{ text-align:left; width:96% !important; margin:0 2% 1em 2% !important;}
.box_voice{width:94% !important; margin:0 3% 1.5em 3%;}
.confirmation{padding: 0.5em;}
#footerOutline dd{display:none;}
}





/*オリジナル*/

h1.page{background:#333; color:#fff; margin:0; padding:1em; box-sizing:border-box;}
/*h2.page{background:#fff; margin:3em 0 1em 0; padding:0.5em 1em; box-sizing:border-box; border:none; font-size:1.75rem; line-height:1.75em;}*/
h2.page{line-height:1.7em !important; text-align:center; border-bottom:dotted 4px; margin:2em 0 !important; color:#42210B; font-size:25px;}
h3.page{color:#42210B; margin:1em 10% 0 10%; padding:0.5em 100px; box-sizing:border-box; border-bottom:dotted 2px #999; font-size:16px; font-family:'FOT-ロダンカトレア Pro DB';text-align: center; border-top: 2px solid #333; border-left: 2px solid #333; border-right: 2px solid #333;}

h2.page_works{margin:0 0 1em 0; padding:0; background:inherit; color:#333; border-bottom:2px solid #3FA9F5; border-left: none; font-size:20px; line-height:1.75em;}
h1.page_voice{margin:0 -15px 15px -15px; padding:5px 15px; box-sizing:border-box; font-size:16px; background:#000; color:#fff;}

#novelty h2.page{border-bottom-color:#3FA6F2;}
#chopsticks h2.page{border-bottom-color:#00A99D;}
#homepage h2.page{border-bottom-color:#7AC643;}
#sign h2.page{border-bottom-color:#5ECC63;}

#chopsticks h2.page_works{border-bottom:3px solid #00A99D;}
#homepage h2.page_works{border-bottom:3px solid #7AC643;}
#sign h2.page_works{border-bottom:3px solid #5ECC63;}

#chopsticks h3.page{background:#FF7BA9;}
#homepage h3.page{background:#7AC643;}
#sign h3.page{background:#F8AD3B;}

#novelty a.more_voice{background:#3FA9F5;}
#chopsticks a.more_voice{background:#00A99D;}
#homepage a.more_voice{background:#7AC943;}
#sign a.more_voice{background:#5ECC63;}

.cl{ clear:both; margin:0; padding:0;}

.table_nomal{ width:100%;}
.table_nomal table{ border-collapse:collapse; width:100%;}
.table_nomal table tr{}
.table_nomal table th{ border:1px solid #ddd; padding:5px; background:rgba(0,0,0,0.1);}
.table_nomal table td{ border:1px solid #ddd; padding:5px;}

.table_nomal_home{ width:96%; margin:1em 2% 0 2%;}
.table_nomal_home table{ border-collapse:collapse; width:100%;}
.table_nomal_home table tr{}
.table_nomal_home table th{ border:1px solid #ddd; padding:5px; background:rgba(0,0,0,0.1); font-size:1.1rem;}
.table_nomal_home table td{ border:1px solid #ddd; padding:5px; font-size:1.1rem;}

/*
a.banner_contact_tel{background:#FBB03B; color:#fff !important; text-align:center; font-size:25px; border-radius:10px; padding:1.25em 0 2em 0; width:70%; margin:5em 15% 1em 15%; display:block; line-height:1.7em; font-family:"FOT-ロダンカトレア Pro M";}*/
a.banner_contact_tel{border-radius:10px; width:76%; margin:3em 12% 1em 12%; display:block; box-shadow:0 0 5px #999;}
a.banner_contact_tel span{color:#714414; font-size: 2.75em; border-bottom:4px dotted #fff; font-family:'FOT-ロダンカトレア Pro B'; margin-top:15px;}
a.banner_contact_form{width:76%; margin:2em 12% 0 12%; display:block; box-shadow:0 0 5px #999; box-sizing: border-box; border:1px solid #fe1d25;}
a.banner_contact_tel img,a.banner_contact_form img{width:100%;}

.box_works{width:100%; margin:0; overflow:hidden; text-align:left; line-height:1.7; padding:30px 5%; box-sizing: border-box; background:#f2f2f2;}
.box_works img{ border:2px solid #000;}
.box_works_sign{width:100%; margin:0; overflow:hidden; text-align:left; line-height:1.7; padding:30px 0; box-sizing: border-box; background:#f2f2f2;}
.works_r{float:right; width:73%;}
.works_l{float:left; width:25%;}


.box_voice{ width:100%; margin-bottom:1.5em;}
.voice_box{ width:22%; float:left; margin:0 4% 0 0; padding:0 15px 15px 15px; color:#42210B !important; box-sizing:border-box; text-decoration:none !important; text-align:left; border:1px solid #000;}
.voice_box img{height: auto;}
.voice_box h1{}
.voice_box span{border-bottom:2px dotted #42210B; margin-top:1em; float:right; font-family:"FOT-ロダンカトレア Pro L" !important;}
div.box_voice a:last-of-type{margin-right:0;}

.flow_text{ width:80%; margin:0 10%; text-align:left; padding:1em 25px; box-sizing:border-box; color:#42210B; border-left:2px solid #333; border-bottom:2px solid #333; border-right:2px solid #333;}

.page_text{ text-align:left; line-height:1.7; margin-bottom:2em; }

.qa_q{color:#42210B; margin:1em 10% 0 10%; padding:0.5em 1em; border:2px solid #333; border-bottom:0; width:80%; box-sizing:border-box;}
.qa_a{color:#42210B; margin:0 10% 0.5em 10%; padding:1em; border:2px solid #333; border-top:none; width:80%; box-sizing:border-box;}

#footMenu .innerBox{border-bottom:none;}
#footer{background:#8CC63F; padding:1em 0 !important; color:#fff;}
#siteBottom{background:#42210B; color:#fff !important; padding-bottom: 15px !important;}
#siteBottom a{color:#fff !important;}

p.w90{width:90%; margin:0 5%;}

a.more{color:#fff; font-size:15px; text-decoration:none; box-sizing:border-box; -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s; opacity:1; display:block; padding:0 15px 18px 15px; text-align:center; font-family:"FOT-ロダンカトレア Pro DB"; box-shadow:5px 5px 10px #999;line-height: 0.5;}
a.more_voice{color:#fff; font-size:17px; text-decoration:none; box-sizing:border-box; -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s; opacity:1; display:block; width:30%; padding:10px 0; margin:0 35%; text-align:center; font-family:"FOT-ロダンカトレア Pro DB";}




@media (max-width: 660px) {
.works_l{width:100%;}
.works_l img{width:100%;}
.works_r{width:100%;}
.voice_box{width:94%; margin:0 3% 1em 3%;}
a.more{width:100%; padding:0.5em 1em; line-height:1.5em;}
a.banner_contact_tel{width:90%; margin:1em 5% 0 5%; box-sizing:border-box; font-size:18px;}
a.banner_contact_tel span{font-size:2em; display:block;}
a.banner_contact_form{width:90%; margin:1em 5% 0.5em 5%;}
.w60,.w40,.w55,.w45{width:100%; margin:10px 0;}
/*.w60,.w40,.w55,.w45{width:96%; margin:10px 2%;}*/
.fl_r{float:right;}
.fl_l{float:left;}
.mr2{margin-right:0;}
.ml2{margin-left:0;}
.mr3{margin-right:0;}
.ml3{margin-left:0;}
br.sp{display:none;}
p.w80{width:96%; margin:0 2%;}
.flow_text{ margin-left:0;}
#topFreeArea{border:none !important;}
.home_category_box{padding:1em 0.75em;}
.sp_area{width:96%; margin:0 2%;}
#footer{padding: 1em 20px !important;}
#footerSiteMap{padding-top:0 !important;}
#footMenu .innerBox{display:none;}
}


/*グローバルナビ*/
@media (min-width: 770px){
#menu-item-176 a strong{border-bottom-color:#F05A24 !important;}
#menu-item-179 a strong{border-bottom-color:#FAAF3B !important;}
#menu-item-41 a strong{border-bottom-color:#FBED21 !important;}
#menu-item-42 a strong{border-bottom-color:#8CC63F !important;}

#menu-item-470 a strong{border-bottom-color:#00a99d !important;}/*求人情報*/
}

/*共有*/
a.map{float:right;padding:5px 1em; border-radius:5px; background:#FBED21; box-shadow:0 0 5px #999; text-decoration:none; margin:0 5px 2em 0;}

/*トップページ*/
.home_category_box{border-bottom:1px solid #ccc; padding:1.5em; overflow:hidden;}
.home_category_box p{font-size:15px; color:#333; line-height:1.7 !important;}
.home_category_box img{margin-top:25px !important;}
.home_about_box{width:94%; margin:1.5em 3% 0 3%; overflow:hidden;}
.home_about_box p{font-size:15px; color:#333; line-height:1.7 !important;}
.home_about_box img{margin-top:30px !important;}
.googlemap{overflow:hidden; width:70%;border:0; margin:0 15% 2em 15%;}
span.next_arrow{ font-size:40px; position:relative; left:10px; bottom:-8px; margin-left:-10px;}

/*制作物共通*/
p.main_text{ border:dotted 3px #666; box-sizing: border-box; padding:1em 5%; margin:2.5em 0; width:100%; text-align: justify; text-justify:inter-ideograph;}
.flow_icon{width:0; height:0; border-style:solid; border-width: 25px 15px 0 15px; margin:1em auto 0 auto;}

/*ノベルティ制作 novelty*/
#novelty p{ font-size:15px; text-align: justify; text-justify:inter-ideograph;}

/*箸袋広告 chopsticks*/
#chopsticks p{ font-size:15px; text-align: justify; text-justify:inter-ideograph;}
.pr_area{border:dotted 3px #666; text-align:center; padding: 35px; margin:30px 0;}
.box_flex{overflow:hidden; display:flex; flex-wrap: wrap;}
.box_flex div:last-child{margin-right:0;}
.box_two{width:49%; margin-right:2%; float:left;}
img.blue_bottom{float:right; width:25%; margin-left:2%;}
img.map_hashi{border:1px solid #c7ba9a; border-radius:10px;}
.table_hashi_no{}
.table_hashi_no table{ border-collapse:collapse;}
.table_hashi_no table tr{}
.table_hashi_no table tr th{}
.table_hashi_no table tr td{padding:20px 10px;}
.table_hashi{margin-bottom:35px;}
.table_hashi table{border-top:1px solid #999; border-left:1px solid #999; border-collapse:collapse; width:100%;}
.table_hashi table tr{}
.table_hashi table tr th{border-bottom:1px solid #999; border-right:1px solid #999; padding:10px;}
.table_hashi table tr td{border-bottom:1px solid #999; border-right:1px solid #999; padding:10px; text-align:center; }
.green_title{background:#39b44a; color:#fff; text-align:center;}
.blue_title{background:#0071bb; color:#fff;}
.yellow_title{background:#ffff00; text-align:center;}

/*ホームページ制作 homepage*/
#homepage p{ font-size:15px; text-align: justify; text-justify:inter-ideograph;}

/*看板 sign*/
#sign p{ font-size:15px; text-align: justify; text-justify:inter-ideograph;}
h2.page_type{ font-size:15px; border-bottom:2px dotted #5ECC63; text-align:center;}
.sign_sample{float:left; width:32%; margin:0 0 0.5em 1%; text-align:center; padding:3em 2em 0 2em; box-sizing:border-box;}

/*U-Fit店舗ご案内 outline*/
#outline p{ font-size:16px;}

/*お問い合わせ　contact*/
.menu-983 select{padding: 3px 0 5px;}
span.form{display:block; float:right; color:#c00;}
.confirmation{width:90%; margin:4em 5% 5em 5%; padding:1.5em 2em; box-sizing:border-box; border: dotted 2px #8CC63F; color:#42210B;}
p.text_center{ text-align:center;}
.mail_area{width:40%; margin:2em 30%; background:#8CC63F; padding:1em 0; box-sizing:border-box; text-align:center; color:#fff; font-family: 'FOT-ロダンカトレア Pro DB' !important; letter-spacing: 0.2em;}


@media (max-width: 660px) {
/*共通*/
.home_about_box{width:96%; margin:1em 2% 2em 2%; }
span.next_arrow{display:none;}
.pc{display:none;}

/*トップページ*/
.googlemap{overflow:hidden; width:96%; margin:0 2% 2em 2%;}

/*制作物共通*/

/*ノベルティ制作 novelty*/

/*箸袋広告 chopsticks*/
img.blue_bottom{ width:100%;}
.box_flex{width:94%; margin:0 3%;}
.box_two{width:100%; margin-right:0;}
.table_hashi{width:94%; margin:0 3% 35px 3%;}

/*ホームページ制作 homepage*/

/*看板 sign*/
.sign_sample{width:100%; margin:1em 0;}

/*U-Fit店舗ご案内 outline*/

/*お問い合わせ　contact*/
.confirmation{width:96%; margin:2em 2%; padding:0.5em}
.mail_area{width:50%; margin:0.5em 25%;}
}

@media (min-width: 661px){
.sp_l{display:none;}
.sp{display:none;}
}