@charset "utf-8";
/*----------------------------------------*/
/*  全般          　　　　         　　　 */
/*----------------------------------------*/

html {
    /* ルートのフォントサイズを10pxに設定 */
	font-size: 62.5%;
	}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

body {
	/* ルートのフォントサイズを1.6em（16pxと同等のサイズ）に設定 */
	font-size: 1.6em;
	/* フォント指定 */
	font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
	/* 行間 */
	line-height: 2.0;
	/* 字間 */
	letter-spacing: 0.05em;
	color: #000000;
    margin: 0px;
    padding: 0px;
	background-image: url("../img/common/back.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
	background-size: cover;  
	}

/* タグ リセット */
* { margin: 0; padding: 0; }
img { border: none; vertical-align: bottom; }
li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* clearfix */
.clearfix{zoom:1;}
.clearfix:after{content:"."; display: block; height:0px; clear:both; visibility:hidden;}
* html .clearfix{display:inline-table; /*¥*/display:block;/**/}

/* ブロック関連クラス */
.block {display: block;}
.clear{clear:both;}
.right{float:right;}
.left{float:left;}
.none{display:none;}
.txtCenter{text-align:center;}

/* レスポンシブ対応IMG */
img {
	max-width: 100%;
	height: auto;
}

/*---------------------------------------*/
/*フォント　　　　　　             　　　*/
/*---------------------------------------*/

/*フォントサイズ*/
.fs_10 { font-size: 1rem; }
.fs_11 { font-size: 1.1rem; }
.fs_12 { font-size: 1.2rem; }
.fs_13 { font-size: 1.3rem; }
.fs_14 { font-size: 1.4rem; }
.fs_15 { font-size: 1.5rem; }
.fs_16 { font-size: 1.6rem; }
.fs_17 { font-size: 1.7rem; }
.fs_18 { font-size: 1.8rem; line-height: 1.6; }
.fs_19 { font-size: 1.9rem; line-height: 1.5; }
.fs_20 { font-size: 2rem; line-height: 1.5; }
.fs_21 { font-size: 2.1rem; line-height: 1.5; }
.fs_22 { font-size: 2.2rem; line-height: 1.5; }
.fs_23 { font-size: 2.3rem; line-height: 1.4; }
.fs_24 { font-size: 2.4rem; line-height: 1.4; }
.fs_25 { font-size: 2.5rem; line-height: 1.4; }
.fs_26 { font-size: 2.6rem; line-height: 1.4; }
.fs_27 { font-size: 2.7rem; line-height: 1.4; }
.fs_28 { font-size: 2.8rem; line-height: 1.4; }
.fs_29 { font-size: 2.9rem; line-height: 1.4; }
.fs_30 { font-size: 3.0rem; line-height: 1.4; }

/*フォントカラー*/
.fc_a { color: #EF7191; }
.fc_b { color: #EF540F; }
.fc_c { color: #2FADEB; }
.fc_d { color: #933EA3; }
.fc_e { color: #FD9944; }
.fc_f { color: #320102; }

.fc_shiro { color: #FFFFFF; }
.fc_kuro { color: #000000; }
.fc_hai { color: #888888; }
.fc_aka { color: #FF0000; }
.fc_ao { color: #0000FF; }

/*太字*/
.fw_bold { font-weight:bold; }
.fw_normal { font-weight:normal; }
.fw_200 { font-weight: 200; }
.fw_300 { font-weight: 300; }
.fw_400 { font-weight: 400; }
.fw_500 { font-weight: 500; }
.fw_600 { font-weight: 600; }
.fw_700 { font-weight: 700; }
.fw_800 { font-weight: 800; }

/*下線*/
.fu_a {border-bottom: solid 1px #000000; padding-bottom:2px;}
.fu_b {border-bottom: solid 2px #BCD1E8; padding-bottom:10px;}

/*テキスト寄せ*/
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
  
h1 {font-size: 12px;color: #000000; line-height: 14px;margin-top:0px;}
h2 {font-size: 12px;color: #000000; line-height: 14px;margin-top:0px;}

/* リンク */
a{outline:0;}

a:link { color: #1BBE77; text-decoration: none; font-weight: 600; }
a:visited { color: #1BBE77; text-decoration: none; font-weight: 600; }
a:hover { color: #1BBE77; text-decoration: underline; font-weight: 600; }

/*---------------------------------------*/
/*ベース　　　　　　　             　　　*/
/*---------------------------------------*/

/*メイン*/
.section{
	width:1020px;
	margin:0 auto 0 auto;
}

/*コンテンツ*/
.contents{
	width:1020px;
	margin-bottom: 20px;
}

/*サイドバー*/
.sidebar{
	width:1020px;
	margin: 0 auto;
}

/*ラッパー*/
.wrapper {
	width: 100%;
	background-color: #FAF3D3;
	padding-top: 60px;
	padding-bottom: 20px;
	margin-bottom: 70px;
}

.wrapper_contents{
	width:1020px;
	margin:0 auto;
}

/*コンテナ*/
.container {
	width: 1020px;
	margin: 0 auto 0 auto;
	}
/*モバイルボタン*/
.sp{display:none;}

/*画像に乗ったら半透明*/
.img_hover img{
	-webkit-transition-property:opacity;  
    -webkit-transition-duration:0.2s;  
    -webkit-transition-timing-function:linear; 
}

.img_hover img:hover{
	opacity:0.8;
}

/*パンクズ*/
.breadcrumbs {
	width:1020px;
	clear:both;
	text-align:right;
	margin: 15px auto 30px auto;
}
/*---------------------------------------*/
/*  ブログ 　　　　 　 　　　　　　　　 */
/*---------------------------------------*/


.contents_blog{
	float:left;
	width:750px;
	margin-bottom: 20px;
}


.sidebar_blog{
	width:250px;
    float:right;
	margin-bottom: 20px;
}

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

.midashi01 {
	background: #FF9336;
	box-shadow: 0px 0px 0px 5px #FF9336;
	border: dashed 2px #FFDB98;
	color: #ffffff;
	padding: 0.2em 0.5em;
	margin-bottom: 30px;
}

.midashi02 {
	color: #364e96;
  	border: solid 3px #364e96;
  	padding: 0.2em 0.5em;
  	border-radius: 0.5em;
	margin-bottom: 20px;
}

.midashi03 {
	border-bottom: solid 3px #B4D895;
	position: relative;
	color: #16774D;
	font-size: 1.7rem;
	padding: 0.3rem 0;
	margin-bottom: 20px;
}

.midashi03:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #3AB17D;
	bottom: -3px;
	width: 10%;	
}


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

#header_m_box01 {
	clear:both;
	padding: 20px;
}


#header_box01 {
	width:1020px;
	clear:both;
	margin:0px auto  0px auto;	
	padding-top: 5px;
	padding-bottom: 5px;	
}



#header_box02{
	width:1020px;
	clear:both;
	margin:0px auto  0px auto;	
}




#header_box03_l {
    width:50%;
	clear:both;
	float:left;
	margin:50px 0px 50px 0px;
}


#header_box03_r {
    width:50%;
	float:right;
	text-align: right;
	margin:45px 0px 45px 0px;
}

#header_box04 {
	width:100%;
	clear:both;
	background-color: #FFA252;
}

#header_box04_02 {
	width:1020px;
	clear:both;
	margin:0px auto  0px auto;
}

#header_box05{
	width:100%;
	clear:both;
	text-align:center;
	margin:0px auto 0px auto;
}


#header_box05 img {
	width:100%;
	margin:0;padding:0;
	vertical-align: bottom;
}


#title01 {
	width:100%;
	clear:both;
	text-align:center;
	margin:0px auto 0px auto;
	height: 100px;
	font-weight:bold;
	padding-top: 30px;
	padding-bottom: 10px;
	background: url(../img/common/title.jpg) no-repeat;
	background-color: #F88723;
	background-position: center bottom;
	position: relative;
}

#title02 {
	width:100%;
	clear:both;
	text-align:center;
	color: #FFFFFF;
	font-size: 4.5rem;
	line-height: 4.5rem;
	font-weight:bold;
	position: absolute;
	top: 52%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	padding: 0;
}


/*---------------------------------------*/
/*  サイド　 　　　　 　 　　　　　　　  */
/*---------------------------------------*/
#sidebar_box01 {
	width:1020px;
	margin:0px auto 0px auto;
	padding-top: 40px;
	padding-bottom: 40px;
	clear:both;
}

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

#footer_box01 {
  	width:100%;
	clear:both;
	background: #FDDD8C;
	}

#footer_box01 a:link { color: #000000; text-decoration: none;}
#footer_box01 a:visited { color: #000000; text-decoration: none;}
#footer_box01 a:hover { color: #000000; text-decoration:underline;}

#footer_box02 {
 	width:1020px;
	clear:both;
	padding-top:30px;
	padding-bottom: 30px;
	margin:0px auto 0px auto;
	}


#footer_box02_l {
	width:50%;
	clear:both;
	float:left;
	text-align:left;
	margin:0px 0px 0px 0px;
    }

#footer_box02_r {
    width:50%;
	float:right;
	text-align:right;
	margin:0px 0px 0px 0px;
    }

#footer_box05 {
	width:100%;
	clear:both;
    background-color: #FD9944;
	background-attachment: fixed;
    }

#footer_box06 {
	width:100%;
	clear:both;
	text-align:center;
	padding: 15px 0 15px;
	font-size: 1.4rem;
    }

