@charset "utf-8";

/*==========================================
File name: module-pc.css
Editors: IT-Probe
Last Editor: IT-Probe
Date: 2015.10.24
========================================== */

body{
/*	min-width: 1200px;　スマホなしの場合は有効に*/
}

.smp_only{display:none;}


#screen{
	padding-top: 130px;
}

/*アンカーずれ調整用（ヘッダー固定の高さ分、各ページでsec使いまわし可）*/
#sec01,
#sec02,
#sec03,
#sec04,
#sec05{
    padding-top: 130px;
    margin-top: -130px;
}



/* PC 電話リンク無効 */

a[href^="tel:"] {
	cursor: default;
	text-decoration: none;
}

a[href^="tel:"]:hover{
	text-decoration: none;
	color: #fff!important;
}

a[href^="tel:"]:hover img{
	opacity:1.0!important;
	filter:alpha(opacity=100)!important;
	-ms-filter: "alpha( opacity=100 )";
}


/* --ぱんくずリスト--------------------------- */

#breadcrumbs p{
width: 1080px;
margin: 0 auto;
}





#columnLeft,
#columnRight,
#columnMiddle{
	width: 290px;
}


#columnLeft{
	float: left;
}


#columnMiddle{
	float: left;
	margin: 0 30px 0 0;
	
}

#columnRight{
	float: right;
}

#main{
	width: 760px;
	float: right;
}

#mainContents_01{
	width: 760px;
}

#mainContents_02{
	float: right;
	width: 760px;
}

#con_contents{
width: 1080px;
margin-left: auto;
margin-right: auto;

}

section,
.section{
	width: 1080px;
	margin: 0 auto;
	padding: 60px 0;
}
#mainContents_02 section,
#mainContents_02 .section{
	width: 760px;
	margin-bottom: 60px;
	padding-top: 0;
}

/* ------------------------------------------------
見出し装飾
------------------------------------------------ */
/*コンテンツh1*/

.con_title{
font-size: 220%;
padding: 30px 0;
}

/*白　大きめ*/
.title_type01{
font-size: 220%;
margin-bottom: 40px;}

/*黄色　大きめ*/
.title_type02{
font-size: 180%;
	}

/*白下線*/
.title_type03{
font-size: 140%;
	}
	
/* ------------------------------------------------
サイドバーの見出し
------------------------------------------------ */

#columnLeft .side_hd p{
	/*width: 298px;*/
}

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

#snav li{
	width: 298px;
}

#snav li a{
}

#snav li a:hover{
}

/* ------------------------------------------------
メインイメージ
------------------------------------------------ */

#keyvisual,
#keyvisual img{
	width: 1080px !important;
}

/* ------------------------------------------------
width 100%, バナー×2 横並べ
------------------------------------------------ */
	
.half .element_01,
.half .element_02{
	width: 340px;
}

.half .element_01{
	float: left;
}

.half .element_02{
	float: right;
}

/* ------------------------------------------------
sectionに枠, バナー×2 横並べ
------------------------------------------------ */
	
.entry_half .element_01,
.entry_half .element_02{
	width: 340px;
}

.entry_half .element_01{
	float: left;
}

.entry_half .element_02{
	float: right;
}

/* ------------------------------------------------
width 100%, イメージ×3 横並べ
------------------------------------------------ */
	
.third .element_01,
.third .element_02{
	width: 226px;
}

.third .element_01{
	float: left;
	margin: 0 15px 0 0;
}

.third .element_02{
	float: right;
}

/* ------------------------------------------------
sectionに枠, イメージ×3 横並べ
------------------------------------------------ */
	
.entry_third .element_01,
.entry_third .element_02{
	width: 223px;
}

.entry_third .element_01{
	float: left;
	margin: 0 10px 0 0;
}

.entry_third .element_02{
	float: right;
}

/* ------------------------------------------------
width 100%, イメージ×3 横並べ liquid
------------------------------------------------ */

/* ------------------------------------------------
sectionに枠, イメージ×3 横並べ liquid
------------------------------------------------ */

/* ------------------------------------------------
width 100%, イメージ×4 横並べ
------------------------------------------------ */

.quarter .element_01,
.quarter .element_02{
	width: 140px;
}
	
.quarter_body_01,
.quarter_body_02{
	overflow: hidden;
	width: 344px;
}
	
.quarter_body_01{
	float: left;
}

.quarter_body_02{
	float: right;
}

.quarter .element_01,
.quarter .element_02{
	width: 160px;
	overflow: hidden;
}

/* ------------------------------------------------
sectionに枠, イメージ×4 横並べ
------------------------------------------------ */

.entry_quarter .element_01,
.entry_quarter .element_02{
	width: 130px;
}

