/* ---------------------------------------------------------------------------------------------------------------------------------------------------
 * カスタマイズ用CSS
 * 追加CSSコードはこちらに記入してください。
 * 更新日：2022/02/15
 * .active 指定するとボタンを押した状態、アクティブ状態のボタン
 * .disabled 指定すると無効化状態のボタン
 * .btn-block 使うと幅いっぱいまで広がるブロックレベルのボタン
 * .btn-lg　.btn-sm　.btn-xs　を指定することでボタンのサイズを変更することができます。
 * .btn .btn-***を指定することでボタンを表示することができます。
 --------------------------------------------------------------------------------------------------------------------------------------------------- */


/* カラー設定［ Default（テキスト） ］
================================================================================= */

.text-default {
    color: #525263;
}
a.text-default:hover {
    color: #9797a1;
}

/* カラー設定［ Primary（テキスト） ］
================================================================================= */
.text-primary {
    color: #DE5D50;
}
a.text-primary:hover {
    color: #e57d73;
}

/* カラー設定［ Success（テキスト） ］
================================================================================= */
.text-success {
    color: #18A689;
}
a.text-success:hover {
    color: #0D8969;
}

/* カラー設定［ Info（テキスト） ］
================================================================================= */
.text-info {
    color: #31708f;
}
a.text-info:hover {
    color: #245269;
}

/* カラー設定［ Warning（テキスト） ］
================================================================================= */
.text-warning {
    color: #9A947E;
}
a.text-warning:hover {
    color: #AEA998;
}

/* カラー設定［ Danger（テキスト） ］
================================================================================= */
.text-danger {
    color: #DE5D50;
}
a.text-danger:hover {
    color: #CF3F34;
}

/* カラー設定［ Default（背景色） ］
================================================================================= */
.bg-default {
    color: #fff;
    background-color: #525263;
}
a.bg-default:hover {
    background-color: #9797a1;
}

/* カラー設定［ Primary（背景色） ］
================================================================================= */
.bg-primary {
    color: #fff;
    background-color: #DE5D50;
}
a.bg-primary:hover {
    background-color: #e57d73;
}
.bg-primary-border {
    color: #DE5D50;
    border: 2px solid #DE5D50;
    background: #fff;
}
a.bg-primary-border:hover {
    border: 2px solid #DE5D50;
    background: #FDF6F6;
}

/* カラー設定［ Success（背景色） ］
================================================================================= */
.bg-success {
    background-color: #dff0d8;
}
a.bg-success:hover {
    background-color: #c1e2b3;
}
.bg-success-border {
    color: #5CB1B1;
    border: 2px solid #5CB1B1;
    background: #fff;
}
a.bg-success-border:hover {
    border: 2px solid #5CB1B1;
    background: #EEF7F7;
}

/* カラー設定［ Info（背景色） ］
================================================================================= */
.bg-info {
    background-color: #d9edf7;
}
a.bg-info:hover {
    background-color: #afd9ee;
}

/* カラー設定［ Warning（背景色） ］
================================================================================= */
.bg-warning {
    background-color: #fcf8e3;
}
a.bg-warning:hover {
    background-color: #f7ecb5;
}

/* カラー設定［ Danger（背景色） ］
================================================================================= */
.bg-danger {
    color: #fff;
    background-color: #F99;
}
a.bg-danger:hover {
    background-color: #FF8D8D;
}

/* カラー設定［ Default（ボタン） ］
================================================================================= */
.btn-default {
    color: #000; /*#525263;*/
    background-color: #F5F7F8;
    border-color: #8c8c8c; /*#D7DADD;*/
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #000; /*#525263;*/
    background-color: #fff; /*#EEF1F3;*/
    border-color: #8c8c8c; /*#D7DADD;*/
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #F5F7F8;
    border-color: #8c8c8c; /*#D7DADD;*/
    color: #000; /*#525263;*/
}
.btn-default .badge {
    color: #fff; /*#EEF1F3;*/
    background-color: #000; /*#525263;*/
}