#footer_box05 a:link { color: #FFFFFF; text-decoration: none;}
#footer_box05 a:visited { color: #FFFFFF; text-decoration: none;}
#footer_box05 a:hover { color: #FFFFFF; text-decoration:underline;}
	

/*---------------------------------------*/
/* メニュー　　　　　　 　　　　　　　　 */
/*---------------------------------------*/

/**** 親メニュー ****/
ul.DropDownMenu {
	position: relative;
	margin: 0;
	padding: 0;
	letter-spacing: 0.1rem;
	z-index: 1000;
	}

ul.DropDownMenu::after {
	display: block;
	clear: both;
	content: '';
	}

ul.DropDownMenu > li {
	position: relative;
	float: left;
    text-align: center;
	width: 20%; /*幅*/
	font-size: 16px; /*文字サイズ*/
	color: #FFFFFF; /*文字色*/
	font-weight: normal;
	}

ul.DropDownMenu > li a,
ul.DropDownMenu > li div {
	padding: 20px 0;
	}

ul.DropDownMenu > li span {
	display: block;
	font-size: 10px;
	color: #FFFFFF;
	}

ul.DropDownMenu > li:hover {
	background-color: rgba(255,255,255,.15);
	}

ul.DropDownMenu > li a {
	display: inline-block;
	width: 100%;
	color: #FFFFFF;
	}