.entry_quarter_body_01,
.entry_quarter_body_02{
	width: 336px;
	margin: 0 auto; 
}

	
.entry_quarter_body_01{
	float: left;
}

.entry_quarter_body_02{
	float: right;
}

.entry_quarter .element_01,
.entry_quarter .element_02{
	width: 160px;
	overflow: hidden;
}

.entry_quarter .element_01 img,
.entry_quarter .element_02 img{
	margin: 0 0 0 0;
	width: 100%;
}

/* ------------------------------------------------
width100%, 左イメージ×1 右コンテンツ
------------------------------------------------ */

.left_imgfix .element_01{
	width: 160px;
}

.left_imgfix-02 .element_01{
	width: 230px;
}

.left_imgfix .element_01,
.left_imgfix-02 .element_01{
	float: left;
}

.left_imgfix .element_02,
.left_imgfix-02 .element_02{
	float: right;

}

.left_imgfix .element_02{
	width: 530px;
}

.left_imgfix-02 .element_02{
	width: 460px;
}

/* ------------------------------------------------
sectionに枠, 左イメージ×1 右コンテンツ
------------------------------------------------ */

.entry_left_imgfix .element_01{
	width: 160px;
}

.entry_left_imgfix-02 .element_01{
	width: 230px;
}
	
.entry_left_imgfix .element_01,
.entry_left_imgfix-02 .element_01{
	float: left;
}

.entry_left_imgfix .element_02,
.entry_left_imgfix-02 .element_02{
	float: right;
}

.entry_left_imgfix .element_02{
	width: 510px;
}

.entry_left_imgfix-02 .element_02{
	width: 440px;
}

/* ------------------------------------------------
width100%, 左コンテンツ 右イメージ×1
------------------------------------------------ */

.right_imgfix .element_01{
	width: 160px;
}

.right_imgfix-02 .element_01{
	width: 230px;
}

.right_imgfix .element_01,
.right_imgfix-02 .element_01{
	float: right;
}

.right_imgfix .element_02,
.right_imgfix-02 .element_02{
	float: left;

}

.right_imgfix .element_02{
	width: 530px;
}

.right_imgfix-02 .element_02{
	width: 460px;
}

/* ------------------------------------------------
sectionに枠, 左コンテンツ 右イメージ×1
------------------------------------------------ */

.entry_right_imgfix .element_01{
	width: 160px;
}

.entry_right_imgfix-02 .element_01{
	width: 230px;
}

.entry_right_imgfix .element_01,
.entry_right_imgfix-02 .element_01{
	float: right;
}

.entry_right_imgfix .element_02,
.entry_right_imgfix-02 .element_02{
	float: left;
}

.entry_right_imgfix .element_02{
	width: 510px;
}

.entry_right_imgfix-02 .element_02{
	width: 440px;
}

/*==========================================
　1カラムレイアウト 4分割
========================================== */

.one-column-quarter .element_01,
.one-column-quarter .element_02{
	width: 255px;
}

.one-column-quarter_body_01,
.one-column-quarter_body_02{
	width: 530px;
}

.one-column-quarter_body_01{
	float: left;
}
.one-column-quarter_body_02{
	float: right;
}


.one-column-quarter .element_01{
	float: left;
	margin: 0 20px 0 0;
}

.one-column-quarter .element_02{
	float: right;
}



/*==========================================
　1カラムレイアウト 3分割
========================================== */

.one-column-third .element_01,
.one-column-third .element_02{
	width: 340px;
}

.one-column-third .element_01{
	float: left;
	margin: 0 30px 0 0;
}

.one-column-third .element_02{
	float: right;
}

/*==========================================
　1カラムレイアウト sigle-doouble,
　1カラムレイアウト double-single,
　1カラムレイアウト w-half
========================================== */

.single-double .area_01,
.double-single .area_02{
	width: 340px;
}
.single-double .area_02,
.double-single .area_01{
	width: 710px;
	float: right;
}

.w-half .area_01,
.w-half .area_02{
	width: 530px;
}

.w-half .area_01{
	float: left;
}
.w-half .area_02{
	float: right;
}

.single-double .area_01,
.double-single .area_01{
	float: left;
}

.single-double .area_02,
.double-single .area_02{
	float: right;
}

.single-double .area_01 img,
.single-double .area_02 img,
.double-single .area_01 img,
.double-single .area_02 img{
	width: 100%;
	height:auto;
}

/*==========================================
　コンテンツ collapse
========================================== */

.collapseomatic{
	width: 100%;
	margin: 0!important;
	padding: 0 0 0 30px!important;
	line-height: 30px;
	height: 30px;
	background-color: #C66;
	background-position: 10px 40%;
	color: #FFF;
	font-weight: bold;
	border-bottom: dotted 1px #FFF;
}