/* カラー設定［ Primary（ボタン） ］
================================================================================= */
.btn-primary {
    color: #fff;
    background-color: #accecc; /*#337ab7;*/
    border-color: #2e6da4;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #accecc; /*#337ab7;*/
    border-color: #2e6da4;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #fff;
    border-color: #ccc;
}
.btn-primary .badge {
    color: #fff;
    background-color: #333;
}
.btn-primary-border {
    color: #2e6da4;
    background-color: #fff;
    border-color: #2e6da4;
    border-width: 2px;
}
.btn-primary-border:hover,
.btn-primary-border:focus,
.btn-primary-border:active,
.btn-primary-border.active,
.open > .dropdown-toggle.btn-primary-border {
    color: #2e6da4;
    background-color: #FDF6F6;
    border-color: #2e6da4;
}
.btn-primary-border:active,
.btn-primary-border.active,
.open > .dropdown-toggle.btn-primary-border {
    background-image: none;
}
.btn-primary-border.disabled,
.btn-primary-border[disabled],
fieldset[disabled] .btn-primary-border,
.btn-primary-border.disabled:hover,
.btn-primary-border[disabled]:hover,
fieldset[disabled] .btn-primary-border:hover,
.btn-primary-border.disabled:focus,
.btn-primary-border[disabled]:focus,
fieldset[disabled] .btn-primary-border:focus,
.btn-primary-border.disabled:active,
.btn-primary-border[disabled]:active,
fieldset[disabled] .btn-primary-border:active,
.btn-primary-border.disabled.active,
.btn-primary-border[disabled].active,
fieldset[disabled] .btn-primary-border.active {
    background-color: #fff;
    border-color: #2e6da4;
}

/* カラー設定［ Success（ボタン） ］
================================================================================= */
.btn-success {
    color: #fff;
    background-color: #8ea362; /*#5CB1B1;*/
    border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #8ea362; /*#5CB1B1;*/
    border-color: #4cae4c;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #8ea362; /*#5CB1B1;*/
    border-color: #4cae4c;
}
.btn-success .badge {
    color: #000;
    background-color: #fff;
}

.btn-success-border {
    color: #000;
    background-color: #fff;
    border-color: #4cae4c;
}
.btn-success-border:hover,
.btn-success-border:focus,
.btn-success-border:active,
.btn-success-border.active,
.open > .dropdown-toggle.btn-primary-border {
    color: #8ea362; /*#5CB1B1;*/
    background-color: #EEF7F7;
    border-color: #4cae4c;
    border-width: 2px;
}
.btn-success-border:active,
.btn-success-border.active,
.open > .dropdown-toggle.btn-success-border {
    background-image: none;
}
.btn-success-border.disabled,
.btn-success-border[disabled],
fieldset[disabled] .btn-success-border,
.btn-success-border.disabled:hover,
.btn-success-border[disabled]:hover,
fieldset[disabled] .btn-success-border:hover,
.btn-success-border.disabled:focus,
.btn-success-border[disabled]:focus,
fieldset[disabled] .btn-success-border:focus,
.btn-success-border.disabled:active,
.btn-success-border[disabled]:active,
fieldset[disabled] .btn-success-border:active,
.btn-success-border.disabled.active,
.btn-success-border[disabled].active,
fieldset[disabled] .btn-success-border.active {
    background-color: #fff;
    border-color: #4cae4c;
}

/* カラー設定［ Info（ボタン） ］
================================================================================= */
.btn-info {
    color: #000; /*#fff;*/
    background-color: #accecc; /*#525263;*/
    border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    color: #000; /*#fff;*/
    background-color: #accecc; /*#525263;*/
    border-color: #46b8da;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-info .badge {
    color: #5bc0de;
    background-color: #fff;
}

/* カラー設定［ Warning（ボタン） ］
================================================================================= */
.btn-warning {
    color: #fff;
    background-color: #be9738; /*#f0ad4e;*/
    border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #be9738;
    border-color: #eea236;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: #be9738;
    border-color: #eea236;
}
.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff;
}

/* カラー設定［ Danger（ボタン） ］
================================================================================= */
.btn-danger {
    color: #fff;
    background-color: #ae465d; /*#d9534f;*/
    border-color: #d9534f;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #ae465d;
    border-color: #CF3F34;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: #ae465d;
    border-color: #d43f3a;
}
.btn-danger .badge {
    color: #d9534f;
    background-color: #fff;
}

/* カラー設定［ Link（ボタン） ］
================================================================================= */
.btn-link {
    font-weight: normal;
    color: #DE5D50;
    cursor: pointer;
    border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
    color: #2a6496;
    text-decoration: underline;
    background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none;
}

/* カラー設定［ Default（ラベル） ］
================================================================================= */
.label-default {
    background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #5e5e5e;
}

/* カラー設定［ Primary（ラベル） ］
================================================================================= */
.label-primary {
    background-color: #DE5D50;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #e57d73;
}

