﻿


/* pc_on sp_off */
.pcb_spn {
 display: block; }

/* pc_off sp_on */
.pcn_spb {
 display: none; }



.pcb_spn_2 {
 display: initial; }


.clearfix{
	clear: both; }

.o_flow_box--001{
	background-color: #D7EBD2;
	float: left;
	height: 373px;
	margin: 10px 1%;
	padding: 10px 1%;
	width: 29%; }

.o_flow_box--001 img{
	width: 100%; }

.o_flow_text--001{
	line-height: 1.6em;
	padding: 10px 1%;
	color: #188C18; }

.o_contact-box--001{
	background-color: #fff;
	border-radius: 1px;
	box-shadow: 0 1px 12px #d2d2d2;
	margin: 10px 0;
	padding: 10px 1%;
	width: auto; }

#outline-box .o_contact-border_style--001{
	border: 1px solid #aaaaaa;
	border-radius: 5px;
	padding: 10px 2%;
	width: auto; }

.o_contact_title--001{
	background-color: #ed6621;
	border-radius: 5px;
	color: #fff;
	font-size: 250%;
	line-height: 50px;
	margin-bottom: 30px;
	padding: 10px 3% 5px;
	text-align: center;
	width: auto; }

.o_contact_text--001{
	font-size: 240%;
	line-height: 53px;
	padding: 10px 2%;
	text-align: center;
	width: auto;
	color: #33cccc;
	margin-bottom: 30px; }

