@charset "utf-8";
/*
Theme Name: cloudtpl_391
Theme URI: http://c-tpl.com/
Description: cloudtpl_391
Version: 1.0
Author: Cloud template
Author URI: http://c-tpl.com/
Tags: simple

	Cloud template v1.0
	 http://c-tpl.com/

	This theme was designed and built by Cloud template,
	whose blog you will find at http://c-tpl.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

*{margin:0;padding:0;}

body{
font-size:15px;
line-height:2.0;
font-family: Verdana, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
color:#333131;
background: #fff;
background-image:url(images/bg.jpg);
background-repeat:repeat-x;
}
.font-mincho {
font-family: Verdana, YuMincho, 游明朝, 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', 'MS PMincho', Georgia, Times, Baskerville, Palatino, serif;
}


a{color:#333131;text-decoration:none;}
a:hover{
color:#595656;
text-decoration: underline;
}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}
h1, .h1, h2, .h2, h3, .h3 {
margin-top: 0px;
margin-bottom: 10px;
}

/*************
全体
*************/
#wrapper{
margin: 0 auto;
padding: 0;
width: 920px;
}

/*************
/* ヘッダー
*************/
#header{
height: 75px;
margin-bottom:5px;
position:relative;

}

#header h1 {
width:920px;
height:75px;
text-indent: -9999px;
background: url(images/wcb_header.jpg) no-repeat 100%;
}
#header h1{
margin-top: 0px;
}
#header h1 a{
display: block;
width:920px;
height:75px;

}
img.logo{
position:absolute;
top:0px;
left:0px;
}
/*************
/* ナビゲーション
*************/
.navbar-default {
background-image: none!important;
filter: none!important;
border-radius: 0!important; 
box-shadow: inset 0 0 0 rgba(255,255,255,0),0 0 0 rgba(0,0,0,0)!important;
-webkit-box-shadow:inset 0 0 0 rgba(255,255,255,0),0 0 0 rgba(0,0,0,0);
background-color: #f2efe0;
border-color: #f2efe0;
}
.nav>li>a {
padding: 15px 20px;
}
.navbar-default .navbar-nav>li>a{
color:#4d4d4d;
}
.navbar {
margin-bottom:10px;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
color: #333;
background-color: #d6d0b0;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
color: #333;
background-color: #d6d0b0;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
color: #333;
background-color: #d6d0b0;
}
.dropdown-menu {
-webkit-box-shadow:none;
-box-shadow:none
}
.dropdown-menu>li>a {
padding: 10px 20px;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
background-color: #f2efe0;
background-image:none;
}
.navbar-fixed-top .navbar-nav{
margin-left:5%;
}
@media (max-width:768px){
 .nav>li>a {
display:inline!important;
float:left!important;
}
.navbar-fixed-top{
display:none;
}
}

/*************
メイン（右側）コンテンツ
*************/
#main {
float: right;
width: 685px;
padding: 10px 0 25px 0;
display: inline;
}
#mainimage {

}
.col-xs-1 > img, 
.col-sm-1 > img, 
.col-md-1 > img, 
.col-lg-1 > img, 
.col-xs-2 > img, 
.col-sm-2 > img, 
.col-md-2 > img, 
.col-lg-2 > img, 
.col-xs-3 > img, 
.col-sm-3 > img, 
.col-md-3 > img, 
.col-lg-3 > img, 
.col-xs-4 > img, 
.col-sm-4 > img, 
.col-md-4 > img, 
.col-lg-4 > img, 
.col-xs-5 > img, 
.col-sm-5 > img, 
.col-md-5 > img, 
.col-lg-5 > img, 
.col-xs-6 > img, 
.col-sm-6 > img, 
.col-md-6 > img, 
.col-lg-6 > img, 
.col-xs-7 > img, 
.col-sm-7 > img, 
.col-md-7 > img, 
.col-lg-7 > img, 
.col-xs-8 > img, 
.col-sm-8 > img, 
.col-md-8 > img, 
.col-lg-8 > img, 
.col-xs-9 > img, 
.col-sm-9 > img, 
.col-md-9 > img, 
.col-lg-9 > img, 
.col-xs-10 > img, 
.col-sm-10 > img, 
.col-md-10 > img, 
.col-lg-10 > img, 
.col-xs-11 > img, 
.col-sm-11 > img, 
.col-md-11 > img, 
.col-lg-11 > img, 
.col-xs-12 > img, 
.col-sm-12 > img, 
.col-md-12 > img, 
.col-lg-12 > img,
img.w-100{
width:100%;
}

