/*
Theme Name: ひまわりネットワーク マーケティング・カスタマーサイト用テーマ
Theme URI: http://www.himawari.co.jp/
Author: LARGIC WAVE
Author URI: http://www.himawari.co.jp/
Description: ひまわりネットワーク マーケティング・カスタマーサイト用テーマ
Version: 1.0
Text Domain: himawari web corp
*/


/************************************ ここから精査CSS **************************************/
.wae-section .text-large28{
    font-size: 2.8rem !important;
}
.wae-section .text-large22{
    font-size: 2.2rem !important;
}


/*********文字装飾*******/
.wae-section .color-white *{ color: #fff !important;}
.wae-section .text-white,.text-white{ color: #fff !important;}
.wae-section .text-gray,.text-gray{ color: #555 !important;}

/**********1カラム背景パターン**************/
.bg-1col-gray{ background-color: #f9fbfc !important; padding:20px; border-top: 1px solid #e3e9ef;}
.bg-1col-blue{ background: url(/wp-content/themes/www-himawari-co-jp/resource/img/header/pattern.png) repeat !important; padding:20px; }
.bg-1col-orange{ background-color: #e26a12 !important; padding:20px; border-top: 1px solid #e26a12;}
.bg-1col-white{ background-color: #fff !important; padding:20px; border-top: 1px solid #fff;}


/******タイトル******/
.t-spacer40 .wae-section-title h2{
    margin-top: 40px;
}
.t-spacer40-white .wae-section-title h2{
    margin-top: 40px;
    color:#fff;
}


.selsec-img-250{
width:250px !important;
}

/**特殊用途**/
/*強調*/
.block-emphasis-info{
    color: #fff;
    font-size: 2.0rem !important;
}

/**********吹き出し****************/
/* 共通 */
.bubble {
 display:inline-block;
 position: relative;
 padding:2em;
 border-radius:5px;
 background: #fff;
 border:5px solid #6CBB5A;
}
.bubble:after {
 position: absolute;
 content: " ";
 height: 0;
 width: 0;
}

/* 下吹き出し */
.bubble-half-left:after {
 right: 100%;
 top: 10%;
 border-top:20px solid #6CBB5A;
 border-left:40px solid transparent;
}

/* 下中央 */
.bubble-bottom:after {
 top: 100%;
 left: 50%;
 border:10px solid transparent;
 border-top:40px solid #6CBB5A;
 margin-left: 40px;
}

/* ステップ */
.step-bubble >*{
 display:inline-block;
 position: relative;
 padding:2em;
 border-radius:30px;
 background: #004098;
 border:1px solid #004098;
}
.step-bubble  >*{
    color: #fff !important;
}
.step-bubble >*:after {
 position: absolute;
 content: " ";
 height: 0;
 width: 0;
}
.step-bubble-right >*:after {
 left: 100%;
 top: 50%;
 border:5px solid transparent;
 border-left:15px solid #004098;
 margin-top:0px;
}

/*************アイコン******************/
.wae-section .label-1{
    display: inline-block;
    font-size: 0.8em;
    margin-right: 8px;
    margin-bottom: 5px;
    padding: 0.5rem 1rem;
    background: #555;
    color: #fff;
}
.wae-section .label-waka,
.wae-section .label-naga,
.wae-section .label-miyo,
.wae-section .label-kan{
    display: inline-block;
    font-size: 0.8em;
    margin-right: 8px;
    margin-bottom: 5px;
    padding: 0.5rem 1rem;
    background: #555;
    color: #333;
}
/* 若草店 */
.wae-section .label-waka{
    background:#9acd32;
}
/* 長久手店 */
.wae-section .label-naga{
    background:#ffc0cb;
}
/* みよし店 */
.wae-section .label-miyo{
    background:#ffa500;
}
/* 神田店 */
.wae-section .label-kan{
    background:#BDD6EE;
}

/******縦書き*******/
.wae-section .text-tate{
    writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
}

@media screen and (max-width:750px){

/**********吹き出し****************/

/* 共通 */

/* 下吹き出し */

/* 下中央 */

/* ステップ */
.step-bubble >*{
padding:10px 25px;
border-radius:15px;
}
.step-bubble-right >*:after {
left: 050%;
top: auto;
bottom: -16px;
border:5px solid transparent;
border-top:10px solid #004098;
margin-left: -5px;
}


}