/**** 子メニュー ****/
ul.DropDownMenu ul {
	position: absolute;
	top: 100%;
	left: -25px;
	}

ul.DropDownMenu ul li {
	position: relative;
	background-color: #685A3C; /*背景色*/
	font-size: 14px; /*文字サイズ*/
	color: #FFFFFF; /*文字色*/
	font-weight: normal;
	}

ul.DropDownMenu ul li a {
	display: block;
	width: 220px; /*幅*/
	padding: 10px;
	box-sizing: border-box;
	color: #FFFFFF; /*文字色*/
	border-bottom: 1px solid rgba(255,255,255,.2);
	}

ul.DropDownMenu ul li a:hover {
	background-color: rgba(255,255,255,.1);
	}

ul.DropDownMenu ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	}

/**** 上からフェード表示 ****/
ul.DropDownMenu ul {
  visibility: hidden;
  opacity: 0;
  transition: .2s ease-in-out;
  transform: translateY(-10px);
  }
  
ul.DropDownMenu li:hover > ul {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  }

/**** 必須 ****/
ul.DropDownMenu a,
ul.DropDownMenu a:hover,
ul.DropDownMenu a:visited {
	text-decoration: none !IMPORTANT;
	}



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

.btn_01 {
    text-align: center;
}

.btn_01 a {
    position: relative;
    display: inline-block;
    color: #FFF;
    text-align: center;
    width: 60%;
    padding: 5px;
    box-sizing: border-box;
    background: #FD9944;
    border: 1px solid #FD9944;
    border-radius: 50px;
	text-decoration: none;
}

.btn_01 a:hover {
	color: #FD9944;
	background: #FFFAF6;
}

.btn_01,
.btn_01 a,
.btn_01 a:hover,
.btn_01 a:visited {
	text-decoration: none !IMPORTANT;
}

.btn_02 {
    text-align: right;
}

.btn_02 a {
    position: relative;
    display: inline-block;
    padding: 0.2em 1.5em 0.2em 1em;
    color: #FFFFFF;
	font-size: 1.3rem;
	background: #C7B299;
    vertical-align: middle;
}

.btn_02 a::after {
    position: absolute;
    top: 0;
    bottom: 0;
	right: 5px;
    margin: auto;
    content: "";
    vertical-align: middle;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #FFFFFF;
}

