/* ***************************************************************** 
*	基本設定
* ***************************************************************** */
html{overflow-x: hidden}	
body {
	    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-size: 12px;
background: #fff;
color: #444;
line-height: 190%;
word-wrap:break-word;
overflow-wrap:break-word;
	width: 980px;
	max-width: 100%;
    margin: auto;
    position: relative;
}


/* リンク
---------------------------------------------------- */

a{
color:#753430;
text-decoration:none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

a:hover{
color:#666;
}

a:active, a:focus {
outline: 0;
}


/* 画像
---------------------------------------------------- */

img{
border:0;
padding:0px;
margin:0px
}

img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding:4px;
margin: 0 0 10px 20px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 20px 10px 0;
display: inline;
}


/* フロート
---------------------------------------------------- */

.alignright { float: right; }

.alignleft { float: left; }

.right{ float: right; }

.left{ float: left; }

.clear{ clear:both; }


.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix:before {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
	display: block;
}


/* リスト
---------------------------------------------------- */

ol{
margin: 7px 0 7px 10px;
padding: 0 0 0 0;
list-style: decimal;
}

ul{
/* margin: 7px 0 7px 4px; */
padding: 0 0 0 0;
list-style: disc;
}

li{
margin: 2px 0 2px 15px;
padding: 0;
}

li a{
color:#753430;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;

line-height: 22px;
}

li a:hover{
color:#666;
}



/* *****************************************************************
*	スクロール
* ***************************************************************** */

::-webkit-scrollbar {
    width: 5px;
}
/*スクロールバーの軌道*/
::-webkit-scrollbar-track {
  border-radius: 1px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}

/*スクロールバーの動く部分*/
::-webkit-scrollbar-thumb {
  background-color: #E8DEDE;
  border-radius: 1px;
  box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}

/* *****************************************************************
*	全体Wrapper
* ***************************************************************** */

.wrapper {
margin: auto; 
max-width: 958px;
padding: 20px 25px 30px 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
border-left: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
}



/* ***************************************************************** 
*	ヘッダー
* ***************************************************************** */

#header {
width: 100%；
}

.header-inner {
max-width: 958px;
overflow: hidden;
margin: 0px auto 0 auto;
padding: 0px 25px 10px 25px;
border-left: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#header h1 {
text-align:center;
margin: 0;	
}

.header-text {
width: 100%;
font-size: 10px;
}

.header-text-inner {
width:958px;
margin: -2px auto 0 auto;
padding: 0 0 0 3px;
padding: 0px 25px 0px 25px;
border-left: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight:normal;
}

.logo {
float: left;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}

.contact {
float: right;
position:relative;
margin: 0 0 0 0;
padding: 15px 0 0 0;
}

.contact-tel {
text-align:right;
font-size: 22px;
color: #000;
font-weight: bold;
margin: 4px 0 0 0;
	letter-spacing: 1px;
}
.contact-tel:before {
	content:"";
	display: inline-block;
	width: 40px;
	height: 20px;
	background: url(images/tel1.gif) 0 0 no-repeat;
	vertical-align: middle;
}

.contact-address {
text-align:right;
color: #753430;
font-size: 11px;
font-weight: normal;
}


.contact a{
position:relative;
margin: 0;
	    display: inline-block;
    vertical-align: top;
}


.hover{opacity: 1;
transition: all 0.5s ease;}
.hover:hover{opacity: 0.5;}

#tabNavi li {
    padding-bottom: 0px;
}

#tabNavi {
    position: absolute;
    right: -16px;
	top: 40px;
    font-size: 0px;
	margin: auto;
    line-height: 0px;
}
@media only screen and (max-width:768px){
#tabNavi {
	display: none;
	}

}
/* *****************************************************************
*	トップナビゲーション
* ***************************************************************** */	

#nav {
width: 100%;
margin: 0 auto;
z-index: 9999;
padding: 0;
text-align: left;
}

.nav-inner {
width: 958px;
margin: auto;
padding: 0px 25px 10px 25px;
border-left: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#nav ul {
list-style: none;
margin: auto;
	font-size: 0;
}

.main-navigation {
clear: both;
margin: 0 auto;
position: relative;
}

ul.nav-menu,
div.nav-menu > ul {
margin: 0;
padding: 0;
}

.nav-menu li {
display: inline-block;
position: relative;
margin: 0 0 0 0;
	font-size: 0;
}
.nav-menu>li {
	width: 25%;
}
/*
.nav-menu li.menu1 {
	width: 199px;
}
.nav-menu li.menu2 {
	width: 167px;
}
.nav-menu li.menu4 {
	width: 200px;
}
.nav-menu li.menu5 {
	width: 168px;
}
*/


.nav-menu li a {
display: block;
font-size: 14px;
border-right: double 1px #dfdfdf;
text-decoration: none;
padding: 14px 0px;
    color: #222;
	letter-spacing: -0.5px;
    font-weight: 600;
    text-align: center;
	background: #fff;
}
.nav-menu li:first-child a {
border-left: double 1px #dfdfdf;
}

.nav-menu li:hover > a,
.nav-menu li a:hover {
/*
	background: #753430;
	color: #fff;
	*/
}

.nav-menu .sub-menu,
.nav-menu .children {
background: #fff;
display: none;
padding: 0;
	height: auto;
	color: #222;
position: absolute;
z-index: 99999;
	width: 100%;
}

.nav-menu .sub-menu li{
    border-bottom: 1px solid #F0ECE9;
    border-left: 1px solid #F0ECE9;
    border-right: 1px solid #F0ECE9;
	display: block;
}
.nav-menu .sub-menu  li a{
	border:none!important;
	padding: 10px;
font-size: 12px;
	text-align: left;
	font-weight: normal;

}


.nav-menu .sub-menu ul,
.nav-menu .children ul {
border-left: 0;
left: 100%;
top: 0;
}




ul.nav-menu ul a,
.nav-menu ul ul a {
color: #222;
margin: 0;
/*width: 200px;*/
line-height: 1.3;
	
}
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
/*background: #753430;*/
}




ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul {
/*display: block;
background: #777;*/
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a,
.nav-menu .current-post-ancestor > a {
/*color: #fff;
background: #753430;
*/
}

.toggle {
display: none;
}

.menu-toggle {
width: 45px;
height: 50px;
}



/* *****************************************************************
*	イメージヘッダー
* ***************************************************************** */	

#top-slide-max {
width: 958px;
height: auto;
overflow: hidden;
padding: 1px;
margin: 0px auto;
}

