@charset "utf-8";

/* Common */

body
/* 2024/10/15 削除
,
.bootstrap p,
.bootstrap .h4,
.bootstrap label
*/
{
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif !important;
	line-height: 1.6em;
    color: #333333;
}

#main a,
.bootstrap a {
    color: #24a51e !important;
}

#main .btn.btn-secondary.mb-2,
#main a.btn.btn-primary.btn-block,
#main a.btn.btn-info.btn-block {
	color: #ffffff !important;
}

.bootstrap .btn-primary {
    color: #fff;
    background-color: #24a51e !important;
    border-color: #24a51e !important;
}

.bootstrap .btn-secondary {
	color: #ffffff !important;
}

#wrapper {
	border-top: solid 5px #24a51e;
}

#contents {
	padding-top: 30px;
}

/* 2024/10/15 削除
.bootstrap .h4,
.bootstrap .pb-1,
.bootstrap .py-1 {
	padding: 10px !important;
}
*/

/* Header */

#header {
	min-height: 0;
	padding-top: 0;
}

.header_logo_area {
    min-height: auto;
	padding-bottom: 20px;
}

.header_logo_area .copy a {
	padding-left: 1em;
	font-size: 12px;
}

#cart_area p {
    border: none;
}

/* Footer */

#footer {
    padding: 10px 0 0;
    margin: 0;
}

.footer_logo_area {
	margin-top: 0;
}

.footer_logo_area h2 {
	margin: 0;
	font-size: 16px !important;
}

#footer ul li {
	font-size: 12px;
}

/* TOP */

#top_ex {
	padding-bottom: 60px;
	font-size: 1.85rem;
}

#top_ex h2 {
	font-size: 3rem;
	line-height: 1.3em;
}

#top_ex p:nth-of-type(2) {
	padding-bottom: 20px;
}

#top_ex ul.check {
	padding: 1.5em 0 0.5em 2em;
}

#top_ex ul.check li {
	margin-bottom: 1.5em;
	padding: 0 0 0 30px;
/*	background: url(/mitumori-demo/admin/content/file_view?file=%2Fhome%2Fsankikikou%2Fstep-company.com%2Fpublic_html%2Fmitumori-demo%2Fhtml%2Fuser_data%2Fic_check.png) */
	background: url(/mitumori-demo/html/user_data/ic_check.png) 
		0 50% 
		no-repeat;
	font-size: 2.2rem;
	font-weight: bold;
}

#top_ex .btn_link {
	padding-bottom: 50px;
}

#top_ex .btn_link a {
	display: inline-block;
	padding: 30px 0;
	background: #24a51e;
	border-radius: 8px;
	color: #ffffff !important;
	font-size: 1.8rem;
	text-align: center;
}

#top_ex .btn_link a strong {
	display: block;
	padding-bottom: 10px;
	font-size: 2.7rem;
}

#top_ex dl dt {
	padding: 0.5em;
	background: #333333;
	border-radius: 1em;
	color: #ffffff;
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: 1em;
	line-height: 1em;
	text-align: center;
}

#top_ex dl dd {
	margin-top: 1em;
	padding: 1em 1em 1em 0.7em;
	border: solid 1px #24a51e;
	border-left: solid 5px #24a51e;
	font-size: 1.6rem;
}

#top_ex dl dd strong {
	display: block;
	color: #24a51e;
}

#top_ex dl dd strong {
	font-size: 1.8rem;
}

#news_area {
	background: none;
	border: solid 1px #cccccc;
}

#news_area h2 {
	background: #f5f5f5;
}

/* other_page */

.other_page #main {
	padding-bottom: 50px;
}

.dl_table dt {
	padding-left: 1em;
	background: #f5f5f5;
}

.other_page h2.h4.mt-4.py-1 {
	border-bottom: solid 3px #24a51e;
	font-weight: bold;
}

.other_page .bootstrap svg {
	border: solid 10px;
}