/* カラー設定［ Success（ラベル） ］
================================================================================= */
.label-success {
    background-color: #18A689;
}
.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #0D8969;
}

/* カラー設定［ Info（ラベル） ］
================================================================================= */
.label-info {
    background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #3DA8CF;
}

/* カラー設定［ Warning（ラベル） ］
================================================================================= */
.label-warning {
    background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #E99133;
}

/* カラー設定［ Danger（ラベル） ］
================================================================================= */
.label-danger {
    background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #CF3F34;
}

/* カラー設定［ Default（パネル） ］
================================================================================= */
.panel-default {
    border-color: transparent; /*#ddd;*/
}
.panel-default > .panel-heading {
    color: #000; /*#333333;*/
    background-color: #ddd; /*#f5f5f5;*/
    border-color: transparent; /*#ddd;*/
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
}
.panel-default > .panel-heading .badge {
    color: #ddd; /*#f5f5f5;*/
    background-color: #000; /*#333333;*/
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: transparent;
}

/* カラー設定［ Primary（パネル） ］
================================================================================= */
.panel-primary {
    border-color: transparent;
}
.panel-primary > .panel-heading {
    color: #000; /*#fff;*/
    background-color:#accecc; /*#DE5D50;*/
    border-color: transparent;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
}
.panel-primary > .panel-heading .badge {
    color: #accecc; /*#DE5D50;*/
    background-color: #000; /*#fff;*/
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #accecc; /*#DE5D50;*/
}

/* カラー設定［ Success（パネル） ］
================================================================================= */
.panel-success {
    border-color: transparent;
}
.panel-success > .panel-heading {
    color: #8ea362; /*#18A689;*/
    background-color: #000; /*#dff0d8;*/
    border-color: transparent;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
}
.panel-success > .panel-heading .badge {
    color: #000; /*#dff0d8;*/
    background-color: #8ea362; /*#18A689;*/
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: transparent;
}

/* カラー設定［ Info（パネル） ］
================================================================================= */
.panel-info {
    border-color: transparent;
}
.panel-info > .panel-heading {
    color: #fff;
    background-color: #42B3E5;
    border-color: transparent;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
}
.panel-info > .panel-heading .badge {
    color: #fff;
    background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: transparent;
}

/* カラー設定［ Warning（パネル） ］
================================================================================= */
.panel-warning {
    border-color: transparent;
}
.panel-warning > .panel-heading {
    color: #fff;
    background-color: #fcf8e3;
    border-color: transparent;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
}
.panel-warning > .panel-heading .badge {
    color: #fff;
    background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: transparent;
}

/* カラー設定［ Danger（パネル） ］
================================================================================= */
.panel-danger {
    border-color: #ebccd1;
}
.panel-danger > .panel-heading {
    color: #fff;
    background-color: #DE5D50;
    border-color: transparent;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
}
.panel-danger > .panel-heading .badge {
    color: #fff;
    background-color: #DE5D50;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: transparent;
}

/* カラー設定［ Success（アラート） ］
================================================================================= */
.alert-success {
    color:#fff;
    background-color:#18a689;
    border-color: transparent;
}
.alert-success hr {
    border-color: transparent;
}
.alert-success .alert-link {
    color:#fff
}

/* カラー設定［ Info（アラート） ］
================================================================================= */
.alert-info {
    color:#fff;
    background-color:#42B3E5;
    border-color: transparent;
}
.alert-info hr {
    border-top-color:#a6e1ec
}
.alert-info .alert-link {
    color:#fff
}

/* カラー設定［ Warning（アラート） ］
================================================================================= */
.alert-warning {
    color:#fff;
    background-color:#f0ad4e;
    border-color: transparent;
}
.alert-warning hr {
    border-color: transparent;
}
.alert-warning .alert-link {
    color:#fff
}

/* カラー設定［ Danger（アラート） ］
================================================================================= */
.alert-danger {
    color:#fff;
    background-color:#DE5D50;
    border-color: transparent;
}
.alert-danger hr {
    border-color: transparent;
}
.alert-danger .alert-link {
    color:#fff
}