.cycle-slideshow {
overflow: hidden;
width: 958px;
height: auto;
margin: 0px auto;
	text-align: center;
}

#top-slide-max img { display: none;margin: auto; }
#top-slide-max img.first { display: block }


/* ヘッダーイメージ
---------------------------------------------------- */

.header-image {
overflow: hidden;
width: 958px;
height: auto;
margin: 0px auto;
}



/* ***************************************************************** 
*	メイン（本文）コンテンツ
* ***************************************************************** */	

#main {
margin:0 0 0 0;
padding: 0 0 0 0;
}


/* ギャラリーレイアウト
---------------------------------------------------- */

li.item {
height: 440px;
margin-bottom: 50px;
}

li.item-gallery {
height: 200px;
}

.item-img {
margin: 0 0 10px 0;
height: 200px;
overflow: hidden;
text-align:center;
}

.item-cat {
font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size: 84%;
color: #999;
padding: 0 0 0px 0;
margin: 0 0 10px 0;
max-height: 65px;
overflow:hidden;
}
.item-cat a{
color: #444;
}

.item-date {
font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size: 80%;
color: #ccc;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

.item h2 {
font-size: 18px;
line-height: 150%;
font-weight: normal;
letter-spacing: 0.03em;
}

.item-title {
font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
margin: 0 0 0 0;
padding: 0px 0px 0px 0px;
border-top: 0px solid #ccc;
border-bottom: 0px solid #ccc;
}

.item-title a {
color: #444;
}

.item-title a:hover {
color: #999;
}

.item-text {
font-size: 13px;
color: #444;
line-height: 170%;
}


/* ブログ記事部分
---------------------------------------------------- */

.single-contents {
margin: 0 10px 70px 10px;
}

.single-contents p {
font-size: 13.5px; 
color: #444;
line-height: 190%;
padding:  0px;
margin-bottom: 1em;
}

.single-contents ul {
margin-bottom: 1em;
}

.single-contents ul li {
line-height: 190%;
}

.single-contents p a {
color:#45AAB8;
text-decoration:none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

.single-contents p a:hover {
color:#666;
}

.single-contents p a:active, a:focus {
outline: 0;
}
.single-contents img {margin: 15px auto; }

.single-contents table {
	border-width: 1px;
}
.single-contents table th{
	border-width: 1px;
}
.single-contents table td{
	border-width: 1px;
}
.single-contents .aligncenter {
	margin-left: auto;
	margin-right: auto;
}

/* ページタイトル
---------------------------------------------------- */

.pagedate {
font-family:arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size: 12px;
font-weight: normal;
text-align: left;
padding: 0 0 0 0;
margin: 0 0 -10px 0;
color:#666;
	display: block;
letter-spacing: 0.02em;
}
.pagedate span{display: inline-block;
vertical-align: bottom;
margin-left: 15px;
background: #76332e;
padding: 0px 15px;
color: #fff;
	font-size: 10px;
text-align: center;
border-radius: 10px;}

.breadcrumb {
margin: 0 0 30px 3px;
line-height: 120%;
}
.breadcrumb div {
display: inline;
font-size: 12px;
color: #999;
}
.breadcrumb span,
.breadcrumb span a {
color: #753430;
}

.midashi-title {
color: #333;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.05em;
font-style:normal;
margin: 0px 0px 30px 0px;
padding: 0 0 3px 0;
border-bottom:1px solid #ccc;
}

.pagetitle {
color: #333;
font-size: 17px;
letter-spacing: 0.05em;
line-height: 140%;
font-style: normal;
margin: 10px 0px 20px 0px;
padding: 19px 10px 13px 55px;
	background: url(images/cathbg.gif) 0 0 no-repeat;
}
.blogtitle{
    color: #333;
    font-size: 13px;
    letter-spacing: 0.05em;
    line-height: 140%;
    font-style: normal;
    margin: 10px 0px 20px 0px;
    padding: 15px 10px 13px 105px;
    background: url(images/blog.png) 0 0 no-repeat;
    font-weight: bold;
}
.pagetitle a {
color: #333;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

.pagetitle a:hover {
color: #666;
}

.blog-title {
color: #773530;
font-size: 17px;
letter-spacing: 0.05em;
line-height: 140%;
font-style: normal;
margin: 25px 0px 20px 0px;
padding: 0px 10px 13px 33px;
	padding-bottom: 10px;
	border-bottom: 2px solid #773530;
	background: url(images/cathbg.png) 0 0 no-repeat;
    width: 96%;
    box-sizing: border-box;}

.blog-title a {
color:#333;
text-decoration:none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

.blog-title a:hover {
color:#666;
}


/* 見出し
---------------------------------------------------- */

h1 {
font-size: 24px;
margin: 40px 0px 20px 0px;
}

h2 {
font-size: 22px;
line-height: 130%;
font-weight: bold;
color: #773530;
margin: 40px 0px 20px 0px;
padding: 18px 0px 15px 10px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

h3 {
font-size: 18px;
line-height: 130%;
font-weight: bold;
color: #773530;
padding: 0 0 5px 10px;
margin: 40px 0 15px 0;
border-bottom:1px solid #ccc;
}

h4 {
font-size: 18px;
line-height: 130%;
font-weight: bold;
color: #555;
padding: 0 0 5px 0;
margin: 30px 0 10px 0;
border-bottom:1px dotted #ccc;
}

h5 {
font-size: 16px;
line-height: 1.3em;
margin: 30px 0 0px 0;
}

h6 {
font-size: 14px;
line-height: 1.3em;
margin: 30px 0 0px 0;
}



/* イメージヘッダー
---------------------------------------------------- */

.head-img {
width: 100%;
text-align: center;
margin: 0px auto 20px auto;
overflow: hidden;
}



/* 記事フッター
---------------------------------------------------- */

.blog-foot {
clear:both;
font-size:75%;
text-align: left;
margin: 0px 0 50px 0;
font-weight:normal;
color:#999;
border-bottom:0px dotted #ccc;
}

.blog-foot span {
color:#999;
}


/* 次の記事・前の記事
---------------------------------------------------- */

#next {
font-size: 90%;
line-height: 150%;
margin: 50px 0 20px 0;
}

.next-left {
float: left;
text-align: left;
margin: 0 0 10px 0;
background: url(images/left.gif) no-repeat left; 
}

.next-left a {
padding: 20px 20px 20px 50px;
display: block;
border: 1px solid #fff;
}

.next-left a:hover {
border: 1px solid #eee;
}

.next-right {
float: right;
text-align: right;
margin: 0 0 10px 0;
background: url(images/right.gif) no-repeat right; 
}

.next-right a {
padding: 20px 50px 20px 20px;
display: block;

	border: 1px solid #fff;
    border-left: 1px solid;}

.next-right a:hover {
border: 1px solid #eee;
}
@media only screen and  (max-width: 479px) {
.next-right a {
    border-left: none;}
}

/* ページャー
---------------------------------------------------- */

.pager {
text-align:center;
margin: 50px 0 50px 0;
}

a.page-numbers,
.pager .current{
background: #f0f0f0;
border:solid 1px #ddd;
border-radius:2px;
padding:5px 8px;
margin:0 2px;
}

.pager .current{
background: #ccc;
border:solid 1px 999;
color: #fff;
}


/* 関連記事
---------------------------------------------------- */

.similar-head {
color: #333;
font-size: 17px;
font-weight: normal;
letter-spacing: 0.05em;
font-style:normal;
margin: 0px 0px 0px 0px;
padding: 0 0 7px 7px;
border-bottom:2px dotted #76332e;
}

.similar ul{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.similar li{
font-size: 14px;
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style: none;
}

.similar li a{
color:#555;
}

.similar li a:hover{
color:#888;
}

table.similar-text {
width: 100%;
color: #444;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-bottom: dotted 1px #ccc;
border-collapse: collapse;
border-spacing: 0;
}

table.similar-text img {
width: 150px;
}

table.similar-text th {
text-align: left;
width: 150px;
vertical-align: middle;
}

table.similar-text td {
font-size: 14px;
text-align: left;
white-space: normal;
vertical-align: middle;
}


/* コメント欄
---------------------------------------------------- */

.comment-head {
color: #333;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.05em;
font-style:normal;
margin: 0px 0px 10px 0px;
padding: 0 0 3px 0;
border-bottom:1px solid #ccc;
}

.commentlist li{
list-style: none;
font-size:90%;
color:#888;
}

.commentlist {
margin: 0 0 50px 0;
padding: 0 0 0 0;
}

li.comment {
list-style: none;
font-size:90%;
color:#888;
margin: 30px 0px 30px 0px;
}

.comment p {
font-size: 14px;
}


/* WP必須
---------------------------------------------------- */

.wp-caption {
max-width:100%;
}

.wp-caption-text {
font-size:90%;
text-align: center;
}

.sticky {
}

.gallery-caption {
}

.bypostauthor {
}

/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}

.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}


/* *****************************************************************
*	サイドバー
* ***************************************************************** */

.sidebar {
width: 100%;
margin: 0px 0px 40px 0px;
padding: 0 0 0 0;
}


/* 新着表示
---------------------------------------------------- */

.sidebox-new {
color:#666;
margin: 0 0 50px 0 ;
padding: 0 0 0 0 ;
}

.sidebox-new ul{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.sidebox-new li{
font-size: 13px;
list-style: none;
margin: 0 0 0 0;
padding: 0px 0 0px 0px;
border-bottom: 1px dotted #ddd;
}

.sidebox-new li a{
color:#666;
list-style: none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

.sidebox-new li a:hover{
color:#999;
}


table.similar-side {
width: 100%;
color: #444;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-collapse: collapse;
border-spacing: 0;
}

table.similar-side img {
width: 100%;
}

table.similar-side th {
text-align: left;
width: 100%;
	padding: 0;
vertical-align: middle;
}

table.similar-side td {
font-size: 13px;
text-align: left;
white-space: normal;
vertical-align: middle;
}


/* *****************************************************************
*	フッター
* ***************************************************************** */	

#footer {
clear: both;
width: 100%;
font-size: 80%;
margin: 0px auto 0px auto;
}

.footer-inner {
margin: 0px auto 0px auto;
padding: 0px 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
max-width: 958px;
border: 1px solid #E3E3E3;
    border-top: 0;}

#sociallink {
text-align:center;
position: relative;
margin: 0 auto 10px auto;
padding: 0 0 0 0;
}

#copyright {
font-size: 10px;
line-height: 110%;
color: #999;
text-align: center;
position: relative;
margin: 0;
padding: 10px;
}



/* *****************************************************************
*	ウィジット
* ***************************************************************** */

/* 基本形
---------------------------------------------------- */

.widget{
margin: 0 0 10px 0;
}

.widget ul{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.widget li{
list-style: none;
}

.widget li a{
color: #666;
}



.widget li a:hover{
color: #999;
}

.widget_recent_entries li a,
.widget_archive li a,
.widget_categories li a,
.widget_nav_menu li a{
margin: 0 0 0 0;
}

.textwidget, .textwidget p {
color: #444;
line-height:180%;
margin: 0 0 0px 0;
padding: 5px 0 0 0;
}

.widget-title {
	clear: both;
color: #753430;
font-size: 15px;
font-weight: bold;
letter-spacing: 0.05em;
font-style: normal;
margin: 0px 0px 20px 0px;
padding: 13px 10px 10px 0px;
border-bottom: 1px solid #76332e;
border-top: 1px double #76332e;
}

.post-date {
font-size: 89%;
padding: 0 0 0 10px;
}


/* ウィジェットボックストップページ用
---------------------------------------------------- */

.topbox{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.topbox ul{
	display: block;
	width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.topbox li{
float:left;
margin: 0 2% 30px 0;
padding: 0;
list-style: none;
	width: 47%;
}
.topbox li:nth-child(2n){
margin-right: 0;
}
.topbox li:nth-child(2n+1){
	clear: both;
	float: left;
}

.topbox li a{
	display: block!important;
}
.topbox li .new{
display: inline-block;
    background: #e41235;
    color: #fff;
    margin-left: 0px;
    padding: 0px 10px;
    vertical-align: middle;
    font-size: 10px;
    margin-top: 15px;}

.topbox li .rpwe-cat_name{
	display: block;
	font-size: 16px;
    color: #76332e;
	font-weight: bold;
	padding: 10px 10px 10px 35px ;
	background: url(images/cathbg.png) 5px 40% no-repeat;
	margin-bottom: 15px;
}

#top_recent{
}

#top_recent .rpwe-ul li a.rpwe-img img{
	width: 100%;
	height: auto;
}

.topbox li h3 a{
    font-size: 14.5px!important;
    color: #8A2600;
line-height: 160%;
margin: 0 0 0 0;
padding: 10px 0px 2px 0px;
list-style: none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
.topbox li div.rpwe-summary{
	font-size: 12px;
	line-height: 150%;
	padding-left: 0!important;
}

.topbox li a.more-link{
font-size: 12px;
line-height: 160%;
color: #fff;
	background: #8A2600;
margin: 0 0 0 0;
padding: 1px 12px;
list-style: none;
	border-radius: 2px;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

.topbox li a:hover{
color:#eee;
}

.topbox h2{
	color: #76332e;
font-size: 20px;
	font-weight: normal;
	text-align: center;
	padding-bottom: 40px;
	margin:20px auto 60px auto;
	width: 290px;
	border-top: 0!important;
	border-bottom: 1px solid #d5cfd1!important;
	    box-shadow: 0 1px 0px rgba(0,0,0,0.1);
	letter-spacing: 2px;
}
h2.happyblog{
	color: #76332e;
        font-size: 20px;
	font-weight: normal;
	text-align: center;
/*	padding-bottom: 40px;
	margin:10px auto 60px auto;
*/
        padding-bottom: 10px;
        margin: 1px auto 35px auto;
	width: 290px;
	border-top: 0!important;
	border-bottom: 1px solid #d5cfd1!important;
	    box-shadow: 0 1px 0px rgba(0,0,0,0.1);
	letter-spacing: 2px;
}

.topbox h3{
font-size: 13px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.topbox h4{
font-size: 12px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.topbox ul.children{
margin-bottom: 0px;
display: block;
padding: 5px 0 0 0;
}

.topbox ul.children li{
padding-left: 15px;
padding-top: 5px;
border-top: 1px dotted #ccc;
border-bottom: 0px dotted #ccc;
}

.topbox ul.sub-menu{
margin-bottom: 0px;
display: block;
padding: 5px 0 0 0;
}

.topbox ul.sub-menu li{
padding-left: 15px;
padding-top: 5px;
border-top: 1px dotted #ccc;
border-bottom: 0px dotted #ccc;
}


.topbox .popular-posts{
display: block;	
}
	
.topbox .popular-posts li:nth-child(2n+1) {
	clear: both;
}
.topbox .popular-posts li {
	clear: none;
	float: left!important;
}
.topbox .popular-posts li a{
	position: relative;
	z-index: 1;
	}
.topbox .popular-posts li a:first-child{
	display: block;
	position: relative;
	z-index: 1;
	height: 185px;
	overflow: hidden;
	border:2px solid #f28695 ;
	margin-bottom: 1px;

	}



.topbox .popular-posts li a:first-child:before{
	display: block;
	position: absolute;
	content:"";
	width: 72px;
	height: 52px;
	background: url(images/lank1.png) center center no-repeat;
	-webkit-background-size: 100%;
	background-size:100%;
	font-size: 25px;
	line-height: 66px;
	color: #fff;text-align: center;
	bottom: 20px;
	left: 10px;
	font-weight: bold;
		
	}
.topbox .popular-posts li:nth-child(1) a:first-child:before{
	content:"1";
	}
.topbox .popular-posts li:nth-child(2) a:first-child:before{
	content:"2";
	background: url(images/lank2.png) center center no-repeat;
	-webkit-background-size: 100%;
	background-size:100%;
	}
.topbox .popular-posts li:nth-child(3) a:first-child:before{
	content:"3";
	background: url(images/lank2.png) center center no-repeat;
	-webkit-background-size: 100%;
	background-size:100%;
	}
.topbox .popular-posts li:nth-child(4) a:first-child:before{
	content:"4";
	background: url(images/lank4.png) center center no-repeat;
	-webkit-background-size: 100%;
	background-size:100%;
	}
.topbox .popular-posts li:nth-child(5) a:first-child:before{
	content:"5";
	background: url(images/lank4.png) center center no-repeat;
	-webkit-background-size: 100%;
	background-size:100%;
	}
.topbox .popular-posts li:nth-child(6) a:first-child:before{
	content:"6";
	background: url(images/lank4.png) center center no-repeat;
	-webkit-background-size: 100%;
	background-size:100%;
	}
.topbox .popular-posts li a img{
	max-width: 100%;	
	object-fit: cover;

}


.topbox .popular-posts li a.wpp-post-title{
    font-size: 14.5px!important;
    color: #8A2600;
    line-height: 160%;
    margin: 0 0 0 0;
    padding: 10px 0px 2px 0px;
    list-style: none;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
}

.topbox a.btn_link{
	display: block;
	width: 50%;
	margin:30px auto;
	background: #753430;
	color: #fff;
	text-align: center;
	padding:15px 25px;
	border-radius: 2px;
	font-size: 1.1rem;
	
	
	
}
@media only screen and  (max-width: 479px) {
.topbox .popular-posts li a:first-child{
	height: 25vw;

	}
	
	.topbox .popular-posts li a:first-child:before {
    width: 36px;
    height: 26px;
    font-size: 12px;
    line-height: 35px;
    bottom: 6px;
    left: 6px;
}
	


}


#top_recent .rpwe-ul li a.rpwe-img{
	display: block;
	position: relative;
	z-index: 1;
	height: 185px;
	overflow: hidden;
	margin-bottom: 5px;
	border: 1px solid #EEE!important;

	}



/* ウィジェットボックスフッター用
---------------------------------------------------- */

.footerbox .widget {
margin: 0 0 0 0;
/* padding: 50px 0 50px 0; */
 padding: 0;
}

.footerbox{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.footerbox ul{
	text-align: right;
margin: 0 0 0;
padding: 0 0 0 0;
}

.footerbox li{
/*float:left;*/
	display: inline-block;
	vertical-align: top;
	font-size: 11px;
margin: 0 -4px ;
padding: 7px 0px 6px 0px;
list-style: none;
}

.footerbox li a{
font-size: 13px;
line-height: 160%;
color: #76332e;
margin: 0 0 0 0;
padding: 7px 0px 6px 0px;
list-style: none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

.footerbox li a:hover{
color:#999;
}

.footerbox h2{
font-size: 14px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.footerbox h3{
font-size: 13px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.footerbox h4{
font-size: 12px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.footerbox ul.children{
margin-bottom: 0px;
display: block;
padding: 5px 0 0 0;
}

.footerbox ul.children li{
padding-left: 15px;
padding-top: 5px;
border-top: 1px dotted #ccc;
border-bottom: 0px dotted #ccc;
}

.footerbox ul.sub-menu{
margin-bottom: 0px;
display: block;
padding: 5px 0 0 0;
}

.footerbox ul.sub-menu li{
padding-left: 15px;
padding-top: 5px;
border-top: 1px dotted #ccc;
border-bottom: 0px dotted #ccc;
}

.footer-widget-title {
color: #333;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.05em;
font-style:normal;
margin: 0px 0px 10px 0px;
padding: 0px 0 3px 0;
border-bottom:1px solid #ccc;
}
#gNavi  {
    margin-top: -35px;
    text-align: right;
}


#gNavi  li {
    display: inline;
    font-size: 11px;
}

.footer_sub_menu li a{
	padding: 0 15px;
	font-size: 11px;
	border-right: 1px solid #76332e;
}
.footer_sub_menu li:first-child a{
	border-left: 1px solid #76332e;
}



/* ウィジェットボックスシングルページ記事下用
---------------------------------------------------- */

.singlebox {
margin: 50px 0 50px 0 ;
padding: 0 0 0 0 ;
}

.single-widget-title {
color: #333;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.05em;
font-style:normal;
margin: 50px 0 10px 0 ;
padding: 0 0 3px 0;
border-bottom:1px solid #ccc;
}

.singlebox .textwidget,
.singlebox .textwidget p {
font-size: 16px;
color: #444;
line-height: 170%;
margin: 0 0 0px 0;
padding: 5px 0 5px 0;
}


/* ウィジェットボックスサイドバー用
---------------------------------------------------- */

.sidebox{
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
}

.sidebox ul{
/*float:left;*/
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.sidebox li{
margin: 0 0 0 0;
padding: 10px 0px 10px 0px;
list-style: none;
border-bottom:1px dotted #ccc4c3;
}

.sidebox li a{
font-size: 13px;
color: #76332e;
margin: 0 0 0 0;
padding: 5px 0px 5px 0px;
list-style: none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

.sidebox li a:hover{
color:#999;
}

.sidebox h2{
font-size: 14px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.sidebox h3{
font-size: 13px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.rpwe-block h3 {
    background: none!important;
    clear: none;
    margin-bottom: 0!important;
    margin-top: 0!important;
    font-weight: 400;
    font-size: 12px!important;
    line-height: 1.5em;
	border: 0 !important;
	margin: auto!important;
}

.sidebox h4{
font-size: 12px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.sidebox ul.children{
margin-bottom: 0px;
display: block;
padding: 5px 0 0 0;
}

.sidebox ul.children li{
padding: 5px 0 5px 15px;
border-top: 1px dotted #ccc;
border-bottom: 0px dotted #ccc;
}

.sidebox ul.sub-menu{
margin-bottom: 0px;
display: block;
padding: 5px 0 0 0;
}

.sidebox ul.sub-menu li{
padding: 5px 0 5px 15px;
border-top: 1px dotted #ccc;
border-bottom: 0px dotted #ccc;
}

.wpp-excerpt {
    display: inline-block;
	margin-top: 10px;
	font-size: 11px;
}

.rpwe-time {
    color: #9f9f9f;
    font-size: 11px;
}
.wpp-date {
    color: #9f9f9f;
}
.wpp-views {
   color: #9f9f9f;
}

.wpp-meta, .post-stats {
    display: block;
    font-size: 11px!important;
    color: #9f9f9f;
     font-weight: normal!important; 
}

.more-link{
	display: block;
	margin: 10px auto;
	text-align: right;
}


.topbox .comment-count{
	padding-left: 12px;
}


.side_left ul{list-style: none;
margin: 0;
	padding: 0;
}
.side_left ul li{
	list-style: none;
	margin: 0;
	padding: 0;
}
.side_left ul.side_left_ban li{
	margin-bottom: 15px;
}
.side_left ul li ul{
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
}
#sideNavi {
    margin-bottom: 15px;
}
 #sideNavi dd {
    padding: 4px 0px 10px;
	 margin-left: auto;
}

 #sideNavi a {
    display: block;
    font-size: 12px;
    line-height: 1.2;
    padding: 6px 0px 6px 33px;
    color: #333;
    font-weight: bold;
}

#sideNavi .icon1 a {
    background: url(images/menu/icon01.gif) left center no-repeat;
}
#sideNavi .icon2 a {
    background: url(images/menu/icon21.gif) left center no-repeat;
}

 #sideNavi .icon3 a {
	background: url(images/menu/icon16.gif) left center no-repeat;
}
 #sideNavi .icon4 a {
	background: url(images/menu/icon03.gif) left center no-repeat;
}
 #sideNavi .icon5 a {
	background: url(images/menu/icon04.gif) left center no-repeat;
}
 #sideNavi .icon6 a {
	background: url(images/menu/icon05.gif) left center no-repeat;
}
 #sideNavi .icon7 a {
	background: url(images/menu/icon06.gif) left center no-repeat;
}
 #sideNavi .icon8 a {
	background: url(images/menu/icon22.gif) left center no-repeat;
}
 #sideNavi .icon9 a {
	background: url(images/menu/icon07.gif) left center no-repeat;
}
 #sideNavi .icon10 a {
	background: url(images/menu/icon08.gif) left center no-repeat;
}
 #sideNavi .icon11 a {
	background: url(images/menu/icon09.gif) left center no-repeat;
}
 #sideNavi .icon12 a {
	background: url(images/menu/icon10.gif) left center no-repeat;
}
 #sideNavi .icon13 a {
	background: url(images/menu/icon23.gif) left center no-repeat;
}
 #sideNavi .icon14 a {
	background: url(images/menu/icon24.gif) left center no-repeat;
}
 #sideNavi .icon15 a {
	background: url(images/menu/icon25.gif) left center no-repeat;
}
 #sideNavi .icon16 a {
	background: url(images/menu/icon12.gif) left center no-repeat;
}
 #sideNavi .icon17 a {
	background: url(images/menu/icon13.gif) left center no-repeat;
}
 #sideNavi .icon18 a {
	background: url(images/menu/icon14.gif) left center no-repeat;
}
 #sideNavi .icon19 a {
	background: url(images/menu/icon26.gif) left center no-repeat;
}
 #sideNavi .icon20 a {
	background: url(images/menu/icon15.gif) left center no-repeat;
}
 #sideNavi .icon21 a {
	background: url(images/menu/icon27.gif) left center no-repeat;
}
 #sideNavi .icon22 a {
	background: url(images/menu/icon17.gif) left center no-repeat;
}
 #sideNavi .icon23 a {
	background: url(images/menu/icon18.gif) left center no-repeat;
}
 #sideNavi .icon24 a {
	background: url(images/menu/icon19.gif) left center no-repeat;
}
 #sideNavi .icon25 a {
	background: url(images/menu/icon20.gif) left center no-repeat;
}
 #sideNavi .icon26 a {
	background: url(images/menu/icon02.gif) left center no-repeat;
}
 #sideNavi .icon27 a {
	background: url(images/menu/icon28.gif) left center no-repeat;
}
 #sideNavi .icon28 a {
	background: url(images/menu/icon29.gif) left center no-repeat;
}
 #sideNavi .icon29 a {
	background: url(images/menu/icon30.gif) left center no-repeat;
}
 #sideNavi .icon30 a {
	background: url(images/menu/icon31.gif) left center no-repeat;
}
 #sideNavi .icon32 a {
	background: url(images/menu/icon32.gif) left center no-repeat;
}
 #sideNavi .icon33 a {
	background: url(images/menu/icon33.gif) left center no-repeat;
}
#sideNavi .icon0606 a {
    background: url(images/menu/icon0606.png) left center no-repeat;
}
.side_left #columu {
    margin: 0px 0px 15px 0px;
}

