@charset "UTF-8";


/** ************************************* **

	TABLE CONTENTS
	---------------------------
		01. Globals
		02. order_btn
		03. 追従ボタン
		04. リスト(丸数字)
	---------------------------

 ** ************************************* **/

/** 01. Globals
 **************************************************************** **/
 
 h5, .h5 {
	font-size: 130%;
}
@media all and (max-width: 768px) {
.h5,h5 {
	font-size: 110%;
}
}
#content a {
	overflow-wrap: break-word;
}



/** 03. 追従ボタン
 **************************************************************** **/
#Affix,#Affix2 {
	max-width: 400px;
	z-index: 999;
	text-align: center;
	margin: auto;
}


#Affix.affix {
	position: fixed;
	left: 50%;
	transform: translate(-50%, 0);
	bottom:10px;
}




.affix-top a {
	display: none;
}

@media (max-width: 768px) {
.affix {
	padding: 0 20px;
}
}




/** 02. order_btn
 **************************************************************** **/


.affix-top #order_btn {
	display: none;
}

.affix #order_btn {
	position: fixed;
	bottom: 100px;
	right: 0;
	font-size:1.1em;
	z-index:5;
}
#order_btn a {
	background: rgba(174,50,73,0.80);
	text-decoration: none;
	color: #fff;
	width: 200px;
	padding: 15px;
	text-align: center;
	display: block;
	-webkit-border-radius: 5px 0 0 5px;
	   -moz-border-radius: 5px 0 0 5px;
	        border-radius: 5px 0 0 5px;
}
#order_btn a:hover {
	text-decoration: none;
	background: rgba(174,50,73,1.00);
}
@media (max-width: 768px) {
	.affix #order_btn {
		position: fixed;
		bottom: 100px;
		right: 10px;
		font-size: 0.8em;
	}
	#order_btn a {
		background: rgba(174,50,73,0.80);
		text-decoration: none;
		border: 1px solid #fff;
		color: #fff;
		width: 80px;
		height: 80px;
		padding: 14px;
		text-align: center;
		display: block;
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
		        border-radius: 50%;
	}
	#order_btn a:hover {
		text-decoration: none;
		background: rgba(174,50,73,1.00);
	}
}





/** 04. リスト(丸数字)
 **************************************************************** **/
ol.list_marusuuji {
	margin: 0;
	list-style: none;
	counter-reset: my-counter;
	padding:0 0 0 1em;
}
ol.list_marusuuji > li {
	position: relative;
	padding-left: 1.8em;
	margin-right: 5px;
}
ol.list_marusuuji > li::before {
	content: counter(my-counter);
	counter-increment: my-counter;
	border: 1px solid;
	display: block;
	float: left;
	line-height: 1.5;
	text-align: center;
	height: auto;
	width: 12px;
	border-radius: 50%;
	font-size: 0.8em;
	position: absolute;
	left: 0;
	padding-left:1.5em;
	text-indent:-1.5em;
	/* margin-right: 10px; */
}
ol.list_marusuuji ul {
	list-style-type: disc;
	padding-inline-start: 30px;
}



.affix-top #order_btn {
	display: none;
}