#main h2{
font-size: 15px;
font-weight: normal;
line-height: 45px;
padding-left: 15px;
padding-top: 1px;
color: #333131;
background: url(images/h3.png) no-repeat;
}
#main h2.heading_index1{
text-indent:-9999px;
background: url(images/main_title02.jpg) no-repeat;
}
#main h2.heading_index2{
text-indent:-9999px;
background: url(images/main_title01.jpg) no-repeat;
}
body.page-id-15 #main h2{
margin:0 0 10px 0;
line-height: 90px;
text-indent:-9999px;
background: url(images/h2_011.png) no-repeat;
}
body.page-id-23 #main h2{
margin:0 0 10px 0;
line-height: 90px;
text-indent:-9999px;
background: url(images/h2_02.png) no-repeat;
}
body.page-id-26 #main h2{
margin:0 0 10px 0;
line-height: 90px;
text-indent:-9999px;
background: url(images/h2_03.png) no-repeat;
}
body.page-id-28 #main h2{
margin:0 0 10px 0;
line-height: 90px;
text-indent:-9999px;
background: url(images/h2_04.png) no-repeat;
}
body.page-id-154 #main h2{
margin:0 0 10px 0;
line-height: 90px;
text-indent:-9999px;
background: url(images/h2_05.png) no-repeat;
}
body.page-id-33 #main h2{
margin:0 0 10px 0;
line-height: 90px;
text-indent:-9999px;
background: url(images/h2_06.png) no-repeat;
}
#main h3 {
font-size: 16px;
font-weight: normal;
line-height: 45px;
padding-left: 15px;
padding-top: 1px;
margin-top: 10px;
color: #333131;
background: url(images/h3.png) no-repeat;
}
#main h2.lg,#main h3.lg,#main h4.lg,#main h5.lg {
background:none!important;
padding:0;
margin:30px 0;
font-weight:normal;
}
#main h2.lg{
font-size:2.2em;
}
#main h3.lg{
font-size:2.0em;
}
#main h4.lg{
font-size:1.8em;
}
#main h5.lg{
font-size:1.6em;
}

#main h2.left,#main h3.left,#main h4.left,#main h5.left {
border-left:5px solid #ecae97;
padding-left:10px;
}
#main h4.fancy_title {
border-left:5px solid #ecae97;
padding: 2px 0px 2px 10px;
font-size: 16px;
}

#main .mainbnr img{
margin-bottom:10px;
}

#main p {


margin: 10px 0 20px 0;

}
#main table {
padding: 20px 0 20px 10px;
}
.table{
border-bottom:1px solid #ddd;
}
#main p.no-margin_side{
padding: 0;
margin:20px 0;
}

#main a{
color:#d85541;
}
#main a:hover{
text-decoration: underline;
}
.accent{
color:#d31424;
}
/* 画像を右に回りこみ */
#main p.withImage{
width: 675px;
margin: 15px 0 0px 10px;
padding: 5px 0;
}

#main p.withImage img{
float: right;
margin-left: .5em;
}
/* 画像を左に回りこみ */
#main p.withImage_left{
width: 675px;
margin: 15px 0 0px 10px;
padding: 5px 0;
}
#main p.withImage_left img{
float: left;
margin-right: .5em;
}


#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#595656;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

.box_img_border{
   border: 1px solid #cccccc;
   padding: 1px;
  margin: 1px;
}

/*トップページの記事一覧リスト*/
#main ul.main_list{
margin:20px 0 30px 10px;
}
#main ul.main_list li{
list-style: none;
margin-bottom:10px;
}
#main ul.main_list li a{
color: #333131;
background: url(images/list.png) no-repeat 0 5px;
display: block;
padding-left: 20px;
padding-right: 10px;
line-height: 1.6;
}
#main ul.main_list li a:hover{
background-position: 3px 5px;
}
/* フッター共通 */
.box{
float: left;
width: 195px;
margin: 20px 16px 10px 0;
line-height: 1.2;
}

.box_img{
padding: 0px 0px 10px 0px;
}

.last{margin-right:0;}
#footer li{
list-style: none;
}
#footer li a{
color: #333131;
background: url(images/list.png) no-repeat 0 5px;
display: block;
padding-left: 20px;
padding-right: 10px;
line-height: 1.6;
}
#footer li a:hover{
text-decoration:none;
}
/* ボタン */
p.button{
text-align: center;
padding: 10px 0;
}

p.button a{
display:block;
line-height: 32px;
background:#e5e5e5;
margin: 0 -20px;
}