/* YouTube 埋め込み［レスポンシブ］
　https://h2ham.net/youtube-responsive/
=============================================================== */
.youtube {
	position: relative;
	width: 100%;
  /* 横幅 */
	padding-top: 56.25%;
  /* 高さ */
}
.youtube iframe {
	position: absolute;
  /* 動画はみ出し防止のための記述 */
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

/* ボックス［注意書き用］
 * https://saruwakakun.com/html-css/reference/box
 * 利用箇所：商品詳細［注意事項］
=============================================================== */
.box28 {
	position: relative;
	margin: 2em 0;
	padding: 25px 10px 7px;
	border: solid 2px #FFC107;
}

.box28 .box-title {
	position: absolute;
	display: inline-block;
	top: -2px;
	left: -2px;
	padding: 0 9px;
	height: 25px;
	line-height: 25px;
	font-size: 17px;
	background: #FFC107;
	color: #ffffff;
	font-weight: bold;
}

.box28 p {
	margin: 0; 
	padding: 0;
}


/* 見出しデザイン
 * https://jajaaan.co.jp/css/css-headline/
 * 利用箇所：商品詳細
=============================================================== */

/* 下線デザイン
---------------------------------------- */
.kasen {
	border-bottom: 3px solid #000;
}

/* 点線デザイン
---------------------------------------- */
.tensen {
	border-bottom: 3px dotted #000;
}

/* 囲み線デザイン
---------------------------------------- */
.kakomi {
	padding: 1rem 2rem;
	border: 3px solid #000;
}

/* 画像サイズ［レスポンシブ］
　https://allabout.co.jp/gm/gc/454492/2/
=============================================================== */
img {
    max-width: 100%;
}

/* シンプルなボタンデザイン実装サンプル集
 * https://125naroom.com/web/2846
 * 利用箇所：商品詳細［添付ファイル］
=============================================================== */

/* シンプル角丸
---------------------------------------- */
section {
    max-width: 300px;
    margin: 0 auto;
}
a.btn_03 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    position: relative;
    background: #accecc; /*#228bc8;*/
    border: 1px solid #accecc; /*#228bc8;*/
    border-radius: 30px;
    box-sizing: border-box;
    padding: 0 45px 0 25px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.1em;
    line-height: 1.3;
    text-align: left;
    text-decoration: none;
    transition-duration: 0.3s;
}
a.btn_03:before {
    content: '';
    width: 8px;
    height: 8px;
    border: 0;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 25px;
    margin-top: -6px;
}
a.btn_03:hover {
    background: #fff;
    color: #228bc8;
}
a.btn_03:hover:before {
    border-top: 2px solid #accecc; /*#228bc8;*/
    border-right: 2px solid #accecc; /*#228bc8;*/
}

/* ふわっと浮き出したボタン、押せるので楽しい
---------------------------------------- */
section {
    max-width: 300px;
    margin: 0 auto;
}
a.btn_10 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    background: #8EA362; /*#fff;*/
    position: relative;
}
a.btn_10 span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    background: #8EA362; /*#fff;*/
    box-sizing: border-box;
    color: #FFF; /*#333;*/
    font-size: 14px;
    letter-spacing: 0.1em;
    text-decoration: none;
    box-shadow: 0px 5px 12px #CAD4E2, -6px -6px 12px #FFF;
    border-radius: 10px;
    position: absolute;
    top: -5px;
    left: 0;
    transition-duration: 0.2s;
}
a.btn_10:hover span {
    left: 0;
    top: 0;
    box-shadow: 0 0 4px #CAD4E2, -2px -2px 4px #FFF;
}


/*その他
---------------------------------------------------------------------------*/
.u-mb-20 {
    margin: 0 0 20px 0; }

.content {
    max-width: 800px;
    margin: 40px auto;
    padding: 10px; }

/*2023-06-13 に追加したコードです
---------------------------------------------------------------------------*/

/*左上にずらした背景色ありタイトル*/
.box74{
margin: 2em auto; /* ボックスの余白 */
background-color: #fafafa; /* ボックス背景色 */
padding:3em 2em 2em; /* ボックス内側余白 */
position:relative; /* 配置(ここを基準に)*/
border: 1px solid #5a728b;	/* ボックスの線 (太さ　種類　色)*/
}
.box74 .box-title {
background-color:#5a728b; /* タイトル背景色 */
font-size: 1em;/* タイトル文字の大きさ */
color: #fff ; /* タイトル文字色 */
padding: 7px 10px;/*タイトルの余白*/
line-height: 1;/*タイトルの行の高さ*/
position:absolute;	/* 配置(ここを動かす) */
top: -10px; /*上から（0px）移動*/
left: 20px; /*左から(0px)移動*/
}