.btn_02 a:hover {
	background: #C7B299;
	}

.btn_02,
.btn_02 a,
.btn_02 a:hover,
.btn_02 a:visited {
	text-decoration: none !IMPORTANT;
}

/*---------------------------------------*/
/*  リストアイコン　　　　　　 　　　　　　　　*/
/*---------------------------------------*/

/*** 丸アイコン01（大） ***/
.ic_maru01 li {
    position: relative;
    padding-left: 25px;
	padding-bottom: 5px;
	text-align: left;
}

.ic_maru01 li:before {
    position: absolute;
    content: "";
    top: 6px;
    left: 0px;
    box-sizing: border-box;
    width: 15px; /*大きさ*/
    height: 15px; /*大きさ*/
    border-radius: 50%;
	border: 2px solid #364e96; /*色*/
}

/*** 丸アイコン02（小） ***/
.ic_maru02 li {
    position: relative;
    padding-left: 20px;
	padding-bottom: 5px;
	text-align: left;
}

.ic_maru02 li:before {
    position: absolute;
    content: "";
    top: 10px;
    left: 5px;
    box-sizing: border-box;
    width: 4px; /*大きさ*/
    height: 4px; /*大きさ*/
    border-radius: 50%;
	background: #000000; /*色*/
}

/*** 四角アイコン01 ***/
.ic_shikaku01 li {
    position: relative;
    padding-left: 25px;
    padding-bottom: 8px;
}

.ic_shikaku01 li:before {
	position: absolute;
	content: "";
	top: 7px;
	left: 0px;
	box-sizing: border-box;
	width: 12px; /*大きさ*/
	height: 12px; /*大きさ*/
	background: #000000; /*色*/
}

/*** 四角アイコン02 ***/
.ic_shikaku02 li {
	position: relative;
    padding-left: 25px;
    padding-bottom: 8px;
}

.ic_shikaku02 li:before {
	position: absolute;
    content: "";
    top: 7px;
    left: 0px;
    box-sizing: border-box;
    width: 14px; /*大きさ*/
    height: 14px; /*大きさ*/
    border: 1px solid #000000; /*色*/
}

/*** チェックアイコン01 ***/
.ic_check01 li {
    position: relative;
    padding-left: 25px;
	padding-bottom: 8px;
}

.ic_check01 li:before {
	position: absolute;
    content: "";
    top: 8px;
    left: 0px;
    box-sizing: border-box;
    width: 14px; /*大きさ*/
    height: 9px; /*大きさ*/
    border-left: 3px solid #000000; /*色*/
    border-bottom: 3px solid #000000; /*色*/
    transform: rotate(-45deg);
}

/*---------------------------------------*/
/*  ▼　　　　　　 　　　　　　　　*/
/*---------------------------------------*/

.sankaku{
	margin: 0 auto;
	width: 0;
	height: 0;
	border-top: 20px solid #E26165;
	border-right: 30px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 30px solid transparent;
	text-indent:100%;
	white-space: nowrap;
	overflow: hidden;
}

/*----------------------------------------*/
/*画像配置　 　　　　　　　               */
/*----------------------------------------*/
.photo_box_01_01{
	clear:both
	
}
.photo_box_01_02{
padding-bottom:10px;
}
.photo_box_01_03{
	text-align:left;
	padding-bottom: 10px;
}
.photo_box_left_text{margin-right: 10px; padding-bottom: 5px;}
.photo_box_right_text{margin-left: 10px; padding-bottom: 5px;text-align:left;}

/*----------------------------------------*/
/*画像　 　　　　　　　                   */
/*----------------------------------------*/
.img100_box01 img{
	width:100%;
	height:auto;
}

/*----------------------------------------*/
/*その他　 　　　　　　　                   */
/*----------------------------------------*/
.box-wrapper{
	margin-right: -1.33%;
}

/* PCのみ表示 */
.pc_only {
	display: block;
}

/* SPのみ表示 */
.sp_only {
	display: none;
}

/*--------- 横並び ---------*/

/*** 2列 ***/
.box2 {
	display : flex;
	flex-wrap : wrap;
	justify-content: space-between;
}

.box2 .inner {
	width: 48%;
	box-sizing: border-box;
    margin-bottom: 20px;
}