p.button a{color:#333131;}
p.button a:hover{color:#595656;}

p.button a:hover{
cursor:pointer;
}

/* メインとフッターのリスト位置調節 */
#main ul, #footer ul{margin-left: 20px;}
#main li, #footer li{
margin-bottom: 10px;
line-height:2.0;
}


/*メリットインデックス*/
div.merit-index{
height:251px;
}
div.merit-index a{
display:block;
}
a.bk{
display:block;
}
.mar_b_4{
margin-bottom:4px!important;
}
.mar_b_5{
margin-bottom:5px!important;
}
.mar_b_10{
margin-bottom:10px!important;
}
.mar_b_20{
margin-bottom:20px!important;
}
.mar_t_10{
margin-top:10px!important;
}
.mar_t_20{
margin-top:20px!important;
}
.mar_t_80{
margin-top:80px!important;
}
.mar_r_10{
margin-right:10px!important;
}
.mar_r_20{
margin-right:20px!important;
}
.pd_5{
padding:5px!important;
}
.mx-auto{
  margin-right:auto;
  margin-left:auto;
}
.flex-center{
  display: flex;
  justify-content: center;
}

/*ふきだし*/
.balloon1-left {
  position: relative;
  display: inline-block;
  margin: 10px 0 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  background: #fafafa;
}

.balloon1-left:before {
  content: "";
  position: absolute;
  top: 10%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #fafafa;
}

.balloon1-left p {
  margin: 0;
  padding: 0;
}
/*************
サイド（左側）コンテンツ
*************/
#sidebar {
float: left;
width: 215px;
padding: 0px 0 20px 0;
margin-top: 10px;
margin-bottom: 20px;
}

#sidebar p{margin-bottom: 20px;}

#sidebar h3 {
margin: 0;
padding: 0 10px 0 15px;
line-height: 45px;
font-size: 13px;
font-weight: normal;
color: #333131;

}
#sidebar h3.recent{
text-indent:-9999px;
background: url(images/side_recent.jpg) no-repeat;
}
#archives-2 h3{
text-indent:-9999px;
background: url(images/side_archives.jpg) no-repeat;
}

#sidebar ul{
margin-bottom: 40px;
padding: 10px 0 1px 15px;
background:#f6f6f2;
}
#archives-2{
margin-bottom: 40px;
padding:0px;
background:#f6f6f2;
}
.screen-reader-text{
padding:15px;
}

#sidebar li{
margin: 0 0px 10px 5px;
list-style: none;
}

#sidebar li a{
background: url(images/list.png) no-repeat 0 5px;
display: block;
padding-left:15px;
padding-right:10px;
font-size:13px;
line-height:1.7;
}

#sidebar li a:hover{background-position: 3px 5px;}

#sidebar #global_navi li{

}

#sidebar #global_navi li a{
display:block;
width:215px;
height:45px;
padding-left: 0px;
}
#sidebar #global_navi{
margin-bottom: 20px;
padding: 0;
background:#fff;
}
#sidebar #global_navi li{
margin: 0;
}



#sidebar ul.side_bnr{
background:#fff;
padding: 10px 0;
}
#sidebar li{
margin: 0 0px 20px 0;
list-style: none;
}
#sidebar li.bnr1,#sidebar li.bnr2{
text-indent:-9999px;
}
#sidebar li.bnr1 a{
background: url(images/side_bnr1.png) no-repeat;
display: block;
width:265px;
height:100px;
padding-left:0px;
}
#sidebar li.bnr2 a{
background: url(images/side_bnr2.png) no-repeat;
display: block;
width:265px;
height:100px;
padding-left:0px;
}

#sidebar li.bnr1 a:hover,#sidebar li.bnr2 a:hover{
background-position: 0px 0px;}
#sidebar .side-merit .side-mert-titlewrap{
padding: 3px;
background-color: #efecdd;
margin-bottom: 5px;
}


#sidebar .side-merit h3.side-mert-title {
font-size: 15px;
background-color: #efecdd;
width: 209px;
border: 1px solid #fff;
padding:0 10px;
line-height:38px;
}
#sidebar .side-merit ul {
background:#fff;
padding:0;
}
#sidebar .side-merit ul li{
border-bottom:1px dotted #ccbc74;
padding: 10px 0;
margin: 0;
}
#sidebar .side-merit ul li a{
font-size:14px;
}


/*************
/* フッター
*************/
#footer{
clear:both;
padding: 10px 0 10px;
border-top: 1px solid #e6e4d9;
}

#footer .inner{
overflow: hidden;
}

* html #footer .inner{height:1%;}

#footer #logo{
float:left;
padding: 10px 0 5px;
width: 292px;
}