.side_left #columu h3 {
    margin-bottom: 3px;
}

.side_left #columu ul {
    padding: 14px 13px 9px;
    background: #76332e;
    font-size: 0px;
    line-height: 0px;
	    margin-top: -3px;
}

.side_left #columu ul li {
    padding-bottom: 5px;
}

.side_left #columu ul li a {
    display: block;
    padding-left: 13px;
    background: url(images/point.gif) left 4px no-repeat;
    color: #fff;
    font-size: 12px;
    line-height: 1.3;
}
.side_left #ssbn li {
    padding: 0px 0px 5px;
}

.side_left  #hajime {
    margin-bottom: 15px;
    border: 1px solid #F0ECE9;
    padding: 16px 10px 14px;
    text-align: center;
    cursor: pointer;
}

.side_left  #hajime .text {
    padding-top: 10px;
    text-align: left;
    font-size: 11px;
    line-height: 1.6;
}

.side_recent li h3 a{
    font-size: 14.5px!important;
    color: #8A2600;
line-height: 160%;
margin: 0 0 0 0;
padding: 10px 0px 2px 0px;
list-style: none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
.side_recent li div.rpwe-summary{
	font-size: 12px;
	line-height: 150%;
	padding-left: 0!important;
}

.side_recent li a.more-link{
font-size: 12px;
line-height: 160%;
color: #fff;
	background: #8A2600;
margin: 0 0 0 0;
padding: 1px 12px;
list-style: none;
	border-radius: 2px;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

.side_recent li a:hover{
color:#eee;
}
.side_recent li .rpwe-cat_name {
    display: block;
    font-size: 13px;
    color: #76332e;
    font-weight: bold;
    padding: 0px 10px 4px 24px;
    background: url(images/cathbg.png) 3px 50% no-repeat;
    margin-bottom: 5px;
    background-size: 14px 20px;
}


.side_recent li .rpwe-time {
    padding: 0px!important;
}

.side_recent li .new {
    display: inline-block;
    background: #e41235;
    color: #fff;
    margin-left: 0px;
    padding: 0px 10px;
    vertical-align: middle;
    font-size: 10px;
    margin-top: 15px;
	margin-right: 7px;
}



/* カレンダー
---------------------------------------------------- */

table#wp-calendar {
width: 100%
}

table#wp-calendar th {
text-align: center;
}

