/* ==============================================================================

CSS Information

 File name:      default.css

 Style Info:     デフォルトのスタイルのリセット及び基本設定
                                                   for html5

============================================================================= */

* {
	margin: 0px;
	padding: 0px;
}

html {
	overflow-y: scroll;
}

body {
	behavior: url("js/csshover3.htc");
}

/* HTML5 for older browsers */
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display:block;
}

table, pre, code, select, input, textarea, kbd, var, ins, del, samp, h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}

br {
	vertical-align: middle;/* FFで改行あるなしで高さが微妙に変わるのを回避 */
}

address,cite,dfn,em,var {
	font-style: normal;
}

img{
	border: none;
	vertical-align: bottom;
	line-height: 1;
	-ms-interpolation-mode: bicubic; /* 大きい画像縮小してもキレイ */
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

ul,ol,li {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

abbr,acronym {
	border: 0;
	font-variant: normal;
}

form label {
	cursor : pointer;
}

select option {
	padding : 0 5px;
}

input, textarea{
	margin:1px;
	padding:2px;
	line-height:1;
}

textarea{
	overflow:auto;
}

input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}





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

共通

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

/* iOS標準CSSを無効化 --------------------- */
input[type="text"], textarea, input[type="submit"]{
-webkit-appearance: none;
}


/* テキスト --------------------- */

.attention {
	color: #ec6941;
}

.attentionB {
	color: #CC0000;
	font-weight: bold;
}

.bold {
	font-weight: bold;
}

.red {
	color: #C00;
}
.blue {
	color: #039;
}
.green {
	color: #093;
}

.orenge {
	color: #f09450;
	font-weight: bold;
}
.blue {
	color: #7bc1de;
	font-weight: bold;
}

.price {
	color: #FF8C00;
}

.check {
	color: #1E77D3;
}

.text_SS {
	font-size: 75%;
}

.text_S {
	font-size: 86%;
}

.text_L {
	font-size: 120%;
}

.text_2L {
	font-size: 150%;
}
.text_3L {
	font-size: 180%;
}

.big {
	font-size: 130%;
}
.small {
	font-size: 80%;
}

.bgG {
	background-color: #EBEBEB;	
}
.bgB {
	background-color: #F1EFE6;
}
.bgR {
	background-color: #FEEBE2;
}
.bgRD {
	background-color: #F3C1AA;
}
.bgbG {
	background-color: #f3f3f3;
	border: 1px solid #E0E0E0;
	padding-top: 15px;
	padding-bottom: 15px;
}

/* テキスト位置設定 ---------------- */

.center {
	
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

/* マージン関係 ------------------- */

.m0 {
	margin: 0;
}

.m10 {
	margin: 10px;
}

.mT10 {
	margin-top: 10px;
}

.mT20 {
	margin-top: 20px;
}

.mT25 {
	margin-top: 25px;
}
.mT40 {
	margin-top: 40px;
}
.mT50 {
	margin-top: 50px;
}

.mB5 {
	margin-bottom: 5px;
}

.mB10 {
	margin-bottom: 10px;
}
.mB15 {
	margin-bottom: 15px;
}

.mB20 {
	margin-bottom: 20px;
}
.mB30 {
	margin-bottom: 30px;
}
.mB40 {
	margin-bottom: 40px;
}
.mB50 {
	margin-bottom: 50px;
}

.mR0 {
	margin-right: 0px;
}

.mR5 {
	margin-right: 5px;
}

.mR10 {
	margin-right: 10px;
}

.mR20 {
	margin-right: 20px;
}
.mR30 {
	margin-right: 30px;
}
.mL5 {
	margin-left: 5px;
}

.mL10 {
	margin-left: 10px;
}

.mL20 {
	margin-left: 20px;
}
.mL30 {
	margin-left: 30px;
}
.mRL10 {
	margin: auto 10px;
}

/*　パディング関係 ------------------ */
.p0 {
	padding: 0;
}

.p10 {
	padding: 10px;
}

.pT5 {
	padding-top: 5px;
}

.pT10 {
	padding-top: 10px;
}

.pB10 {
	padding-bottom: 10px;
}

.pR10 {
	padding-right: 10px;
}

.pL10 {
	padding-left: 10px;
}

.pB20 {
	padding-bottom: 20px;
}

.pRL10 {
	padding: auto 10px;
}

/* フロート関係 ------------------- */

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearBoth {
	clear: both;
}

.clear {
	clear: both;
}

.clearfix {
	/zoom : 1; /* IE6-7 */
}

.clearfix:after { /* modern */
	content : '';
	display : block;
	clear : both;
	height: 0;
}
/* テキストを非表示 ---------------- */
.clearText {
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

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

パンくず

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


.breadcrumbs{
   

}
.breadcrumbs{
    font-size: 12px;
    width: 940px;
	margin-left: auto;
	margin-right: auto;
    /* color: #FFFFFF;*/
}

.breadcrumbs a{
    /* color: #FFFFFF;*/
}



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

ページナビ

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

.wp-pagenavi {
	padding-top: 30px;
	padding-bottom: 30px;
	display: block;
}

.wp-pagenavi a {
	text-decoration: none;
	padding: 12px;
	margin-left: 5px;
	font-size: 14px;
	color: #454545;
	background-color: #362e2b;
	/* border-radius */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/* box-shadow */
	border: none;
	color: #FFFFFF;
	
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	text-decoration: none;
	padding: 12px;
	margin-left: 5px;
	font-size: 14px;
	background-color: #362e2b;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: none;
	
	
}

.wp-pagenavi span.current {
	text-decoration: none;
	padding: 12px;
	margin-left: 5px;
	font-size: 14px;
	background: #e9e9d9; 
	font-weight: bold;
	border: none;
}
.wp-pagenavi span.extend {
	text-decoration: none;
	padding: 12px;
	margin-left: 5px;
	font-size: 14px;
	border: none;
}


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

フェードイン

------------------------------------------------------------------------------- */
/* 画面外にいる状態 */
.fadein {
    opacity : 0;
    transform : translate(0, 80px);
    transition : all 500ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

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

ボタン関係

------------------------------------------------------------------------------- */
.one_btn{
    width: 30%;
    height: 50px;
    display: block;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    background-color: #CAC4A1;	
}

 
.two_btn_contents {
	padding-left: 120px;
 }
 
.two_btn_contents li {
	float: left;
	margin-right: 15px;
 }


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

テキスト関係

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

.text_beige{
    color: #7a6a56;
}
/* -------------------------------------------------------------------------------

PCで画像非表示

------------------------------------------------------------------------------- */
.pc_none_img{
    display: none;    
}