/* ------------------------------------------------
可変 Table
------------------------------------------------ */

.table_01{
	border-bottom: solid 1px #555;
	border-right: solid 1px #555;
	border-left: none;
}


.table_01 .tbody{
	display: table-row-group;
}


.table_01 dl dt,
.table_01 dl dd{
	display: table-cell;
	*display: inline;
	padding: 15px 10px;
	border-top: solid 1px #555;
	border-left: solid 1px #555;
	*border-top: none;
	*border-left: none;
	vertical-align: middle;
	*zoom: 1;
}


.table_01 dl{
	display: table-row;
	line-height: 1.6;
	border-top: solid 1px #555;
	overflow: hidden;
	*zoom: 1;
	width: 100%;
}


.table_01 dl dt{
	border-bottom: none;
	width: 32%;
	background: #262626;
}

.table_01 dl dd{
	border-bottom: none;
	width: 900px;
}

.main_max dd{ /* main幅のtableのdd */
	width: 558px;
}

/* ------------------------------------------------
Contact Form7
------------------------------------------------ */

.nme input{
	width: 30%!important;
}
.eml input{
	width: 50%!important;
}

.zip input{
	width: 20%!important;
}

.add input{
	width: 60%!important;
}




/* ------------------------------------------------
PCとスマホでリストの並び数かえる場合
------------------------------------------------ */
/*PC3・スマホ1*/

.list_pc3_smp1 li{
	float: left;
	width: 340px;
	margin-right: 30px;
}

.list_pc3_smp1 li:nth-child(3n){
	float: right;
	margin-right: 0;
}

.list_pc3_smp1 li:nth-child(3n+1){
	clear: both;
}



/*PC3・スマホ2*/

.list_pc3_smp2 li{
	float: left;
	width: 340px;
	margin-right: 30px;
}

.list_pc3_smp2 li:nth-child(3n){
	float: right;
	margin-right: 0;
}

.list_pc3_smp2 li:nth-child(3n+1){
	clear: both;
}


/*PC4・スマホ2*/

.list_pc4_smp2 li{
	float: left;
	width:255px;
	margin-right: 20px;
}

.list_pc4_smp2 li:nth-child(4n){
	float: right;
	margin-right: 0;
}

.list_pc4_smp2 li:nth-child(4n+1){
	clear: both;
}


/* ------------------------------------------------
微調整
------------------------------------------------ */

/*幅（PC用）*/
.pc_w10{ width:10%!important;}
.pc_w20{ width:20%!important;}
.pc_w30{ width:30%!important;}
.pc_w40{ width:40%!important;}
.pc_w50{ width:50%!important;}
.pc_w60{ width:60%!important;}
.pc_w70{ width:70%!important;}
.pc_w80{ width:80%!important;}
.pc_w90{ width:90%!important;}
.pc_w100{ width:100%!important;}


/*文字サイズ（スマホ用）*/

.pc_fsize140{ font-size:140%!important;}
.pc_fsize150{ font-size:150%!important;}
.pc_fsize160{ font-size:160%!important;}
.pc_fsize170{ font-size:170%!important;}
.pc_fsize180{ font-size:180%!important;}
.pc_fsize190{ font-size:190%!important;}
.pc_fsize200{ font-size:200%!important;}


/*文字配置（PCにのみ）*/

.pc_textc{ text-align:center!important;}
.pc_textr{ text-align:right!important;}
.pc_textl{ text-align:left!important;}


/*余白微調整（PCにのみ）*/

.pc_mt0{margin-top:0px!important;}
.pc_mt10{margin-top:10px!important;}
.pc_mt15{margin-top:15px!important;}
.pc_mt20{margin-top:20px!important;}
.pc_mt30{margin-top:30px!important;}
.pc_mt40{margin-top:40px!important;}
.pc_mt50{margin-top:50px!important;}
.pc_mt60{margin-top:60px!important;}
.pc_mt70{margin-top:70px!important;}
.pc_mt80{margin-top:80px!important;}
.pc_mt90{margin-top:90px!important;}
.pc_mt100{margin-top:100px!important;}


.pc_mr0{margin-right: 0 !important;}
.pc_ml0{margin-left: 0 !important;}

/* ------------------------------------------------
改行（スマホは改行。ＰＣは改行させない。）
------------------------------------------------ */
 .br_smp_kaigyou{ display:none!important;}

/* ------------------------------------------------
Category index
------------------------------------------------ */

.to_post {
	text-align: right!important;
}

.to_post a{
	width: 150px;
	text-align: center;
}

/* ------------------------------------------------
トップのお知らせ
------------------------------------------------ */