@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#main .content {
	padding: 50px 20px 25px;
	max-width: 840px;
}
#main p {
	margin-bottom: 31px;
	word-break: break-all;
}
#main p a {
	text-decoration: underline;
}
#main p:last-child {
	margin-bottom: 0;
}
#main ul {
	margin: 0 24px 37px;
}
#main ul li {
	margin-bottom: 1px;
	padding-left: 16px;
	position: relative;
}
#main ul li::before {
	width: 8px;  
	height: 8px;
	border-radius: 100%;
	background-color: #D9D9D9;
	position: absolute;  
	top: 7px;
	left: 0;  
	content: ""; 
}
#main imgBox {
	margin-bottom: 36px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#main .imgBox .photoBox {
	margin-right: 24px;
	width: 240px;
}
#main .imgBox .photoBox img {
	width: 100%;
}
#main .imgBox .textBox {
	margin-top: -7px;
	flex: 1;
}
#main .imgBox02 .photoBox {
	order: 2;
	margin: 0 0 0 33px;
}

@media all and (min-width: 1260px) {
	#main p a:hover {
		opacity: 0.7;
	}
}

@media all and (max-width: 768px) {
	#main .content {
		padding: 31px 10px 0;
		max-width: inherit;
	}
	#main .imgBox {
		display: block;
	}
	#main .imgBox .photoBox {
		margin: 0 auto 25px;
	}
	#main .imgBox02 {
		margin-bottom: 20px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
	}
	#main .imgBox02 .photoBox {
		margin: 20px auto 0;
	}
}

@media all and (min-width: 769px) and (max-width: 1259px) {
	#main .content {
		padding: 31px 10px 0;
	}
	#main p {
		line-height: normal;
	}
	#main .imgBox02 {
		margin-bottom: 20px;
	}
	#main .imgBox02 .photoBox {
		margin-left: 24px;
	}
}

/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
#main h1 {
	margin-bottom: 32px;
	padding: 0 0 2px 10px;
	font-size: 1.6rem;
	font-weight: 700;
	position: relative;
	line-height: 1;
	overflow:hidden;
}
#main h1::before {
	width: 2px;  
	height: 100%;
	background-color: #CC372B;
	border-radius: 5px;
	position: absolute;  
	top: 0;
	left: 0;  
	content: ""; 
}
@media all and (max-width: 768px) {
}

/*------------------------------------------------------------
	headLine02
------------------------------------------------------------*/
#main h2 {
	margin-bottom: 30px;
	padding-left: 12px;
	font-size: 1.6rem;
	font-weight: 700;
	position: relative;
	overflow:hidden;
}
#main h2::before {
	width: 8px;  
	height: 8px;
	border-radius: 100%;
	background-color: #CC372B;
	position: absolute;  
	top: 9px;
	left: 0;  
	content: ""; 
}
@media all and (max-width: 768px) {
}

/*------------------------------------------------------------
	headLine03
------------------------------------------------------------*/
#main h3 {
	margin: 0 0 33px;
	padding: 4px 5px 5px;
	font-size: 1.6rem;
	font-weight: 700;
	position: relative;
	border-bottom: 2px solid #F3F3F3;
	overflow:hidden;
}
#main h3::before {
	width: 66px;  
	height: 2px;
	background-color: #CC372B;
	position: absolute;  
	bottom: 0px;
	left: 0;  
	content: ""; 
}
@media all and (max-width: 768px) {
}


/*------------------------------------------------------------
	headLine04
------------------------------------------------------------*/
#main h4 {
	margin-bottom: 33px;
	padding: 6px 10px 5px;
	font-size: 1.6rem;
	font-weight: 700;
	border-bottom: 2px solid #B9B9B9;
	overflow:hidden;
}
@media all and (max-width: 768px) {
}

/*------------------------------------------------------------
	headLine05
------------------------------------------------------------*/
#main h5 {
	margin-bottom: 34px;
	font-size: 1.6rem;
	font-weight: 700;
	padding: 3px 8px 5px;
	background-color: #F3F3F3;
	overflow:hidden;
}
@media all and (max-width: 768px) {
}


/*------------------------------------------------------------
	Purachase
------------------------------------------------------------*/

.order-list{
	margin-top: 20px;
}
.order-list dt{
	display: inline-block;
	width: 28%;
	background-color: #EAEAEA;
}
.order-list dd {
	display: inline-block;
	width: 70%;
	background-color: #F3F3F3;
}
.order-list dt,
.order-list dd{
	box-sizing: border-box;
	padding: 10px;
	margin-bottom: 10px;
}

.sub-button{
	display: block;
	margin-top: 20px;
	transition: all ease 0.3s;
	cursor: pointer;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: none;
	box-sizing: border-box;
	background-color:#CC372B;
	padding:16px 50px;
	color:#FFF;
	font-weight:bold;
	border-radius:30px;
}
.sub-button:hover{
	background-color:#880a00;
}

/*------------------------------------------------------------
	UM
------------------------------------------------------------*/

/* Link colors */
#main .um-dropdown-b ul li::before{
	content:none;
}
.um a.um-link,
.um .um-tip:hover,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color
{
    color: #3ba1da !important;
}

.um a.um-link:hover,
.um a.um-link-hvr:hover {
    color: #44b0ec !important;
}

/* Button colors */
.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.upload,
.um-modal-header,
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover,
.um .um-button,
.um a.um-button,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active,
.um input[type=submit].um-button,
.um input[type=submit].um-button:focus,
.um input[type=submit]:disabled:hover
{
    background: #CC372B !important;
}

.um .um-field-group-head:hover,
.picker__footer,
.picker__header,
.picker__day--infocus:hover,
.picker__day--outfocus:hover,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted,
.picker__list-item:hover,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected,
.um .um-button:hover,
.um a.um-button:hover,
.um input[type=submit].um-button:hover{
    background: #880a00 !important;
}

/* Button alt colors */
.um .um-button.um-alt, 
.um input[type=submit].um-button.um-alt {
    background: #eeeeee !important;
}

.um .um-button.um-alt:hover,
.um input[type=submit].um-button.um-alt:hover {
    background: #e5e5e5 !important;	
}

.woocommerce-info{
	border-top-color:#CC372B !important;
}
.woocommerce-info::before{
	color:#CC372B !important;
}

a.button.wc-forward,
.download-file a,
.download a{
    background: #CC372B !important;
	color:#FFF;
}
a.button.wc-forward:hover,
.download-file a:hover,
.download a:hover{
    background: #880a00 !important;
	color:#FFF;
}