table#wp-calendar td {
text-align: center;
}



/* *****************************************************************
*	検索フォーム＆検索結果
* ***************************************************************** */

/* 検索フォーム
---------------------------------------------------- */

.search input {
font: 13px arial, sans-serif; 
color: #555; 
width:85%;
padding: 10px 5px; 
}

.search button {
width: 15px; 
height: 15px; 
cursor: pointer; 
vertical-align: middle;
border: none; 
background: url(images/search.png) no-repeat; 
}


/* 検索結果ハイライト
---------------------------------------------------- */

.search-excerpt {
font-weight: bold;
background: #FFE4E1; 
}



/* *****************************************************************
*	ボタン
* ***************************************************************** */

.btn a {
font-size: 11px;
letter-spacing: 0.1em;
color: #fff;
background: #bbb;
text-align: center;
margin: 20px 0 20px 0;
padding: 10px 10px;
}

.btn a:hover {
color: #fff;
background: #ddd;
text-decoration: none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

/* *****************************************************************
*	表示非表示
* ***************************************************************** */
.pc_no{display: none;}
.sp_no{/*display: none;*/}
	#text-2{display: block;}
	#text-3{display: none;}


/* *****************************************************************
*	レスポンシブテーブル
* ***************************************************************** */

.responsive-tabel-01 table { 
width: 100%; 
}

.responsive-tabel-01 {
margin: 20px 0;
}

.responsive-tabel-01 th { 
width: 30%; 
font-size: 20px;
text-align: left;
background: #f4f4f4;
padding: 20px; 
border: 1px solid #ddd;
vertical-align: middle;
}

.responsive-tabel-01 td { 
font-size: 20px;
text-align: left;
padding: 20px; 
border: 1px solid #ddd;
vertical-align: middle;
}


@media only screen and (max-width:480px){
.responsive-tabel-01 { margin: 20px -10px; }
.responsive-tabel-01 th,
.responsive-tabel-01 td { width: 100%; display: block; border-top: none; }
.responsive-tabel-01 tr:first-child th   { border-top: 1px solid #ddd; }
}



/* *****************************************************************
*   レスポンシブ（メディアクエリ）
* ***************************************************************** */


/* PC 画面の横幅が958px以上
---------------------------------------------------- */

@media only screen and (min-width: 958px) {
}



/* Tablet (Portrait) 画面の横幅が768px〜959pxまで
---------------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 959px) {
.wrapper { width: 728px; padding: 15px 20px 50px 20px; }
.header-inner { width: 728px; margin: auto; padding: 0px 0 15px 0;  }
.header-text-inner { width:728px; }
.logo {
    padding: 10px 0px 0px 25px;
    width: 48%;
}
	
.contact {
    width: 48%;
	padding: 10px 0 0 0;
}	
	.contact-address {
    font-size: 10px;
    letter-spacing: -1px;
}
	
	#nav { float: none; width: 728px; margin: 0 auto ; padding: 0; }
.nav-inner { width: 728px; }
.nav-menu li.menu2,.nav-menu li.menu3,.nav-menu li.menu4,.nav-menu li.menu5 {
	width: 18%;
}
.nav-menu li.menu1{
	width: 28%;
}
#slidedown-nav { width: 728px; }
#top-slide-max { width: 728px; }
.cycle-slideshow { width: 728px; height: auto; margin: 0 ; overflow: hidden; }
li.item { height: 460px; margin-bottom:40px; }
li.item-gallery { height: 150px; }
.item-img { height: 150px; margin: 0 0 10px 0; overflow: hidden; }
.twothird { width: 460px; margin-right:10px; }
.footer-inner { width: 728px; padding: 0px 0px;}

}


/* Mobile (Portrait) 画面の横幅が300px~767pxまで（基本）
---------------------------------------------------- */

@media only screen and (max-width: 767px) {
/* .wrapper { width: 300px; padding: 0px 0px 50px 0px; } */
.wrapper { width: 300px; padding: 0px 0px 0px 0px; }
.header-inner { width: 300px; margin: auto; padding: 15px 0 10px 0; }
.logo { text-align: center;margin-top: 0;width: 88%; }
.contact { display: none;}
#header h1, #header .logo {width: 84%; float: none; margin-bottom: 0px; margin-left: 15px;padding-top: 0;}
.header-text-inner { width: 300px; }
#nav { display: none; position: absolute; top:0; float: none; text-align:center; width: 100%; background: #fefefe; margin-bottom: 40px; margin-top: 0px; padding: 0; }
.nav-inner { width: 100%; }
.nav-menu li a { color: #333; display: block; font-size: 15px; padding: 20px 10px; text-decoration: none;border-left: double 1px #dfdfdf;border-right: double 1px #dfdfdf;}
.nav-menu li { display: block; float: none; border-bottom: 1px solid #ededed; }

.nav-menu li.menu1,.nav-menu li.menu2,.nav-menu li.menu3,.nav-menu li.menu4,.nav-menu li.menu5 {
	width: 100%;
}
	
	
	.toggle { display: block; float: right; position: absolute; top: 5px; right: 5px; z-index: 10000; }
#top-slide-max { width: 300px; }
.cycle-slideshow { width: 300px; height: auto; margin: 0 ; overflow: hidden; }
li.item { height: 460px; margin-bottom: 40px; }
li.item-gallery { height: 200px; }
.item-img { height: 200px; margin: 0 0 10px 0; overflow: hidden; }
table.similar-text img { width: 100px; }
table.similar-text th { width: 100px; }
.head-img { margin: 40px auto 20px auto;}
.pagedate { margin: -20px 0 -10px 0; }
p { font-size: 15px; }
.pager { margin: 80px 0 80px 0; }
.footer-inner { width: 300px; padding: 0px 0px;}
.mobile-display-none { display: none !important;}
.single-contents br { display: none; }
.single-contents img {margin-bottom: 15px; }
.page-contents { margin: 0 0 50px 0; }

#gNavi {
    margin-top: 0;
    text-align: right;
}
	
#gNavi li {
	border-left: 1px solid #efefef;
 }	
	
	
}



/* Mobile (Portrait/iPhone6) 画面の横幅が375px〜479pxまで
---------------------------------------------------- */

@media only screen and  (max-width: 479px) {
	.side_left{display: none;}
	.wrapper { width: 92%;border: 0;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
		margin: auto;
	box-sizing: border-box; }
.header-inner { width: 96%; margin: auto;border: 0; }
.header-text-inner { width: 96%; }
#header h1, #header .logo { text-align:center;width: 81.5%; }
#top-slide-max { width: 96%; }
.cycle-slideshow { width: 96%; height: auto; margin: 0 ; overflow: hidden; }
.footer-inner { width: 96%; padding: 0px 0px;border: 0;}
li.item { height: auto; display: block;
	width: 100%;margin: auto auto 40px auto;}
li.item-gallery { height: 224px; }
.item-img { height: 224px; margin: 0 0 10px 0; overflow: hidden; }
#top_recent {
    height: 340px;
}
#top_recent .rpwe-ul {
	float: none;
	clear: both;
 }
#top_recent .rpwe-ul .rpwe-li  {
    padding: 5% 0;
     width: 100%;
    box-sizing: border-box;}
