/***** スマートフォン用デザイン ****************************************/
@media screen and (max-width:414px) {

/***** 本体 *****/
.pc-br {
	display: none;
}
.mb-br {
	display: block;
}
h1 {
	font-size: 22px;
}

/***** ヘッダー *****/
header {
	margin-bottom: 0px;
}
header h1 {
    width: auto;
	text-align: center;
	padding: 8px 0; /* 12px 0; */
}
/*
header h1 img {
    width: 20px;
	height: auto;
	vertical-align: -4px;
}
*/

/***** フッター *****/
footer {
    margin-top: 0;
	padding-top: 0
}
footer small {
    border-top: solid 1px #ffffff;
	padding-top: 20px;
}

/***** ナビゲーションメニュー *****/
nav {
    width: auto;
	background-color: #2f2e0a;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
}
nav li {
    border: none;
	padding: 0;
}
nav li:first-child {
    border-left: none;
}
nav li a {
    display: block;
	float: left;
	/*width: 20%;*/
	border-left: solid 1px #aaaaaa;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #2f2e0a;
	color: #ffffff;
	/* padding: 10px 5px; */
	padding: 10px 9px;
	font-size: 10px;
}
nav li:first-child a {
    border: none;
}

/* 表組み */
table {
    font-size: smaller;
}
th, td {
    padding: 5px 10px;
}
/*
th {
    width: 70px;
}
*/

/***** 固定ページ *****/
#container {
    width: auto;
}
#content {
    width: auto;
	float: none;
}

/***** 記事 *****/
article {
    width: auto;
	border: none;
	box-shadow: none;
	border-radius: 0;
	margin-bottom: 0;
	padding: 20px 10px;
}

/***** 独自ページスタイル *****/
.schedule {
    font-size: 10pt;
}

/***** お問い合わせフォーム *****/
#content input,
#content textarea {
    width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/***** プロフィールページ *****/
#portrait-container {
	display: block;
}
p.profile {
	width: 100%;
}
#portrait-container #img-side {
	margin:0px;
	width: 100%;
}
p.profile#name {
	width: 100%;
}
#portrait-container #pc-img {
	display: none;
}
#portrait-container #mb-img {
	display: block;
	width: 100%;
	text-align: center;
}
#portrait-container #mb-img img {
	margin-bottom: 20px;
	width: 50%;
}
/***** お問い合わせページ *****/
p.contact {
	width: 100%;
}

/***** 料金表ページ *****/
table.price {
	width: 93%;
    border: none;
    border-collapse: collapse;
}
table.price th {
	width: 100%;
    display: block;
	background-color: #faefcf;
	color: black;
	font-weight: normal;
	padding: 10px;
	border: solid 1px #ccc;
}
table.price td {
	width: 100%;
    display: block;
	border: solid 1px #ccc;
	padding: 10px;
}
table.price table {
    border-collapse: collapse;
	border: none;
	width: 92%;
}
table.price table.inner td {
	font-size: 9pt;
	padding: 0px 10px;
}
table.price table.inner2 {
	width: 100%;
}
table.price table.inner2 th {
	display: table-cell;
    text-align: center;
    vertical-align: middle;
	padding: 0px;
}
table.price table.inner2 td {
	display: table-cell;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    padding: 0px 4px;
}

/***** サービスページ *****/
#service_flow {
	width: 100%;
}
.service_figure_caption {
    font-size: 10pt;
	margin-right: 10px;
}
.float_box_wide {
	display: block;
	width: 100%;
}
.float_box_wide div {
	margin: 20px 20px;
	line-height: 16pt;
}
.float_box_wide div img {
	width: 80%;
}

/***** トップページ *****/
#image-container {
	margin-top: -20px;
	margin-left: -10px;
	margin-right: -10px;
	position: relative;
	display: flex;
	/*
	justify-content: left;
	*/
	justify-content: center;
}
#image-container img {
	width: 100vw;
}
.overlay-text {
	position: absolute;
	color: darkslategray;

	font-weight: bold;

	text-shadow:
        0 0 10px beige,
        0 0 10px beige,
        0 0 10px beige,
        0 0 10px beige,
        0 0 10px beige;
}
.overlay-text#caption1 {
	margin-top: 10px;
	margin-left: 0px;
	/*
	margin-left: 44px;
	margin-left: 40px;
	*/
	font-size: 12pt;
}
.overlay-text#caption2 {
	margin-top: 30px;
	margin-left: 0px;
	/*
	margin-left: 114px;
	margin-left: 40px;
	*/
	font-size: 20pt;
}
.overlay-text#caption3 {
	margin-top: 120px;
	margin-left: 0px;
	/*
	margin-top: 114px;
	margin-left: 10px;
	margin-left: -60px;
	*/
	font-size: 12pt;
	line-height: 14pt;
	text-align: center;
}
.float_box_caption {
	margin-top: 20px;
	width: 100%;
}
.float_box_caption img {
	width:20%;
	height:20%;
}
.float_box_caption div {
	margin-left: 10px;
}
.float_box_caption div p {
	margin-left: 10px;
	text-align: left;
    font-size: 12pt;
	line-height: 16pt;
}
.float_box_slim {
    display: block;
    width: 100%;
}
.float_box_slim div {
    margin: 20px 20px;
	line-height: 16pt;
}
.float_box_slim div img {
	width: 80%;
}
/*
.float_box_caption div p br {
	display: none;
}
*/
.figure_caption {
    font-size: 12pt;
    font-weight:bold;
}
.figure_text {
    font-size: 10pt;
}

}