/*3列*/
.box3 {
	display : flex;
	flex-wrap : wrap;
	justify-content: flex-start;
}

.box3 .inner {
	width: 33.333%;
	box-sizing: border-box;
	padding: 0 10px;
}

/*4列*/
.box4 {
	display : flex;
	flex-wrap : wrap;
	justify-content: flex-start;
}

.box4 .inner {
	width: 25%;
	box-sizing: border-box;
	padding: 0 7px;
	margin-bottom: 20px;
}

/*5列*/
.box5 {
	display : flex;
	flex-wrap : wrap;
	justify-content: flex-start;
}

.box5 .inner {
	width: 20%;
	box-sizing: border-box;
	padding: 0 7px;
}



/******************************************************************************************/

/* for TB & SP CSS   */

/******************************************************************************************/

/*→ボタンの横幅*/
/*横1020～768*/
@media only screen and (min-width: 768px) and (max-width: 1020px) {
	
.back{
	width:100%;
	background: #FFFFFF;
	margin:0 auto 0 auto;
}	
	
.section{
	width:98%;
}

	
/*コンテンツ*/
.contents{
	width:100%;
	margin-bottom: 20px;
}

/*サイドバー*/
.sidebar{
	width:100%;
	margin: 0 auto 20px auto;
}
	
/*モバイルボタン*/
.sp{display:block;}
.pc{display:none;}


/*パンクズ*/
.breadcrumbs {
	width:92%;
	clear:both;
	text-align:right;
	margin: 15px auto 30px auto;
}

/*---------------------------------------*/
/*  ブログ 　　　　 　 　　　　　　　　 */
/*---------------------------------------*/


.contents_blog{
	clear:both;
	width:70%;
	margin:0px auto 20px auto;
}
.sidebar_blog{
	width:28%;
	float:right;
	margin:0px auto 20px auto;
}
	
/*---------------------------------------*/
/*  ヘッダー 　　　　 　 　　　　　　　　 */
/*---------------------------------------*/
/*cssが喧嘩してるので、pc用のcssリセット*/		
nav.pc{
	display:none;
}	



/*---------------------------------------*/
/*  フッター 　　　　 　 　　　　　　　　 */
/*---------------------------------------*/
	
#footer_box02 {
 	width:92%;
	clear:both;
	padding-top:30px;
	padding-bottom: 30px;
	margin:0px auto 0px auto;
}


#footer_box02_l {
	width:60%;
	clear:both;
	float:left;
	text-align:left;
	margin:0px 0px 0px 0px;
}

#footer_box02_r {
    width:37%;
	float:right;
	text-align:right;
	margin:0px 0px 0px 0px;
}
	
	
	
	

}

/*全タブレット*/
/*横1020～416*/
@media only screen and (min-width: 416px) and (max-width: 1020px) {

#header_m_box01 {
	padding: 20px 70px 15px 20px;
}
	
#title02 {
	font-size: 3.5rem;
	line-height: 4rem;
}

.midashi01 { font-size: 1.8rem; }
.midashi02 { font-size: 1.8rem; }
.midashi03 { font-size: 1.7rem; }

#footer_box04 {
	padding: 0 0 80px;
}
	
/*ラッパー*/
.wrapper {
	padding-bottom: 20px;
}

.wrapper_contents{
	width:92%;
	}
	
/*---------------------------------------*/
/*  サイド　 　　　　 　 　　　　　　　  */
/*---------------------------------------*/
#sidebar_box01 {
	width:95%;
	margin:0px auto 0px auto;
	padding-top: 40px;
	padding-bottom: 40px;
	clear:both;
}

}




/*→タブレット横限定*/
/*横1024～769*/
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	
	
}




	
		
/*→タブレット縦限定*/
/*横768～416*/
@media only screen and (min-width: 416px) and (max-width: 768px) {
.wrap {
	overflow: hidden;
}


.back{
	width:100%;
	background: #FFFFFF;
	margin:0 auto 0 auto;
}

.section{
	width:92%;
}



.sp{display:block;}
.pc{display:none;}



.sidebar{
	width:100%;
	float:none;
	margin:0px auto 20px auto;
}


.contents{
	float:none;
	width:100%;
}
	
.breadcrumbs {
	width:92%;
	clear:both;
	text-align:right;
	margin: 15px auto 30px auto;
}
	
/*---------------------------------------*/
/*  ブログ 　　　　 　 　　　　　　　　 */
/*---------------------------------------*/

	.sidebar_blog{
		width:100%;
		float:none;
		margin:0px auto 20px auto;
	}
	
	
	.contents_blog{
		float:none;
		width:100%;
	}
	
/*---------------------------------------*/
/*  ヘッダー 　　　　 　 　　　　　　　　 */
/*---------------------------------------*/
/*cssが喧嘩してるので、pc用のcssリセット*/		
nav.pc{
	display:none;
}
	




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

	
#footer_box02 {
 	width:92%;
	clear:both;
	padding-top:30px;
	padding-bottom: 30px;
	margin:0px auto 0px auto;
	}


