@charset "utf-8";
/* CSS Document */



/* IE hack */
*{
    zoom: 1;
}

/* clear */
.clear::after {
	clear: both;
}


/* 全体 */
* {
	margin: 0px;
	padding: 0px;
	padding: 0px;
	border: 0;
	word-break: break-all;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	letter-spacing: 0.08em;
	font-style: normal;
	font-size: 15px;
	list-style: none;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mincho {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}

.gothic {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

.red {
	color: #B70000;
}

body {
	background-color: #FFF;
}


/* ★制御用 */
.pc_only {
	display: block !important;
}
.sp_only {
	display: none !important;
}

/* テキストリンク設定 */
p>a {
	color: #681000 !important;
	text-decoration: underline!important;
}

p>a:hover {
	color: #660001 !important;
	text-decoration: none !important;
}

/* イメージリンク設定 */
a img {
	transition: 0.1s ease-in-out;
}

a img:hover {
	opacity: 1.0;
	transform: rotate(0deg) scale(1.02,1.02);
}




/* ----------------------------------------------------------------
	 ▼▼▼　内容　▼▼▼
---------------------------------------------------------------- */


/* 全体定義 */
#cont_area {
	margin: 150px 1.5% 100px;
	overflow: hidden;
}


/* 全体　アンカー設定 */
#cont_area a {
    text-decoration: none;
    color: #2D2D2D;
}

/* 全体　段落設定 */
#cont_area p {
    font-size: 15px;
    line-height: 1.8em;
    margin: 0 0.7em 1em 2em;
}

/* 全体　画像設定 */
#cont_area img {
    width: 70%;
    margin: 0;
    padding: 2%;
    border: 1px solid #999;
}

/* もくじと内容の全体設定 */
#cont_index,#cont_main {
    max-width: 1000px;
    margin: 0 auto;
    background: #FFF;
    overflow: hidden;
}

/* もくじと内容のタイトル設定 */
#cont_index h1,#cont_main h3 {
    font-size: 20px;
    padding: 0.5em;
    margin: 0 0 1.5em;
    text-align: left;
    color: #FFF;
    background: #3F3E3E;
}

/* もくじと内容のサブタイトル設定 */
#cont_index h2,#cont_main h4 {
    padding: 0.5em;
    border-bottom: 1px solid #999;
    margin: 1.2em 0 0.5em;
    text-align: left;
    clear: both;
}

/* サブタイトルのあしらい */
#cont_index h2 span,#cont_main h4 span {
    font-weight: bold;
    font-size: 17px;
    padding: 0 1.5%;
    display: block;
    border-left: 6px solid #3F3E3E;
}

/* もくじのリスト設定 */
#cont_index>ul {
    margin: 0;
    padding: 3% 5% 3%;
    overflow: hidden;
}

#cont_index>ul li {
    list-style-position: inside;
    list-style-type: disc;
    width: 44%;
    line-height: 2.0em;
    padding: 0px 0px;
    margin: 0 0 1.2em 1em;
    float: left;
}






/* 内容部分のBOX要素 */
#cont_main {
    margin-top: 1vh; 
}

/* 内容部分のH1相当見出し */
#cont_main h3 {
    /* 個別設定する内容があれば */
    margin-top: 10%;
}

/* 内容部分のH2相当見出し */
#cont_main h4 {
    /* 個別設定する内容があれば */
}

/* 内容部分のH3相当見出し */
#cont_main h5 {
    margin: 1em 0.7em 0.5em 0.7em;
}


/* 消費者庁へのリンク部分 */
#cont_main p.red_bg {
    color: #fff;
    padding: 0.7em;
    background-color:#dd0000;
}


/* 内容のリスト設定 */
#cont_main ul {
    margin: 0 0.7em 1em 2em;
}

#cont_main ul li {
    list-style-position: inside;
    list-style-type: disc;
    padding: 0px;
    margin: 4px 0.7em 4px 2.5em;
    text-indent: -1.4em
}


/* 内容のテーブル設定 */
#cont_main table {
    margin: 0em 1em 1em 2em;
    vertical-align: top;
}


#cont_main table td {
    font-size: 12px;
    padding: 0.7em;
}



#cont_main table strong {
    font-size: 12px;
}



#cont_main table td {
    font-size: 12px;
    padding: 0.7em;
}


#cont_main table.twocolumns td{
    width: 50%;
}


#cont_main table.diary td{
    text-align: center;
}