#top_recent .rpwe-ul li a.rpwe-img img{
	width: 99%;
	padding:0px!important;
	height: auto;
}
	#top_recent .rpwe-thumb {
    margin: 2px auto 10px auto;
}
	
	.widget-title {
    padding: 13px 10px 10px 1em;
}
.sidebox li {
    padding: 10px 0;
	}
	
		.footerbox .widget_media_image{display: none;}
	.pc_no{display: block;}
.sp_no{display: none;}

#subMenu2 {
    text-align: center;
    margin-bottom: 5px;
}

 #subMenu2 li {
    display: inline;
    padding: 0px 3px;
	 margin: auto;
}	
	#header-nav-normal {
    width: 98%;
    margin: auto;
}
	
#header-nav-normal ul li {
    float: left;
    text-align: center;
    width: 33%;
    list-style: none;
    margin: auto;
	}	
#header-nav-normal ul li a img {
    width: 100%;
}	
 .shipping {
    border-top: 1px solid #702F2B;
    border-bottom: 1px solid #702F2B;
    text-align: center;
	 margin-bottom: 10px;
}
	.shipping p {
    display: inline-block;
    padding: 2px 0px;
    background: url(images/icon01.png) left center no-repeat;
    background-size: 21px 16px;
    padding-left: 25px;
    color: #71302C;
}
	.shipping p a {
    color: #71302C!important;
		font-size: 11px;
}
	.sp_fotter .letter {
    padding: 10px;
}
	.sp_fotter #nomal li {
    float: left;
    width: 50%;
    margin: auto;
    padding: 0;}
	.sp_fotter #nomal li #columuBtn{
		display: block;
}
	