/* カート */

#page_cart .flowline li.active .flow_number {
	background: #24a51e !important;
}

#page_cart .flowline li.active {
	color: #24a51e;
}

/* 丸材・角材数値入力フォーム */

/* 2024/10/15 削除
.bootstrap .form-control {
	width: 2.5em !important;
	box-sizing: border-box !important;
}

.bootstrap .pl-0, .bootstrap .px-0 {
	width: 100%;
}

.row.mx-0.px-0 .col-auto.px-0 {
	width: 2.5em;
	padding-bottom: 10px;
	box-sizing: border-box;
}

.bootstrap .form-control-sm,
.bootstrap .form-control {
	padding: 0.25rem 0 !important;
	text-align: center;
}

.row.mx-0.px-0 {
	padding-bottom: 0 !important;
}

.row.mx-0.px-0 label {
	height: 1em;
	padding-bottom: 10px;
	white-space: nowrap;
	box-sizing: border-box;
	text-align: right;
}

.bootstrap .pb-1 {
	padding: 0 !important;
}

.bootstrap .btn:not(:disabled):not(.disabled) {
	height: 2.2em;
}

.form-row.form-group.align-items-start div:first-of-type {
	width: 100%;
}
*/


@media only screen and (max-width: 767px) {

/* Header */

	.header_logo_area .copy a {
		display: block;
	}

	.header_logo_area .header_logo {
		margin-left: 1em;
	    font-size: 20px !important;
	}

/* Footer */

	#footer ul li {
	    display: block;
	    margin: 0;
		padding: 8px 0;
		border-bottom: dotted 1px #cccccc;
	}

/* Top */

	#top_ex .btn_link li {
		margin-bottom: 20px;
	}

	#top_ex .btn_link a {
		width: 100%;
	}

	#top_ex ul.check {
		padding: 1.5em 0 0.5em 0;
	}

/* other page */

	.dl_table dl {
		padding: 0;
	}

	.dl_table dl dt,
	.dl_table dl dd {
		padding: 8px;
	}

	.dl_table dl dd {
		line-height: 200%;
	}

	.other_page .bootstrap .row.align-items-center.m-0 {
		display: block;
		text-align: center;
	}

}

@media only screen and (min-width: 768px) {

/* Header */

	.header_logo_area .header_logo {
	    font-size: 28px !important;
	}

	#cart_area {
		width: auto;
	}

/* TOP */

	.front_page #wrapper {
/*		background: url(/mitumori-demo/admin/content/file_view?file=%2Fhome%2Fsankikikou%2Fstep-company.com%2Fpublic_html%2Fmitumori-demo%2Fhtml%2Fuser_data%2Fmain.jpg) 50% 0 no-repeat; */
		background: url(/mitumori-demo/html/user_data/main.jpg) 50% 0 no-repeat;
	}

	#top_ex {
		width: 75%;
		margin: 0 auto;
	}

	#top_img img {
		width: 100%;
		height: auto;
	}

	#top_ex .btn_link {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	}

	#top_ex .btn_link li {
		width: 48%;
		margin-right: 2%;
	}

	#top_ex .btn_link a {
		float: left;
		width: 100%;
	}

	#top_ex .btn_link a:hover {
		opacity: 0.5;
	}

	.col-sm-9.news_contents {
		float: none;
		margin: 0 auto;
		padding: 0;
	}

	#top_ex dl dd {
		display: inline-block;
		width: 48%;
		margin-left: 1%;
		font-size: 1.5rem;
	}

	#news_area .heading01 {
		font-size: 2rem;
	}

/* 丸材・角材描画部分 */

/* 2024/10/15 削除
	#canvas_wrapper {
		max-width: 600px;
	}

	#canvas_wrapper svg {
		width: 250px;
		height: 280	px;
	}

	.mb-2 img#instruction_workpiece {
		width: 350px;
		height: auto;
	}
*/

}