/*okuno 追加　2016-12-9*/
.img_box_left, .img_box_right {border:5px solid #FFF;}
.div_box_company iframe {box-shadow: 0 0 0 5px #FFF;}


body {color: #222;}
h1, h2, h3, h4, h5 {line-height: 1.2em;}

p, span{word-wrap: break-word;}

#main_contents_wrapper{
    background: url(../../img/note_bg.jpg) repeat center top;
    max-width: 480px;
    margin: 0 auto;
}

/***** mainブロック_start *****/
.mainCopy {
    background: #FFCC00;
    width: 90%;
    font-size: 100%;
    font-weight: normal;
    color: #000000;
    padding: 15px 5%;
    position: relative;
}
.mainCopy:after {
    position: absolute;
    top: 100%;
    left: 45%;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 10px solid #FFCC00;
}
h2#middle_top_main {margin-top: 0px;}
h2#middle_top_main span {font-weight: 300;}


/***** mainブロック_end *****/

/***** 各ブロックh2_start *****/

#wrapper h3 {padding-top:5px;}
#wrapper h3 b {display:none;}
#wrapper h3 span b {display:inline;}

#wrapper h2 {
    padding:20px 10px;
    background:#444;
    text-align:center !important;
	color:#FFF;
}
#wrapper h2 span {color:#FFF;}

h2#middle_top_coupon {background: #FFCC00;}
h2#middle_top_coupon span {color: #000000;}


#wrapper h2#middle_top_mailMain {
    position: relative;
    padding: 20px 10px;
    width: 100%;
    background: #FFCC00;
    margin-bottom: 0;
    color: #000000;
    text-align: center;
    box-sizing:border-box;
}

#wrapper h2#middle_top_mailMain:after {
    position: absolute;
    bottom: -24px;
    left: 30px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #FFCC00;
    z-index: 20;
}

#wrapper h2#middle_top_mailMain span {color: #000000;}

#wrapper .div_box_mailMain .box_mailMain h3, #wrapper .div_box_coupon h3 {
	background:#FFCC00;
    color:#000000;
}

#wrapper .div_box_mailMain .box_mailMain h3 span, #wrapper .div_box_coupon h3 span {
    color:#000000;
}

#wrapper .div_box_mailMain .box_mailMain{
    background-color: #FFCC00;
}

#wrapper .div_box_mailMain .box_mailMain > p {
    color:#000000;
}

#wrapper .div_box_mailMain  .img_box_left {border:none;}

#wrapper .div_box_coupon .img_box_left, #wrapper .div_box_coupon .img_box_right {
	background:#FFCC00;
    color:#000000;
    border:none;
}


#wrapper h2 a:link, #wrapper h2 a:visited {
  color: #000;
  text-decoration: underline;
}
#wrapper h2 a:hover, #wrapper h2 a:active {
  color: #000;
  text-decoration: none;
}


/***** 各ブロックh2_end *****/


/***** ノートのあしらい *****/

.box_free,
.box_voice,
.box_flow,
.div_box_faq,
.pricetable_content,
#mitumori_table_box{
    background: url(../../img/note_bg2.jpg) repeat center top;
    padding: 15px;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
}

#wrapper .box_free p,
#wrapper .box_voice p,
#wrapper .box_flow p,
#wrapper .div_box_faq p,
#wrapper #mitumori_table_box p{
    background: url(../../img/note_border.jpg) repeat center top;
    line-height: 32px;
    font-size: 90%;
}


/*特徴*/
.box_feature, .box_coupon, .box_mailMain, .suggest, .box_jirei, .box_free, #wrapper .access_info p {
    border-bottom:1px solid #CCC;
}




/***** 画像サイズ関係_start *****/
.img_box_left iframe, .img_box_right iframe {
    float: left;
}
img.size_max {
    width: 100%;
    padding: 0;
}
img.size_big, img.size_bigger, img.size_middle, img.size_small{
    width: 120px;
    float: left;
}
/***** 画像サイズ関係_end *****/


.box_flow img.size_big, .box_flow img.size_bigger, .box_flow img.size_middle, .box_flow img.size_small{
    width: 120px;
}

.box_voice div.img_box_left a img.size_max {
    padding: 0 5% 0 0;
}
p.flow_arrow {
    color: #ebebeb;
    background: url(../../img/menu_arrow_mega_hb.png) no-repeat center;
    text-shadow: none;
    text-indent: -20px;
}

/* ---------- クーポン ---------- */

#wrapper h2#middle_top_coupon {
    padding: 4px;
    background:#FFCC00;
    text-align: center;
    position:relative;
    overflow:hidden;
    border:none;
}

#wrapper h2#middle_top_coupon:before {
    content:"";
    display:block;
    width:20px;
    height:100px;
    position:absolute;
    left: 8px;
    bottom: -32px;
    z-index:2;
    background:#2070D0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

#wrapper h2#middle_top_coupon:after {
    content:"";
    display:block;
    width:20px;
    height:100px;
    position:absolute;
    right: 8px;
    top: -32px;
    z-index:2;
    background:#2070D0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

#wrapper h2#middle_top_coupon > span {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.7) inset;
    padding: 35px 10px 10px 10px;
    background:#FFCC00 url(../../img/coupon_text_b.png) no-repeat 10px 10px;
    color:#ffffff;
    display: block;
    opacity: 1 !important;
}
#wrapper h2#middle_top_coupon > span span {
    font-weight: normal;
    color:#ffffff;
}