.sp_fotter #columu {
    display: none;
    overflow: hidden;
}	
.sp_fotter #columu ul {
    padding: 15px 15px 0px;
    background: #76332e;
clear: both;
	}	
	.sp_fotter #columu li {
    padding-bottom: 0;
		display: block;
}
	
.sp_fotter #columu li a {
    color: #fff;
	display: block;
	font-size: 11px;
	text-align: left;
}
	
.sp_fotter #cat li {
    float: left;
    width: 25%;
	margin: auto;
    padding: 0px 10px 10px 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}	
.sp_fotter  #list {
    margin-bottom: 10px;
    border-bottom: 1px solid #702F2B;
}	
	.sp_fotter #list li {
    font-size: 0px;
    line-height: 0px;
    border-top: 1px solid #702F2B;
}
	.sp_fotter #list li ul {
    display: none;
}
	.sp_fotter #list li li {
    font-size: 13px;
    line-height: 1.5;
}
	
	.sp_fotter #list li .genre{
		text-align: left;
}
	.sp_fotter #list li .genre li{
    display: block;
    padding: 1px;
    color: #71302C;
}
	.sp_fotter #list li .genre li a {
    display: block;
    padding: 10px;
    color: #71302C;
}
	
	.sp_fotter #sns {
    padding-bottom: 10px;
    text-align: center;
}
.sp_fotter #sns li {
    display: inline;
    padding: 0px 5px;
}
	
	.sp_fotter  #list li .bland {
    border-top: 1px solid #702F2B;
    padding: 10px 0px 0px 10px;
}
.sp_fotter #list li .bland li {
    float: left;
    width: 50%;
    padding: 0px 10px 10px 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0px;margin: auto;
    line-height: 0;
    border: none;
}
.sp_fotter #list li .bland li:nth-child(2n-1) {
	clear: both;
    float: left;
}
	