.o_contact_tel--001{
	font-size: 250%;
	margin-bottom: 50px;
	paddinng: 0;
	text-align: center;
	width: auto;
	color: #3366ff; }

.o_mail--001{
	border-bottom: 1px dotted #d0d0d0;
	font-size: 200%;
	margin-bottom: 20px;
	padding: 0 0 10px;
	text-align: center;
	width: auto;
	color: #3366ff; }

.o_contact_button--001{
	background-color: #faa81d;
	box-shadow: 1px 2px 3px #cccccc;
	color: #fff;
	font-size: 160%;
	line-height: 46px;
	margin: 10px auto;
	max-width: 260px;
	padding-top: 5px;
	text-align: center;
	width: 100%;
	border-radius: 3px; }

.o_icon_box--001{
	float: left;
	margin: 12px 0;
	text-align: center;
	width: 20%; }

.o_icon_button--001{
	margin: 10px 0; }

.o_icon_title--001{
	font-size: 110%; }


/* 20170208追加 */
.o_fukidashi {
	display:inline-block;
	position: relative;
	padding:5em 10em;
	border-radius:5px;
	background: #FFF6C4;
	line-height:3em; }

.o_fukidashi:after {
	position: absolute;
	content: " ";
	height: 0;
	width: 0; }

.o_fukidashi_left:after {
	left: 100%;
	top: 45%;
	border:20px solid transparent;
	border-left:20px solid #FFF6C4;
	margin-top: -10px; }

/* 20170303追加 */
.o_text_01 {
	*text-align:center; }


/* 20170405追加 */
.o_padding--001{
	padding:1px; }

/* 20170406追加 */
.o_coupon--001_code{
	float: left; 
	width: 48%; }

.o_coupon--001_map{
	float: right;  
	width: 51%; }

/* 201704/27追加 */
.o_sp_open {
	display: none; }


/* 20170901追加 */
.o_i_br_10 img {
	border-radius: 10px; }


/* 20170929追加 */
.br_pc_none {
	display: none; }


/* 2018726追加 */
.o_m_over_01 {
	padding: 11px 2% 8px;
	font-size: 130%;
	display: block;
	text-decoration: none;
	border-radius: 3px;
	color: white;
	background-color: #6ebbc4; }

.o_m_over_01:hover {
	background-color: #6d91c1; }


.o_m_over_02 {
	padding: 11px 2% 8px;
	font-size: 150%;
	text-decoration: none;
	color: #33cccc; }

.o_m_over_02:hover {
	color: #354cb7; }



/* 20180817追加 */
_:-ms-lang(x), td.o_ie_letter { letter-spacing: 0.1em!important ; }



/* 20180907追加 */
.ribbon_box {    
    display: block;
    position: relative; }

.ribbon17 {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 10px;
    box-sizing: border-box;
    padding: 5px 12px 3px;
    margin: 0;
    *height: 30px;
    *line-height: 30px;
    font-size: 18px;
    letter-spacing: 0.1em;
    color: white;
    background: #70c7ff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
}
.ribbon17:before {
    position: absolute;
    content: '';
    top: 0;
    left: -7px;
    border: none;
    height: 38px;
    width: 7px;
    background: #70c7ff;
    border-radius: 5px 0 0 0px;
}
.ribbon17:after {
    position: absolute;
    content: '';
    bottom: -7px;
    left: -7px;
    border: none;
    height: 7px;
    width: 5px;
    background: #4d99ca;
    border-radius: 0 0 0 5px;
}


/* 20181009追加 */
.o_m_over_03 {
	padding: 15px 1% 13px;
	margin: 0 0 8px 0;
	border: 1px solid #FFFFFF;
	font-size: 115%;
	text-align: center;
	display: block;
	text-decoration: none;
	border-radius: 5px;
	box-shadow: 3px 3px 2px #BDBDBD;
	color: white;
	background-color: #f99c0a; }

.o_m_over_03:hover {
	background-color: #f77219; }

.o_m_over_04 {
	padding: 15px 1% 13px;
	margin: 0 0 8px 0;
	border: 1px solid #FFFFFF;
	font-size: 115%;
	text-align: center;
	display: block;
	text-decoration: none;
	border-radius: 5px;
	box-shadow: 3px 3px 2px #BDBDBD;
	color: white;
	background-color: #f99c0a; }

.o_m_over_04:hover {
	color: #ed4f00;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
	*background-color: #ef7c0a; }





.o_m_over_05_01,
.o_m_over_05_02,
.o_m_over_05_03,
.o_m_over_05_04 {
	padding: 15px 1% 13px;
	margin: 0 0 8px 0;
	font-size: 115%;
	text-align: center;
	display: block;
	text-decoration: none;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #BDBDBD;
	color: white;
	line-height: 1.3; }

.o_m_over_05_01_2 {
	padding: 12px 1% 10px;
	margin: 0 0 8px 0;
	font-size: 115%;
	text-align: center;
	display: block;
	text-decoration: none;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #BDBDBD;
	color: white;
	line-height: 1.3; }


.o_m_over_05_01,
.o_m_over_05_01_2 {
	background-color: #f99c0a; }

.o_m_over_05_02 {
	background-color: #aacc0f; }

.o_m_over_05_03 {
	background-color: #2492b7; }

.o_m_over_05_04 {
	background-color: #ed7c75; }

.o_m_over_05_01:hover,
.o_m_over_05_01_2:hover,
.o_m_over_05_02:hover,
.o_m_over_05_03:hover,
.o_m_over_05_04:hover {
	box-shadow: 2px 2px 2px #565656 inset; }



/* 20181210追加 */
.o_bo00 {
 border: none !important; }


/* 20190314追加 */
.o_footer {
 border-collapse: separate;
 border-spacing: 8px 3px;
 margin: 0 auto 20px; }

.o_footer td {
 box-sizing: border-box;
 padding: 4px 8px 1px;
 text-align: center;
 text-shadow: 3px 2px 0px #DDDDDD;  }

.o_footer td::before {
 content: "▶ ";
 color: orange; }

.o_footer td a {
 text-decoration: none; }



.o_m_over_06:hover {
 background-color: #1e82a3 !important; }


.o_m_over_07:hover {
 background-color: #ea6b60 !important; }


.o_m_over_08:hover {
 background-color: #00773e !important; }