#cont_main table.twocolumnscenter td{
    width: 50%;
    text-align: center;
}

/* H4見出しアンカー　ヘッダー分ずらし */
#cont_main h4 span {
    position: relative;
    top: -100px;
    display: block;
}

/* H5見出しアンカー　ヘッダー分ずらし */
#cont_main h5 span {
    position: relative;
    top: -100px;
    display: block;
}

/* パンくずリスト */
#pankuzu ul {
    clear:both;
    margin:0 0 30px 2%;
}

#pankuzu>ul li {
    display: inline;
    color: #767676;
    font-size: 12px;
    margin: 0;
    cursor:pointer;
    text-align: left;
}

#pankuzu > ul li a {
    text-decoration: none;
    font-size: 13px;
}

#pankuzu > ul li a:hover{
    text-decoration: none;
}

#pankuzu > ul li a:after{
    margin: 0 6px;
    content: "\025b6";
    font-size: 8px;
    line-height: 1.8em;
}



/* ----------------------------------------------------------------
	 ▲▲▲　内容　▲▲▲
---------------------------------------------------------------- */











/* ----------------------------------------------------------------
	 ▼▼▼　フッターエリア　▼▼▼
---------------------------------------------------------------- */

footer {
	width: 100%;
	background-color: #FFF;
	z-index: 1000;
	overflow: hidden;
}

/* ----------------------------------------------------------------
	 ▲▲▲　フッターエリア　▲▲▲
---------------------------------------------------------------- */

















/* ------------------------------------------------
スマートフォンで読み込む上書き用CSS
------------------------------------------------ */
@media screen and (max-width: 700px) {
	
	
	
	.pc_only {
		display: none !important;
	}
	
	.sp_only {
		display: block !important;
	}
	
	
	body {
		background-color: #FFF;
	}
	
	/* headerの情報は触らずに高さを調整するため */
	header>div {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	
    /* ----------------------------------------------------------------
     ▼▼▼　内容　▼▼▼
    ---------------------------------------------------------------- */
	
	
	/* contents */
    #cont_area {
        margin: 60px 1.5% 200px;
        overflow: hidden;
    }
	
	
	
	/* 全体　画像設定 */
    #cont_area img {
        width: 100%;
        margin: 0;
        padding: 2%;
        border: 1px solid #999;
		box-sizing: border-box;
    }

	
	
	
	/* SP専用 */
    #cont_index>ul li {
        list-style-position: inside;
        list-style-type: disc;
        width: auto;
        line-height: 2.0em;
        padding: 0px;
        margin: 0 0 1.2em 1em;
        float: none;
    }
	
	
    /* ----------------------------------------------------------------
         ▲▲▲　内容　▲▲▲
    ---------------------------------------------------------------- */
	
	
	


	/* ----------------------------------------------------------------
		 スマートフォン専用フッター　▼
	---------------------------------------------------------------- */
	#sp_footer {
		padding: 5%;
		background-color: #2A1208;
		color: #FFF;
		font-size: 0.8em;
	}

	#sp_footer ul.footer_logo {
		list-style: none;
		display: flex;
		flex-flow: row;
		flex-wrap: nowrap;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	#sp_footer ul.footer_logo li {
		margin-right: 15px;
	}

	#sp_footer ul.footer_logo li:first-child {
		flex: 8;
	}

	#sp_footer ul.footer_logo li:last-child {
		margin-right: 0;
	}

	/* 運営会社・所在地 */
	address {
		font-style: normal;
	}

	address h5 {
		font-size: 0.8em;
		margin: 9% 0% 2%;
		font-weight: 100;
	}

	address p {
		margin: 0% 0% 7%;
		line-height: 1.6em;
		font-size: 0.75em;
	}

	/* SPフッター下部テキストナビ */
	#sp_footer nav ul {
		margin: 5% 0% 9%;
		padding: 0px;
		list-style: none;
		display: flex;
		flex-flow: row;
		flex-wrap: nowrap;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}

	#sp_footer nav ul li {
		font-size: 0.8em;
		letter-spacing: 0.01em;
		color: #FFF;
	}

	#sp_footer nav ul a {
		letter-spacing: 0.01em;
		color: #FFF;
		text-decoration: none;
		font-size: 0.8em;
	}

	#sp_footer p.copyright {
		text-align: center;
		font-size: 0.9em;
	}
	
	/* ----------------------------------------------------------------
		 スマートフォン専用フッター　▲
	---------------------------------------------------------------- */
	
	
	
	
}