#footer_box02_l {
	width:100%;
	clear:both;
	float:left;
	text-align:left;
	margin:0px 0px 0px 0px;
    }

#footer_box02_r {
    width:100%;
	float:right;
	text-align:right;
	margin:0px 0px 0px 0px;
    }
	
	
	
	
	

}



/*全スマートフォン*/
/*横415～1*/
@media only screen and (min-width: 1px) and (max-width: 415px) {
	
#header_m_box01 {
	padding: 20px 70px 10px 20px;
}
	
#title02 {
	font-size: 2.6rem;
	line-height: 3rem;
}

.midashi01 { font-size: 1.8rem; }
.midashi02 { font-size: 1.8rem; }
.midashi03 { font-size: 1.7rem; }


.wrap {
	overflow: hidden;
}

	
.back{
	width:100%;
	background: #FFFFFF;
	margin:0 auto 0 auto;
	
}
	
.section{
	width:92%;
}
	
.sp{display:block;}
.pc{display:none;}
	
.sidebar{
	width:100%;
	float:none;
	margin:0px auto 20px auto;
}
	
.contents{
	float:none;
	width:100%;
}

.breadcrumbs {
	width:92%;
	clear:both;
	text-align:right;
	margin: 15px auto 25px auto;
}
	
/*ラッパー*/
.wrapper {
	padding-bottom: 30px;
}

.wrapper_contents{
	width: 92%;
}
	
/*---------------------------------------*/
/*  ブログ 　　　　 　 　　　　　　　　 */
/*---------------------------------------*/

	.sidebar_blog{
		width:100%;
		float:none;
		margin:0px auto 20px auto;
	}
	
	
	.contents_blog{
		float:none;
		width:100%;
	}

/*---------------------------------------*/
/*  サイド　 　　　　 　 　　　　　　　  */
/*---------------------------------------*/
#sidebar_box01 {
	width:95%;
	margin:0px auto 0px auto;
	padding-top: 40px;
	padding-bottom: 40px;
	clear:both;
}
	
/*---------------------------------------*/
/*  ヘッダー 　　　　 　 　　　　　　　　 */
/*---------------------------------------*/

/*cssが喧嘩してるので、pc用のcssリセット*/		
nav.pc{
	display:none;
}



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

#footer_box02 {
 	width:92%;
	clear:both;
	padding-top:30px;
	padding-bottom: 30px;
	margin:0px auto 0px auto;
	}


#footer_box02_l {
	width:100%;
	clear:both;
	float:left;
	text-align:left;
	margin:0px 0px 0px 0px;
    }

#footer_box02_r {
    width:100%;
	float:right;
	text-align:right;
	margin:0px 0px 0px 0px;
    }
	
	
	
	
/*----------------------------------------*/
/*画像　 　　　　　　　                   */
/*----------------------------------------*/

.img_sp_100_box01 img{
	width:100%;
	height:auto;
}

/*----------------------------------------*/
/*サイドメニュー_new　                   */
/*----------------------------------------*/

.side_menu dl dd a {
	padding: 12px;
	}
	

/*----------------------------------------*/
/*その他　 　　　　　　　                   */
/*----------------------------------------*/
/* PCのみ表示 */
.pc_only {
	display: none;
}

/* SPのみ表示 */
.sp_only {
	display: block;
}
	
/*--------- 横並び ---------*/

/*** 2列 ***/
.box2 .inner {
	width: 100%;
}

/*3列*/
.box3 .inner {
	width: 100%;
}

/*4列*/
.box4 .inner {
	width: 100%;
}

/*5列*/
.box5 .inner {
	width: 100%;
}


}





/*→スマートフォンiPhone5以前限定*/
/*横320～1*/
@media only screen and (min-width: 1px) and (max-width: 320px) {
	
	
	
}