address{
padding: 20px 0 3px;
text-align: center;
font-style:normal;
font-size: 12px;
clear:both;
display:block;
}

/*          contactform7

/*-------------------------------------------*/


.form { 
  background: #f9f9f9; border: 1px solid #ccc; padding: 2px; font-size:12px;
  position:relative; overflow:hidden; padding:5px 10px; margin:5px 5px 5px 0px; width:60%;
  box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
 }

.mess { 
  background: #f9f9f9; border: 1px solid #ccc; padding: 2px; font-size:12px;
  position:relative; overflow:hidden; padding:5px 10px; margin:5px 5px 5px 0px; width:90%;
  box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
 }

.submit { 
  background:#f0f0f0; border: 0px solid #ccc; padding: 2px; font-size:12px;
  position:relative; overflow:hidden; padding:10px 10px; margin:5px 5px 5px 0px; width:12%;
 }


/*form-mali*/
   #form {
        width:90%;
    }
    #form ul {
        list-style:none;
        margin:0; padding:0;
    }
    #form li {
        list-style:none;
        margin:0; padding:6px;
        clear:both;
        width: 550px;
        hight:5em;
    }
    #form label {
        display:block;
        font-weight:bold;
        color:#666;
    }
.label_min {
        color:#999;
        font-weight:normal;
        font-size:90%;
    }
.red{color:red;
}
    #form li span {
        float:left;
        margin:0 5px 0 0; padding:0;
    }
    #form li span label {
        color:#999;
        font-weight:normal;
        font-size:80%;
    }
    #form input,
    #form textarea{
       background: #f9f9f9; border: 1px solid #ccc; padding: 2px; font-size:12px;
  position:relative; overflow:hidden; padding:5px 10px; margin:5px 5px 5px 0px;
  box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    }

   #form select{
background: #f9f9f9; border: 1px solid #ccc; padding: 2px; font-size:12px;
box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
}
#form input#submit { 
  background:#f0f0f0; border: 0px; padding: 2px; font-size:12px;
  position:relative; overflow:hidden; padding:10px 10px; margin:5px 5px 5px 0px; width:20%;
 }

.clear{
clear:both;
}
p.clear{
padding:0px;
}
.form-month{
margin-left:10px;
float: left;
}

 /*商品概要のページ*/
.page-id-265 #main table td{
vertical-align: top;
}
.page-id-265 #main table{
width:685px;
margin:20px 0 60px 0;
}

.page-id-265 #main table td.text_r{
padding-left:10px;
}
.page-id-265 #main table td.text_l{
padding-right:10px;
}
#main .margin_top{
margin-top:20px;
}
#main span.small{
font-size: 11px;
color:#999;
}
#main div.step{
width: 645px;
padding: 10px 20px;
background-color: #faf8f2;
}
.page-id-265 #main div.step table{
width:665px;
margin:20px 0 60px 0;
}
/*レイアウト1/2+1/2*/
div.column_wrap:after{
display: block;
visibility: hidden;
clear: both;
width: 0;
height: 0;
content: ' ';
font-size: 0;
line-height: 0;
width: 100%;
}

div.column_wrap img{
max-width: 100%;
width: auto\9;
height: auto;
border: 0;
}

div.column_half,div.column_half_last{
  width:330px;
}
div.column_half{
  float:left;
  width:325px;
}
div.column_half_last{
  float:right;
  width:325px;
}


/*レイアウト1/3+2/3*/

div.column_onethird{
  width:220px;
}
div.column_twothird_last{
  width:465px;
}
div.column_onethird{
  float:left;
  width:220px;
}
div.column_twothird_last{
  float:right;
  width:465px;
}

/*レイアウト2/3+1/3*/

div.column_twothird{
  width:465px;
}
div.column_onethird_last{
  width:220px;
}
div.column_twothird{
  float:left;
  width:465px;
}
div.column_onethird_last{
  float:right;
  width:220px;
}

table.lined{
border-collapse: separate;
border-spacing: 0;
text-align: center;
}
#main table.lined,#main table.simple{
padding:0;
}
table.lined{
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
text-align:left;
}
table.lined td{
border-left: 1px solid #fff;
border-top: 1px solid #fff;
padding: 10px;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #ddd;
background-color: #fafafa;
}
table.simple{
border-left: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
text-align:left;
}
table.simple td{
padding: 10px;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}

/*ページ内リンク*/
.link{
height:10px;
margin-top: -100px!important; /* 固定ナビの高さ分のネガティブマージン */
padding-top: 100px!important; /* 打ち消し用のパディング */
}