.footer_sub_menu  {
	text-align: center!important;
}
.footer_sub_menu li {
    display: inline-block;
    font-size: 10px;
}
		#text-2{display: none;}
	#text-3{display: block;}

}



/* Mobile (Landscape) 画面の横幅が480px〜767pxまで
---------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.side_left{display: none;}
.wrapper { width: 420px;border: 0; }
.header-inner { width: 420px; margin:auto; }
.header-text-inner { width: 420px; }
.logo { text-align:center; }
#top-slide-max { width: 420px; }
.cycle-slideshow { width: 420px; height: auto; margin: 0 ; overflow: hidden; }
.footer-inner { width: 420px; padding: 0px 0px;}
li.item { height: 520px; margin-bottom: 40px; }
li.item-gallery { height: 280px; }
.item-img { height: 280px; margin: 0 0 10px 0; overflow: hidden; }
#top_recent {
    height: auto;
}
	#top_recent .rpwe-ul {
	float: none;
	clear: both;
 }

#top_recent .rpwe-ul .rpwe-li  {
    padding: 5% 4% 7% 4%;
 }

	#top_recent .rpwe-ul li a.rpwe-img img{
	width: 100%;
	padding:0px!important;
	height: auto;
}
	
	
#top_recent .rpwe-thumb {
    margin: 2px auto 10px auto;
}
	.widget-title {
    padding: 13px 10px 10px 1em;
}
.sidebox li {
    padding: 10px 1em;
	}
	
table.similar-side th {
	padding: 13px 7px 13px 7px;
}
table.similar-side td {
	padding: 13px 5px;
}
.footerbox .widget .widget_media_image{
    margin: 0 0 0 0;
	text-align: center;
    padding: 50px 0 50px 0;
}	
		.footerbox .widget_media_image{display: none;}
	.pc_no{display: block;}
.sp_no{display: none;}

#subMenu2 {
    text-align: center;
    margin-bottom: 5px;
}

 #subMenu2 li {
    display: inline;
    padding: 0px 3px;
	 margin: auto;
}	
	#header-nav-normal {
    width: 98%;
    margin: auto;
}
	
#header-nav-normal ul li {
    float: left;
    text-align: center;
    width: 33%;
    list-style: none;
    margin: auto;
	}	
#header-nav-normal ul li a img {
    width: 100%;
}	
 .shipping {
    border-top: 1px solid #702F2B;
    border-bottom: 1px solid #702F2B;
    text-align: center;
	 margin-bottom: 10px;
}
	.shipping p {
    display: inline-block;
    padding: 2px 0px;
    background: url(images/icon01.png) left center no-repeat;
    background-size: 21px 16px;
    padding-left: 25px;
    color: #71302C;
}
	.shipping p a {
    color: #71302C!important;
		font-size: 11px;
}
	.sp_fotter .letter {
    padding: 10px;
}
	.sp_fotter #nomal li {
    float: left;
    width: 50%;
}
	.sp_fotter #nomal li #columuBtn{
		display: block;
}
	
.sp_fotter #columu {
    display: none;
    overflow: hidden;
}	
.sp_fotter #columu ul {
    padding: 15px 15px 0px;
    background: #76332e;
clear: both;
	}	
	.sp_fotter #columu li {
    padding-bottom: 0;
		display: block;
}
	
.sp_fotter #columu li a {
    color: #fff;
	display: block;
	font-size: 11px;
	text-align: left;
}
	
.sp_fotter #cat li {
    float: left;
    width: 25%;
	margin: auto;
    padding: 0px 10px 10px 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}	
.sp_fotter  #list {
    margin-bottom: 10px;
    border-bottom: 1px solid #702F2B;
}	
	.sp_fotter #list li {
    font-size: 0px;
    line-height: 0px;
    border-top: 1px solid #702F2B;
}
	.sp_fotter #list li ul {
    display: none;
}
	.sp_fotter #list li li {
    font-size: 13px;
    line-height: 1.5;
}
	
	.sp_fotter #list li .genre{
		text-align: left;
}
	.sp_fotter #list li .genre li{
    display: block;
    padding: 1px;
    color: #71302C;
}
	.sp_fotter #list li .genre li a {
    display: block;
    padding: 10px;
    color: #71302C;
}
	
	.sp_fotter #sns {
    padding-bottom: 10px;
    text-align: center;
}
.sp_fotter #sns li {
    display: inline;
    padding: 0px 5px;
}
	
	.sp_fotter  #list li .bland {
    border-top: 1px solid #702F2B;
    padding: 10px 0px 0px 10px;
}
.sp_fotter #list li .bland li {
    float: left;
    width: 50%;
    padding: 0px 10px 10px 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0px;margin: auto;
    line-height: 0;
    border: none;
}
.sp_fotter #list li .bland li:nth-child(2n-1) {
	clear: both;
    float: left;
}
	

.footer_sub_menu  {
	text-align: center!important;
}
.footer_sub_menu li {
    display: inline-block;
    font-size: 10px;
}
	
	#text-2{display: none;}
	#text-3{display: block;}
	
	
}



/* *****************************************************************
*   レスポンシブ（外部サービス対策用）
* ***************************************************************** */

/* Twitter Timeline
---------------------------------------------------- */

.twitter-timeline { 
width:100%; 
height: 300px; 
}


/* Facebook Like Box
---------------------------------------------------- */

div.fb_iframe_widget,
div.fb_iframe_widget iframe[style],
div.fb_iframe_widget span {
width: 100% !important;
}


/* YouTube embed
---------------------------------------------------- */

.youtube {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top: 20px;
margin-bottom: 20px;
}
.youtube iframe,
.youtube object,
.youtube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}