@charset "utf-8";

/*
Theme Name: Real Max ANBO
Theme URI: 
Description: Theme wordpress customized convert HTML Static to Dynamic site
Version: 1.0.0
Author: Real Max Co.,Ltd
Author URI: http://www.realmax.co.jp/

*/

@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');


body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 90%;
	padding: 0;
	margin: 0;
	background-color: #ffffff;
}
#wrapper {
	text-align: left;
/*
width: 991px;
margin: 0 auto 0 auto;
padding: 0 10px 0 10px;
*/

}
#header {
	margin: 0;
	padding: 0;
}
#header .row-eng{
	width: 97%;
/*	text-align: right;*/
	margin: 0;
	padding: 0;
}
#header .row-eng .col-eng-6{
/*    width: 26.6%;*/
    display: inline-block;
    text-align: center;
    margin: 0px 9px;
}
#header .row-eng a.btn-eng {
	font-family: "Times New Roman", Times, serif;
    background-color: #0d083e;
    width: 100%;
    text-decoration: none;
    position: relative;
    padding: 7px 10px;
    font-size: 18px;
    font-weight: bold;
    color: #dbc89a;
    border-radius: 3px;
    display: inline-block;
   
}
#header .row-eng a.btn-eng span.font-cn{
	font-size: 17px;
}
#header .row-eng a.btn-eng:hover {
	color: #cead5d;
}
#pankuzu {
	font-size: 80%;
	text-align: left;
	color: #000000;
	margin: 0 0 7px 10px;
}
#pankuzu a:link {
	color: #314c62;
	text-decoration: none;
}
#pankuzu a:visited {
	color: #314c62;
	text-decoration: none;
} 
#pankuzu a:hover {
	color: #679088;
	text-decoration: underline;
}
#contents {
	overflow: auto;


/*background-image: url("/img/etc/sideback.gif");*/


	background-size: 210px auto;
	background-repeat: repeat-y;
}
#navi {
	width: 210px;
	float: left;
	margin: 0;
	padding: 0;
	height: auto;
	vertical-align: top;

display: none;

}
#main {
	width: 743px;

/*float: left;
margin: 0 0 0 18px;*/
margin: 0 auto;

	padding: 0;
}
#main_ {
	width: 744px;

/*float: right;
margin: 0 20px 0 0;*/
margin: 0 auto;

	padding: 0;
}
#main__ {
	width: 740px;

/*float: right;
margin: 0 20px 0 0;*/
margin: 0 auto;

	padding: 0;

/*display: inline;*/
display: block;

}
#main_3c {
	width: 575px;
	float: left;
	margin: 0 0 0 18px;
	padding: 0;
}
#navi_right {
	width: 150px;
	float: left;
	margin: 0 0 0 18px;
	padding: 0;
	height: auto;
	vertical-align: top;
}
#footer {
	color: #000000;
}
img {
	border-style:none;
}
p {
	margin: 0 5px 0.6em 5px;
}
p.style1 {
	margin-left: 1em;
}

/*見出し*/
h1 {
	font-size: 90%;
	color: #000000;
	text-align:center;
	margin: 0;
	padding: 5px 0 5px 0;
	font-weight: normal;
}
h2 {
	background-color: #99b4af;
	color: #0f093d;
	line-height: 30px;
	font-size: 110%;
	padding: 0 0 0 15px;
	margin: 5px 0 15px 0;
}
h3.style1 {
	color: #000000;
	font-size: 100%;
	padding: 0;
	margin: 5px 0 5px 10px;
}
h3.style1 a:link {
	color: #0f093d;
	text-decoration: none;
}
h3.style1 a:visited {
	color: #0f093d;
	text-decoration: none;
} 
h3.style1 a:hover {
	color: #679088;
	text-decoration: underline;
}
h3.style2 {
	color: #000000;
	font-size: 120%;
	border-top: solid 1px #314c62;
	border-bottom: solid 1px #cbd8d5;
	padding: 4px 0 3px 8px;
	margin: 5px 10px 15px 10px;
}
h3.style2 a:link {
	color: #0f093d;
	text-decoration: none;
}
h3.style2 a:visited {
	color: #0f093d;
	text-decoration: none;
} 
h3.style2 a:hover {
	color: #679088;
	text-decoration: underline;
}
h4.style1 {
	color: #000000;
	font-size: 110%;
	border-left: solid 12px #cbd8d5;
	line-height: 24px;
	padding: 0 0 0 7px;
	margin: 5px 0 10px 15px;
}
h4.style2 {
	color: #000000;
	font-size: 100%;
	padding: 0;
	margin: 5px 0 5px 10px;
}
h4.style3 {
	color: #314c62;
	font-size: 105%;
	border-top: solid 1px #99b4af;
	border-left: solid 12px #99b4af;
	padding: 4px 0 3px 7px;
	margin: 5px 10px 10px 20px;
}
h5.style1 {
	color: #0f093d;
	font-size: 90%;
	border-left: solid 12px #cbd8d5;
	padding: 4px 0 3px 7px;
	margin: 5px 10px 10px 20px;
}

/*サイドバー*/
.sidenavititle {
	color: #e9d8b4;
	text-align: left;
	padding: 7px 0px 7px 16px;
	background-color: #0f093d;
	font-weight: bold;
	margin: 0px;
}
.sidenavititle a:link {
	color: #e9d8b4;
	text-decoration: none;
}
.sidenavititle a:visited {
	color: #e9d8b4;
	text-decoration: none;
} 
.sidenavititle a:hover {
	color: #e9d8b4;
	text-decoration: underline;
}
.sidenavibox {
	height: auto;
	text-align: left;
	padding: 5px 0px 7px 20px;
	background-color: #314c62;
	margin: 0px;
	border-bottom-width: 15px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}
ul.sidenavi {
	color: #e9d8b4;
	margin: 0;
	padding: 0;
	list-style-type: circle;
	font-size: 90%;
	line-height: 200%;
}
ul.sidenavi li a:link {
	color: #e9d8b4;
	text-decoration: none;
}
ul.sidenavi li a:visited {
	color: #e9d8b4;
	text-decoration: none;
} 
ul.sidenavi li a:hover {
	color: #e9d8b4;
	text-decoration: underline;
}
.navi_facebook {
	background-color: #ffffff;
}
.navi_bnr {
	padding: 0;
	margin: 0;
	border-bottom-width: 15px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}
.twitter_btn {
	text-align: center;
	margin: 20px 0 20px 0;
}

/*トップボタン*/
ul.top_btn {
	margin: 0 2px 0 2px;
	padding: 0;
	list-style-type: none;
}
ul.top_btn li {
	font-size: 90%;
	font-weight: bold;
	color: #ffffff;
	float: left;
	width: 137px;
	height: 13px;
	margin: 5px 1px 10px 1px;
	background-color: #314c62;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
ul.top_btn li a:link {
	color: #ffffff;
	text-decoration: none;
}
ul.top_btn li a:visited {
	color: #ffffff;
	text-decoration: none;
} 
ul.top_btn li a:hover {
	color: #f1e7cf;
	text-decoration: underline;
}

ul.middle_btn {
	margin: 0 20px 0 20px;
	padding: 0;
	list-style-type: none;
}
ul.middle_btn li {
	font-size: 90%;
	font-weight: bold;
	color: #ffffff;
	float: left;
	width: 94px;
	height: 10px;
	margin: 5px 3px 10px 3px;
	background-color: #314c62;
	text-align: center;
	padding: 10px 0 10px 0;
}
ul.middle_btn li a:link {
	color: #ffffff;
	text-decoration: none;
}
ul.middle_btn li a:visited {
	color: #ffffff;
	text-decoration: none;
} 
ul.middle_btn li a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/*文章*/
.txt0 {
	margin: 0;
	line-height: 150%;
}
.txt0 a:link {
	color: #314c62;
	text-decoration: none;
} 
.txt0 a:visited {
	color: #314c62;
	text-decoration: none;
} 
.txt0 a:hover {
	color: #679088;
	text-decoration: underline;
}
.txt1 {
	line-height: 150%;
	color: #000000;
	padding: 5px 20px 20px 20px;
	margin: 0;
}
.txt1 a:link {
	color: #314c62;
	text-decoration: none;
} 
.txt1 a:visited {
	color: #314c62;
	text-decoration: none;
} 
.txt1 a:hover {
	color: #679088;
	text-decoration: underline;
}
.txt2 {
	line-height: 150%;
	color: #000000;
	padding: 5px 20px 5px 20px;
	margin: 0;
}
.txt2 a:link {
	color: #314c62;
	text-decoration: none;
} 
.txt2 a:visited {
	color: #314c62;
	text-decoration: none;
} 
.txt2 a:hover {
	color: #679088;
	text-decoration: underline;
}
.txt3 {
	line-height: 150%;
	color: #000000;
	padding: 0 20px 0 20px;
	margin: 0;
}
.txt3 a:link {
	color: #314c62;
	text-decoration: none;
} 
.txt3 a:visited {
	color: #314c62;
	text-decoration: none;
} 
.txt3 a:hover {
	color: #679088;
	text-decoration: underline;
}
.txt4 {
	line-height: 150%;
	color: #000000;
	padding: 3px 10px 3px 10px;
	margin: 0;
}
.pagetop {
	color: #000000;
	font-size: 0.8em;
	text-align: right;
	margin: 10px 10px 15px 0;
}
.pagetop a:link {
	color: #314c62;
	text-decoration: none;
} 
.pagetop a:visited {
	color: #314c62;
	text-decoration: none;
} 
.pagetop a:hover {
	color: #679088;
	text-decoration: underline;
}
.txt_right {
	text-align: right;
	color: #000000;
	margin: 0 10px 0 0;
}
.txt_right a:link {
	color: #314c62;
	text-decoration: none;
} 
.txt_right a:visited {
	color: #314c62;
	text-decoration: none;
} 
.txt_right a:hover {
	color: #679088;
	text-decoration: underline;
}
.thisweek_txt {
	border: solid 1px #314c62;
	width: 293px;
	height: 250px;
	line-height: 150%;
	color: #000000;
	padding: 10px 10px 10px 10px;
	margin: 0 20px 20px 5px;
}
.thisweek_txt a:link {
	color: #314c62;
	text-decoration: none;
} 
.thisweek_txt a:visited {
	color: #314c62;
	text-decoration: none;
} 
.thisweek_txt a:hover {
	color: #0f093d;
	text-decoration: underline;
}
.thisweek_title {
	font-weight: bold;
}
.small_txt1 {
	font-size: 0.8em;
	text-align: left;
}
.small_txt1 a:link {
	color: #314c62;
	text-decoration: none;
} 
.small_txt1 a:visited {
	color: #314c62;
	text-decoration: none;
} 
.small_txt1 a:hover {
	color: #679088;
	text-decoration: underline;
}
.small_txt2 {
	font-size: 0.9em;
	text-align: left;
	line-height: 150%;
}
.small_txt3 {
	font-size: 0.9em;
	text-align: left;
	margin-bottom: 1.5em;
}
.small_txt4 {
	font-size: 0.9em;
	text-align: center;
}
.small_txt5 {
	font-size: 0.7em;
}
.contact_tell {
	font-size: 150%;
	font-weight: bold;
}
.catchcopy {
	font-size: 150%;
	font-weight: bold;
}
.catchcopy120 {
	font-size: 120%;
	font-weight: bold;
}
.catchcopy150 {
	font-size: 150%;
	font-weight: bold;
}
.frame_txt1 {
	font-size: 110%;
	line-height: 150%;
	color: #000000;
	background-color: #e9d8b4;
	padding: 6px 6px 6px 6px;
	margin: 0 40px 20px 40px;
	border-color: #e9d8b4;
	border-width: 6px;
	border-style: ridge;
	height: 100%;
}
.contact_bnr1 {
	text-align: center;
	font-weight: bold;
	font-size: 100%;
	color: #000000;
	background-color: #e9d8b4;
	padding: 10px 10px 10px 10px;
	border-color: #e9d8b4;
}
.contact_bnr1 a:link {
	color: #000000;
	text-decoration: none;
} 
.contact_bnr1 a:visited {
	color: #000000;
	text-decoration: none;
} 
.contact_bnr1 a:hover {
	color: #679088;
	text-decoration: underline;
}
.contact_bnr2 {
	text-align: center;
	font-weight: bold;
	font-size: 100%;
	color: #000000;
	background-color: #e9d8b4;
	padding: 3px 6px 3px 6px;
	border-color: #e9d8b4;
}
.contact_bnr2 a:link {
	color: #000000;
	text-decoration: none;
} 
.contact_bnr2 a:visited {
	color: #000000;
	text-decoration: none;
} 
.contact_bnr2 a:hover {
	color: #679088;
	text-decoration: underline;
}
.voice_txt1 {
	line-height: 150%;
	color: #74716c;
	padding: 5px 20px 20px 20px;
	margin: 0;
}
.voice_txt1 a:link {
	color: #314c62;
	text-decoration: none;
} 
.voice_txt1 a:visited {
	color: #314c62;
	text-decoration: none;
} 
.voice_txt1 a:hover {
	color: #679088;
	text-decoration: underline;
}
.interviewer_txt1 {
	line-height: 150%;
	color: #95214a;
	padding: 5px 20px 20px 20px;
	margin: 0;
}
.interviewer_txt2 {
	line-height: 150%;
	color: #3a3d55;
	padding: 5px 20px 20px 20px;
	margin: 0;
}

.h2_blogdate {
	font-weight: normal;
	font-size: 80%;
	margin: 0 0 0 30px;
}
.cap_txt1 {
	font-size: 0.9em;
	text-align: left;
	color: #3a3d55;
	line-height: 150%;
	margin: 5px 5px 10px 5px;
}
.cap_txt180 {
	font-size: 0.8em;
	line-height: 130%;
	margin: 10px 0 30px 0;
	width: 180px;
}
.cap_txt210 {
	font-size: 0.8em;
	text-align: left;
	font-weight: bold;
	color: #716b6b;
	line-height: 150%;
	margin: 5px 5px 20px 5px;
	width: 200px;
}
.cap_txt210_2 {
	font-size: 0.9em;
	text-align: left;
	color: #3a3d55;
	line-height: 150%;
	margin: 5px 5px 10px 5px;
	width: 200px;
}
.cap_txt240 {
	font-size: 0.9em;
	font-weight: bold;
	color: #716b6b;
	line-height: 150%;
	margin: 5px 10px 20px 15px;
	width: 215px;
}
.cap_txt240_2 {
	font-size: 0.9em;
	text-align: left;
	color: #3a3d55;
	line-height: 150%;
	margin: 5px 5px 10px 5px;
	width: 230px;
}
.cap_txt250 {
	font-size: 0.9em;
	font-weight: bold;
	color: #716b6b;
	line-height: 150%;
	margin: 5px 0 20px 0;
	width: 250px;
}
.cap_txt400 {
	font-size: 0.8em;
	font-weight: bold;
	color: #716b6b;
	line-height: 150%;
	padding: 0 0 30px 0;
	margin: 0 15px 0 15px;
	width: 370px;
}
.cap_txt400c {
	font-size: 0.9em;
	font-weight: bold;
	color: #716b6b;
	line-height: 150%;
	margin: 5px 107px 20px 108px;
	width: 400px;
}
.voice_cap575 {
	line-height: 150%;
	font-weight: bold;
	color: #393C53;
	padding: 10px 20px 20px 20px;
	margin: 0;
	width: 535px;
}
.voice_cap400 {
	line-height: 150%;
	font-weight: bold;
	color: #393C53;
	margin: 0 170px 0 170px;
	width: 400px;
	text-align: left;
}
.voice_cap450 {
	line-height: 150%;
	font-weight: bold;
	color: #393C53;
	margin: 0 145px 0 145px;
	width: 450px;
	text-align: left;
}
.voice_cap560 {
	line-height: 150%;
	font-weight: bold;
	color: #393C53;
	margin: 0 90px 0 90px;
	width: 560px;
	text-align: left;
}
.media_title1 {
	color: #0f093d;
	font-weight: bold;
	padding: 5px 0 0 5px;
}
.media_title2 {
	color: #0f093d;
	font-weight: bold;
	padding: 5px 0px;
}
.txt_accent1 {
	color: #0f093d;
	font-weight: bold;
}
.txt_accent2 {
	color: #95214a;
	font-weight: bold;
}
.txt_accent3 {
	color: #74716c;
	font-weight: bold;
}
.ft_copyright {
	font-size: 80%;
	text-align: center;
	margin: -7px 0 10px 0;
}

/*リスト*/
.pastmonth {
	font-size: 100%;
	color: #dcdcdc;
	padding: 0;
	margin: 10px 0 0 0;
}
.pastmonth a:link {
	color: #314c62;
	text-decoration: none;
} 
.pastmonth a:visited {
	color: #314c62;
	text-decoration: none;
} 
.pastmonth a:hover {
	color: #679088;
	text-decoration: underline;
}
ul.pastmonth {
	list-style-type: none;
	padding: 0 0 50px 0;
}
ul.pastmonth li {
	float: left;
	padding: 0 18px 0 18px;
}
ul.sitemap {
	padding: 0 0 0 50px;
	margin: 0 0 1em 0;
}
ul.sitemap li {
	margin: 0 0 0.5em 0;
}
ul.style1 {
	list-style-type: circle;
	padding: 0 0 0 25px;
	margin: 0;
}
ul.style1 li {
	margin-bottom: 0.5em;
}
ul.style2 {
	list-style-type: decimal;
	padding: 0 0 0 25px;
	margin: 0;
}
ul.style2 li {
	margin-bottom: 0.5em;
}
ul.style4 {
	list-style-type: square;
	padding: 0 0 0 25px;
	margin: 0;
}
ul.style4 li {
	margin-bottom: 0.5em;
}
ul.style5 {
	list-style-type: circle;
	padding: 0 0 0 20px;
}
ul.style6 {
	list-style-type: upper-alpha;
}
ul.style7 {
	list-style-type: square;
	padding: 0 0 0 20px;
	margin: 0 0 0 240px;
}
ul.style7 li {
	margin-bottom: 0.5em;
}
ul.voice1 {
	list-style-type: circle;
	font-weight: bold;
	color: #3a3d55;
	padding: 5px 0 10px 30px;
	margin: 0;
}
ul.voice1 li {
	margin-bottom: 0.5em;
}
ul.voice2 {
	list-style-type: circle;
	font-weight: bold;
	color: #95214a;
	padding: 5px 0 10px 30px;
	margin: 0;
}
ul.voice2 li {
	margin-bottom: 0.5em;
}
ul.accent1 {
	list-style-type: circle;
	font-size: 0.9em;
	font-weight: bold;
	color: #3a3d55;
	padding: 5px 0 10px 30px;
	margin: 0;
}
ul.accent1 li {
	margin-bottom: 0.5em;
}
ul.social-button{
	margin:0 0 20px 20px;
	padding: 0;
	text-align: left;
}
ul.social-button li{
	width: 120px;
	float:left;
	list-style: none;
	margin-left: 5px;
}
ul.page-change {
	margin: 0;
	padding: 0;
	text-align: left;
}
ul.page-change li{
	float:left;
	list-style: none;
	margin: 0 20px 0 5px;
}

/*定義リスト*/
dt.style1 {
	width: 100px;
	margin-left: 10px;
	float: left;
}
dd.style1 {
	margin-left: 90px;
}
dt.style2 {
	width: 120px;
	float: left;
}
dd.style2 {
	margin-left: 120px;
}
dt.style3 {
	width: 225px;
	float: left;
	margin-right: 15px;
}
dd.style3 {
	margin-left: 200px;
}

/*テーブル*/
table.case1 {
	width: 100%;
	border-collapse: collapse;
	margin: 0 auto 0 auto;
	padding: 0;
}
td.case1 {
	text-align: center;
	vertical-align: top;
}
td.case1_2 {
	text-align: center;
}
table.case2 {
	width: 231px;
	margin: 0 10px 20px 10px;
	border-collapse: collapse;
}
table.case3 {
	border-collapse: collapse;
	width: 100%;
	padding: 0;
	margin: 0 0 60px 0;
}
table.case3_1 {
	width: 371px;
	padding: 0;
	margin: 0;
}
td.case3_1 {
	text-align: left;
	vertical-align: top;
	padding: 10px 20px 10px 20px;
}
td.case3_1_1 {
	vertical-align: top;
}
td.case3_1_2 {
	text-align: left;
	vertical-align: top;
	padding: 5px 20px 20px 20px;
}
td.case3_1_3 {
	vertical-align: top;
	padding: 5px 20px 20px 20px;
}
td.case3_2 {
	text-align: left;
	vertical-align: top;
	line-height: 150%;
	color: #000000;
	padding: 15px 40px 10px 0;
}
td.case3_3 {
	text-align: left;
	vertical-align: top;
	line-height: 150%;
	padding: 15px 15px 20px 15px;
}
td.case3_4 {
	text-align: left;
	vertical-align: top;
	padding: 0 10px 40px 0;
}
table.style2 {
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
	padding: 0;
}
th.style2_1 {
	color: #ffffff;
	background-color: #3a3d55;
	font-size: 105%;
	font-weight: bold;
	text-align: left;
	border-style: solid;
	border-color: #ffffff;
	border-width: 0px 1px;
	padding: 5px 0 5px 5px;
}
td.style2_1 {
	color: #3a3d55;
	font-size: 0.8em;
	vertical-align: top;
	border-style: solid;
	border-color: #3a3d55;
	border-width: 1px;
	padding: 0 5px 0 5px;
}
td.style2_1_1 {
	color: #3a3d55;
	font-size: 0.9em;
	text-align: center;
	border-style: solid;
	border-color: #3a3d55;
	border-width: 1px;
	padding: 5px 10px 5px 10px;
}
td.style2_1_2 {
	color: #3a3d55;
	font-size: 0.9em;
	vertical-align: top;
	border-style: solid;
	border-color: #3a3d55;
	border-width: 1px;
	padding: 5px 5px 5px 5px;
}
td.style2_1_3 {
	color: #3a3d55;
	text-align: center;
	border-style: solid;
	border-color: #3a3d55;
	border-width: 1px;
	padding: 10px 0 10px 0;
}
th.style2_2 {
	color: #ffffff;
	background-color: #3a3d55;
	font-weight: bold;
	text-align: left;
	border-style: solid;
	border-color: #ffffff;
	border-width: 1px 0px;
	padding: 5px 0 5px 10px;
}
th.style2_2_70c {
	color: #ffffff;
	background-color: #3a3d55;
	font-weight: bold;
	text-align: center;
	border-style: solid;
	border-color: #ffffff;
	border-width: 1px 0 1px 1px;
	padding: 5px 0 5px 0;
	width: 70px;
}
th.style2_2_120c {
	color: #ffffff;
	background-color: #3a3d55;
	font-weight: bold;
	text-align: center;
	border-style: solid;
	border-color: #ffffff;
	border-width: 1px 0 1px 1px;
	padding: 5px 0 5px 0;
	width: 120px;
}
th.style2_2_180 {
	color: #ffffff;
	background-color: #3a3d55;
	font-weight: bold;
	text-align: left;
	border-style: solid;
	border-color: #ffffff;
	border-width: 1px 0px;
	padding: 5px 0 5px 10px;
	width: 180px;
}
td.style2_2 {
	color: #3a3d55;
	border-style: solid;
	border-color: #3a3d55;
	border-width: 1px;
	padding: 0 0 0 10px;
	text-align: left;
}
td.style2_2_c {
	color: #3a3d55;
	border-style: solid;
	border-color: #3a3d55;
	border-width: 1px;
	padding: 0 0 0 10px;
	text-align: center;
}
td.style2_2_100c {
	color: #3a3d55;
	padding: 0;
	text-align: center;
	width: 100px;
}
th.style2_3_1 {
	color: #3a3d55;
	background-color: #ffffff;
	font-weight: bold;
	text-align: center;
	border-style: solid;
	border-color: #3a3d55;
	border-width: 1px;
	padding: 5px 5px 5px 5px;
}
th.style2_3_2 {
	color: #ffffff;
	background-color: #3a3d55;
	font-size: 105%;
	font-weight: bold;
	text-align: center;
	border-style: solid;
	border-color: #ffffff;
	border-width: 0px 1px;
	padding: 5px 5px 5px 5px;
}
th.style2_3_3 {
	color: #ffffff;
	background-color: #3a3d55;
	font-size: 105%;
	font-weight: bold;
	text-align: center;
	width: 290px;
	border-style: solid;
	border-color: #ffffff;
	border-width: 0px 1px;
	padding: 5px 5px 5px 5px;
}
td.style2_3_1 {
	color: #3a3d55;
	border-style: solid;
	border-color: #3a3d55;
	border-width: 1px;
	padding: 5px 5px 5px 5px;
}
td.style2_3_2 {
	color: #3a3d55;
	text-align: center;
	border-style: solid;
	border-color: #3a3d55;
	border-width: 1px;
	padding: 5px 5px 5px 5px;
}
td.style2_3_3 {
	color: #3a3d55;
	text-align: center;
	border-width: 1px;
	padding: 5px 5px 0 5px;
}
td.style2_3_4 {
	color: #3a3d55;
	vertical-align: top;
	border-width: 1px;
	padding: 0 15px 5px 15px;
}
td.style3 {
	border: thin #e9d8b4 solid;
	vertical-align: top;
}
table.style3_1 {
	width: 720px;
	margin: 0 auto 40px auto;
	padding: 0;
	border: 1px #e9d8b4 solid;
	border-collapse: collapse;
}
table.style3_1 a:link {
	color: #314c62;
	text-decoration: none;
} 
table.style3_1 a:visited {
	color: #314c62;
	text-decoration: none;
} 
table.style3_1 a:hover {
	color: #679088;
	text-decoration: underline;
}
td.style3_3 {
	vertical-align: top;
	text-align: center;
	padding: 10px 10px 0 10px;
	border: 1px #e9d8b4 solid;
}
td.style3_4 {
	vertical-align: top;
	padding: 10px 20px 0 20px;
	border: 1px #e9d8b4 solid;
}
table.style4 {
	width: 723px;
	margin: 0 10px 0 10px;
	border: 1px #e9d8b4 solid;
	border-collapse: collapse;
}
table.style4 a:link {
	color: #314c62;
	text-decoration: none;
} 
table.style4 a:visited {
	color: #314c62;
	text-decoration: none;
} 
table.style4 a:hover {
	color: #679088;
	text-decoration: underline;
}
table.style4_1 {
	width: 355px;
}
td.style4_1 {
	vertical-align: top;
	padding: 0 5px 20px 5px;
	line-height: 150%;
	color: #000000;
}
td.style4_2 {
	border: thin #e9d8b4 solid;
	width: 150px;
}
td.style4_3 {
	width: 400px;
}
td.style4_4 {
	text-align: center;
	width: 400px;
	padding: 5px 5px 5px 5px;
}

th.title1 {
	color: #000000;
	text-align: left;
	padding: 5px 0 5px 10px;
	margin: 0;
}
th.title1 a:link {
	color: #0f093d;
	text-decoration: none;
}
th.title1 a:visited {
	color: #0f093d;
	text-decoration: none;
} 
th.title1 a:hover {
	color: #679088;
	text-decoration: underline;
}
table.orderprocess1 {
	width: 643px;
	margin: 0 50px 30px 50px;
	padding: 0;
}
tr.orderprocess1 {
	font-size: 95%;
	line-height: 150%;
}
td.orderprocess1 {
	width: 120px;
	padding: 5px 5px 5px 5px;
	color: #000000;
	background-color: #e9d8b4;
	font-weight: bold;
	text-align: center;
}
td.orderprocess2 {
	padding: 5px 5px 5px 15px;
	color: #000000;
}
td.orderprocess3 {
	padding: 10px 0 10px 0;
	color: #000000;
	text-align: center;
}
td.color1 {
	color: #ffffff;
	font-size: 0.9em;
	text-align: center;
	border-style: solid;
	border-color: #ffffff;
	border-width: 10px;
	padding: 5px 5px 5px 5px;
}
table.tpc1 {
  font-size: 90%;
  width: 60%;
  border: 1px #99b4af solid;
  text-align: center;
  table-layout: fixed;
}

/*
table.hata_price {
	background-color: #ffffff;
	height: 240px;
}
tr.hata_price {
	background-color: #e9d8b4;
	text-align: center;
}
th.hata_price1 {
	width: 80px;
}
th.hata_price2 {
	width: 50px;
}
th.hata_price3 {
	width: 80px;
}
th.hata_price4 {
	width: 170px;
}
*/


/*レイアウト*/
.contact_box1 {
	text-align: center;
	width: 100%;
	background: #ffffff url(http://www.anbo.jp/img/info/responsedevice.jpg) no-repeat center;
	margin :0 0 2em 0;
}
.contact_box2 {
	text-align: left;
	width: 600px;
	height: 200px;
	margin:0px auto;
}
.contact_btn1 {
	position: relative;
	top: 125px;
	left: 280px;
	width: 300px;
	height: 60px;
}
.contact_btn2 {
	position: relative;
	top: 120px;
	left: 300px;
	width: 140px;
	height: 70px;
}
.contact_btn_mitsumori {
	position: relative;
	top: 120px;
	left: 280px;
	width: 140px;
	height: 70px;
}
.center {
	text-align: center;
}
.ctr_contact_bnr1 {
	text-align: center;
	margin: 0 0 30px 0;
}
.ctr_contact_bnr2 {
	text-align: center;
	margin: 0 0 15px 0;
}
.mail_form {
	text-align: center;
	margin-bottom: 2em;
}
.w210 {
	width: 210px;
}
.margin_t {
	margin-top: 0.5em;
}
.margin_t60 {
	margin-top: 60px;
}
.padding_t {
	padding-top: 0.5em;
}
.margin_b {
	margin-bottom: 1em;
}
.margin_b2 {
	margin-bottom: 2em;
}
.margin_l7 {
	margin-left: 7px;
}
.margin_l20 {
	margin-left: 20px;
}
.margin_r20 {
	margin-right: 20px;
}
.margin_rl20 {
	margin: 0 20px 0 20px;
}
.margin_rl43 {
	margin: 0 43px 0 43px;
}
.margin_rl84 {
	margin: 0 84px 0 84px;
}
.img_float_right {
	float: right;
	margin: 0 0 1em 1em;
}
.img_float_right2 {
	float: right;
	margin: 0 2em 1em 2em;
}
.img_float_left1 {
	float: left;
	margin: 0 1em 0 5px;
}
.img_float_left2 {
	float: left;
	margin: 0 2em 0 20px;
}
.voice_float_left {
	float: left;
	margin: 5px 2em 0 7px;
}
.voice_float_right {
	float: right;
	margin: 5px 8px 0 1.5em;
}
.bg_man1_img {
	position: relative;
	width: 90px;
	height: 100px;
}
.bg_man1_txt {
	position:absolute;
	top: 10px;
	font-size: 0.8em;
	margin: 0;
}
.bg_balloon1_img {
	position: relative;
	width: 260px;
	height: 100px;
}
.bg_balloon1_txt {
	position:absolute;
	top: 10px;
	left: 18px;
	right: 5px;
	font-size: 0.8em;
	margin: 0;
}


/*ライン*/
hr.style1 {
	margin: 1em 0 1em;
	height: 1px;
	background-color: #314c62;
	border: none;
}
hr.style2 {
	margin: 0.5em 0 0.5em;
	border: none;
	border-top: dashed 1px #314c62;
	height: 1px;
}
hr.style3 {
	margin: 1em 0 1em;
	border: none;
	border-top: dashed 1px #314c62;
	height: 1px;
}
hr.style4 {
	margin: -0.3em 0 -0.1em;
	border: none;
	border-top: dashed 1px #314c62;
	height: 1px;
}
.frame_topics {
	padding: 0;
	margin: 0 4px 0 4px;
	border-color: #314c62;
	border-width: thin;
	border-style: solid;
	height: 100%;
}

/*バナー*/
.bnr1 {
	margin: 5px 0 15px 0;
}
.bnr_2 {
	margin: 0 0 10px 10px;
}
.bnr_2c {
	text-align: center;
	margin: 0 0 10px 10px;
}
.bnr_3c {
	text-align: center;
	margin: 0 0 10px 0;
}

/*営業日カレンダー*/
.act {
	border: 1px #0f093d solid;
	border-collapse: collapse;
	line-height: 20px;
	text-align: center;
	color: #000000;
	margin: 0;
	padding: 0;
}
.off1 {
	text-align: center;
	color: #e9d8b4;
	background-color: #314c62;
	margin: 0;
	padding: 0;
}
.off2 {
	color: #e9d8b4;
	background-color: #b15e7b;
	margin: 0;
	padding: 0;
}
.off3 {
	color: #c3c2c0;
	margin: 0;
	padding: 0;
}
.off4 {
	color: #679088;
	margin: 0;
	padding: 0;
}
.off1_color {
	color: #314c62;
}
.off2_color {
	color: #b15e7b;
}
.off4_color {
	color: #679088;
}
.shopopen th {
	vertical-align: top;
}

/*抜粋書体*/
.excerpt span {
	font-family: arial;
}

/*トップページ画像コメント*/
.home_img_re {
	position: relative;
	height: 246px;
	margin: 0 0 1em 0;
}
.home_img_ab {
	position: absolute;
	bottom: 10px;
	right: 0;
	left: 0;
	width: 738px;
	border: solid 1px #ffffff;
	background-color: rgba(255,255,255,0.7);
}
.home_img_re_ {
	position: relative;
	margin: 0 0 2em;
}
.home_img_ab_ {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 300px;
	border: solid 1px #ffffff;
	background-color: rgba(255,255,255,0.7);
	font-size: 90%;
	color: #000000;
	line-height: 150%;
}
.home_img_ie {
	background-color: #ffffff;
	filter: Alpha(opacity=92);
//	Width: 100%;
}
.aisatsu {
	color: #000000;
	font-size: 90%;
	padding: 8px 20px 8px 25px;
	line-height: 150%;
}
.aisatsu_ {
	padding: 7px;
	margin: -0.5em 0 -0.5em 0;
}
.aisatsu a:link {
	text-decoration: none;
	color: #0f093d;
}
.aisatsu a:visited {
	color: #0f093d;
	text-decoration: none;
} 
.aisatsu a:hover {
	color: #000000;
	text-decoration: underline;
}
.aisatsu_keihaku {
	text-align: right;
	padding: 0 10px 0 10px;
	margin: -1em 0 -1em 0;
}

/* トップページ 店舗のご案内 */
.shop .txt_accent1 {
	height: 20px;
}

/* トップページ 店舗のご案内 FBいいねボタン */
.listcapture.shop .facebook_like {
    width: 50%;
    float: right;
    height: 19px;
}

/* トップページ 店舗のご案内 営業日ボタン */
.btn-calendar {
	width: 70%;
	font-size: 14px;
	padding: 10px;
	font-weight: 500;
	border-radius: 3px;
	box-sizing: border-box;
	background-color: #95214A;
	margin: 1em auto;
	text-align: center;
}
.btn-calendar a {
	display: block;
	color: #fff;
	text-decoration: none;
}
/* トップページ 店舗のご案内 工房サイトへのボタン */
.btn-koubou {
	width: 70%;
	font-size: 14px;
	padding: 10px 10px 10px 24px;
	font-weight: 500;
	text-align: center;
	border-radius: 3px;
	box-sizing: border-box;
	background-color: #0F093D;
	margin: 1em auto;
}
.btn-koubou a {
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

/*画像ポップアップ*/
#lightbox {
	background-color: #eee;
	padding: 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#lightboxCaption {
	color: #333;
	background-color: #eee;
	font-size: 90%;
	text-align: center;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#lightboxIndicator {
	border: 1px solid white;
}
#lightboxOverallView,
#overlay {
	background-color: #000;
	opacity: 0.5;
}
* html #lightboxOverallView,
* html #overlay {
	background-color: #000;
	filter: Alpha(opacity=50);
}



/*カラム設定のスクロールを消す*/
.container_ofw {
	overflow: hidden;
}

/*カラム設定*/
.dis_block {
	display: block;
}
.dis_none {
	display: none;
}
.list_area_2c {
	float: left;
	height: auto;
	margin: 0 0 1em 19px;
	overflow: visible;
	width: 340px;
	display: inline;
}
.list_area_3c {
	height: auto;
	margin: 0 0 1em 19px;
	overflow: visible;
	width: 220px;
	display: inline-block;
    vertical-align: top;
}
.list_area_3c_2 {
	height: auto;
	margin: 0 0 1em 19px;
	overflow: visible;
	width: 460px;
	display: inline;
	vertical-align: top;
    display: inline-block;
}
.list_area_voice_right {
	float: left;
	margin: 0 20px 10px 20px;
}
.list_area_voice_center {
	float: left;
	margin: 0 20px 10px 0;
}
.list_area_voice_left {
	float: left;
	margin: 0 0 10px 0;
}
.listphoto_2c {
	width: 340px;
	height: auto;
	float: left;
	text-align: center;
}
.listphoto_2c_cs {
	width: 338px;
	height: 338px;
	text-align: center;
	border: 1px #c3c2c0 solid;
	vertical-align: middle;
	display: table-cell;
	layout-grid-line: 338px;
}
.listphoto_3c {
	width: 220px;
	height: auto;
	float: left;
	text-align: center;
}

.listphoto_3cimg {
	width: 220px;
	height: auto;
	float: left;
	margin-left: 2%;
	margin-bottom: 1em;
	text-align: center;
}
.listphoto_3l {
	width: 220px;
	height: auto;
	float: left;
	text-align: left;
	word-wrap:break-word;
	overflow-wrap:break-word;
}
.listphoto_3c_cs {
	width: 218px;
	height: 218px;
	text-align: center;
	border: 1px #c3c2c0 solid;
	vertical-align: middle;
	display: table-cell;
	layout-grid-line: 218px;
}
.list_area_4c {
	float: left;
	height: auto;
	margin: 0 0 1em 18px;
	overflow: visible;
	width: 160px;
	display: inline;
}
.listphoto_4c {
	width: 160px;
	height: auto;
	float: left;
	text-align: center;
}
.listphoto_4c_cs {
	width: 158px;
	height: 158px;
	text-align: center;
	border: 1px #c3c2c0 solid;
	vertical-align: middle;
	display: table-cell;
	layout-grid-line: 158px;
}
.listcapture {
	clear: both;
	float: none;
	width: 96%;
	height: 120px;
	padding: 0.7em 2% 0 2%;
	font-size: 90%;
	line-height: 150%;
}
.listcapture2 {
	clear: both;
	float: none;
	width: 96%;
	height: auto;
	padding: 0.3em 2% 0 2%;
	font-size: 90%;
	line-height: 130%;
}

.clm5 {
	width: 124px;
	margin-left: 20px;
	float: left;
	text-align: center;
}
.clm6 {
	width: 100px;
	margin: 0 0 1em 20px;
	float: left;
	text-align: center;
}

.bdr1 {
	border: 1px #c3c2c0 solid;
}

#container {
	width: 100%;
}
.clearfix:after {
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	content: ".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*\*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
}
#topics_left {
	width: 363px;
	float: left;
	margin: 0 20px 0 0;
}
#topics_right {
	width: 360px;
	float: right;
}
#page_2c_left {
	width: 360px;
	float: left;
}
#page_2c_right {
	width: 360px;
	float: right;
	margin: 0 0 0 3px;
}
#page_3c_left {
	width: 240px;
	float: left;
	margin: 0 0 0 6px;
}
#page_3c_center {
	width: 240px;
	float: left;
	margin: 0 0 0 5px;
}
#page_3c_right {
	width: 240px;
	float: left;
	margin: 0 0 0 5px;
}
/*---------- New Custom code ----------*/

/*---------- button switch layout ----------*/
#btn_view .rwd,#btn_view .text_align{
    text-align: center; 
    display:inline-block;
    margin:10px 0px;
}
.rwd_pc,.rwd_sp{
  background-color:#DFE89B;
  color:#000 !important;
  font-weight:bold;
  font-size:14px !important;
  padding:10px;
  text-decoration:none !important;
  border-radius:5px;
}
#btn_view .rwd_pc{
  display:inline;
}
#btn_view{text-align: center}
/*---------- End button switch layout ----------*/

#page-top {
	position: fixed;
	bottom: 40px;
	right: 20px;
	text-align: center;
}

#page-top i {
	margin: 0;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	padding: 5px 10px;
	display: block;
	font-size: 18px;
	background: #444 url(images/grey_wash_wall.png) left top repeat;
	/* thnx! http://subtlepatterns.com/ */
	border-radius: 5px;
	border: 2px solid #fff;
}
#page-top a:hover {
	text-decoration: none;
	background: #aaa;
	color: #fff;
}

.align_left{
    text-align: left
}
#respon_logo{display: none}
/*---------- New Menu customize ----------*/
#handle-menu{
    display: none;  
    color: #555;
    text-align: left;
    height: 44px;  
    padding: 0;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}

#handle-menu a{
  display: block;
  color: #555;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 15px;
  font-size: 16px;
  cursor: pointer;
}

#handle-menu a:hover {
    text-decoration: none;
}

#handle-menu a:visited{
  color: #fff;
}

.show-menu {
    display: block;
    text-align: left;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 10px;
    padding-left: 8px;
    color: #FFF;
}

ul.top_btn{
 height: 0;   
 margin: 0px;
}

.ul.top_btn li a:link{
display:block;
}  

#pankuzu{
  margin: 7px 0 7px 10px !important;  
}

.menu_footer{
    display: inline-block;
    margin: 3px 0px;
}
    .footer_text{
        
    }    
    
/*---------- End Menu customize ----------*/
/*-------start contact thanks --------*/
.thank_user{
 width: 340px;
 height: 140px;
    margin: 2px 0px;
 font-size: 11px;
 display: inline-block;
 vertical-align: top;
 text-align: center; 
 border: 1px solid
}
.thank_user .style2_1_1,.thank_user .style2_1_2{
 width: 165px;
    height: 137px;
 display: inline-block;
 vertical-align: text-top;

}
/*-------End contact thanks --------*/
#balloon {
    position: absolute;
    z-index: 2000;
/*    top: 60%;
    left: 52.4%;*/
    top: 68%;
    left: 47.4%;
    width: 40%;
}

#block_head{
    width: 991px;
}

#banner_header,#logo_header{
    float: left;
}

.bg_balloon1_img{
    width: 248px !important;
}

.box1 {
    max-height: 250px;
    max-width: 220px;
    display: inline-block;
    padding-right: 20px;
}

.box1-wrapper {
    max-width: 210px;
    max-height: 250px;
    float: left;
    padding-left: 20px;
}

.box1-text{
	 max-height: 18px;
}

.box1-text70 {
    max-height: 70px;
    max-width: 200px;
}

.box1-image-text{
	max-width: 350px;
	float: left;
	padding-left: 5px;
	padding-bottom: 40px;
}

.box1-image175{
	max-width: 175px;
	float: left;
}

.box1-text175{
	max-width: 175px;
	float: left;
	padding-left: 5px;
}

.box1-image{
	 max-height: 70px;
}
     
#box2{
	 width:120px;
	 height: 120px;
	float:left;
}

#box3{
    max-width:241px;
    max-height: 250px;
    width: 230px;
    display: inline-block;
    vertical-align: top;
}

#box4{
    max-width: 175px;
    max-height: 250px;
    float:left;
    width:190px;
}

.box4-2{
    max-width: 175px;
    max-height: 250px;
    float:left;
    width:190px;
}

#box3-emty{
    max-width:241px;
    max-height: 190px;
    float:left;
    width: 241px;
    height: 149px;
}

.box3-image-empty{
     width:149px;
}  

#box3-emty{
    max-width:241px;
    max-height: 190px;
    float:left;
    width: 240px;
    height: 149px;
}

.box3-text{
	 padding: 5px 20px 20px;
	 text-align: center;
}

.box7{
    max-width: 100px; 
    width: 100px;
    float: left;   
}

.box7-img{
    max-width: 100px;
    text-align: center;
}

.box7-text{
    max-width: 100px;
    text-align: center;
    height: 50px;
    max-height: 70px;
}

.box11.padding65 > p {
    padding-top: 30%;
}

.box-table-show-row{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #3a3d55;
    border-left: 1px solid #3a3d55;
    border-right: 1px solid #3a3d55;
    text-align: center;
    
}

.box-table-show-row.none-top-show{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #3a3d55;
    height: 33px;
}

.border-top-h4 h4{
    border-left: 12px solid #99b4af;
    border-top: 1px solid #99b4af;
    color: #314c62 !important;
    font-size: 105%;
    margin: 5px 10px 10px 20px;
    padding: 4px 0 3px 7px;   
}

.clear{
    clear: both;
}

#case-box .case-box-1{
    text-align: center;
    vertical-align: top;    
    max-width: 20%;
    display: inline-block;
    padding: 3px;
}

.case-box-color{
    padding: 1px !important;   
}

.case-arrow .case2{
     position: relative;
     top: 30%;
    display: inline-block;
 }

.case-arrow .case2 > img {
    position: relative;
    top: -30px;
}

.case-arrow .casebox-img{
   /* width: 15%;*/
    display: inline-block;
    vertical-align: middle
}
.arrow_ico{
    vertical-align: middle;
    display: inline-block
}

.cap_txt240.two-row-cap{
    width: 100%;   
    margin: 5px 10px 20px 0;
}

.case_contact{
    width: 100%;
    display: inline-block;
    text-align: right;
}

#cont_btn{text-align: center}

#cont_btn .case1{
    display: inline-block;
    text-align: center;
    margin: 0 5px;
}

#contact_cus{
    text-align: center;
    margin-bottom: 1em;
}

#contact_info .mailform {
    padding: 10px;
    width: 100%;
}

#contact_info .mailform-first-row{
    border-bottom: 1px solid #cccccc;
}

#contact_info .mailform-second-row{
    border-bottom: 1px solid #cccccc;
    background: #e8eef9;
}

#contact_info .mailform .mailform-title{
    font-size: 12px;
    font-weight: normal;
    padding: 7px 0;
    text-align: right;
    width: 160px;
    display: inline-block;
    vertical-align: middle;
}

#contact_info .mailform .mailform-box {
    font-size: 12px;
    padding: 7px 10px;
    width: 70%;
    display: inline-block;
    vertical-align: middle;
}

#contact_info .mailform ul li, 
#contact_info .mailform ul, 
#contact_info .mailform ol, 
#contact_info .mailform ol li {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

#contact_info .mailform ul li {
    float: left;
    padding: 0 10px 0 0;
}

#contact_info .mailform .row_mailform{
    display: block;
}

#contact_info .eyelet .top-row,
#contact_info .eyelet .buttom-row{
    display:inline-block;
    vertical-align: middle;
}

#contact_info .eyelet .middle-row{
    display:inline-block;
    width:130px;
    vertical-align: middle;
    text-align: center;
}

.contact_block {
    position:relative;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

#company .small_txt2{
    padding-top: 27px;
}

#easyorder_form .label_title{
    display: inline-block;
    width: 160px;
    text-align: right;
    vertical-align: middle
}

#easyorder_form ul,#easyorder_form ol{
    list-style-type: none;
    margin: 0;
    padding: 0
}

#easyorder_form ul li{
    display: inline-block;
}

#easyorder_form .row_col label,
#easyorder_form .input_type,
#easyorder_form .input_type label{
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}

#easyorder_form .row{
    padding: 10px 0px;
}
#easyorder_form .row:hover{
    background-color: rgb(255, 238, 238);
}
#easyorder_form .row:nth-child(odd){
    background-color: rgb(232, 238, 249);
    border-bottom: 1px solid #ccc;
}

#easyorder_form .opt_left{
    float: left
}

#easyorder_form .txt_left a:link{
    color: blue;
}

.fac-box-page .container_ofw{
	text-align: center;
}

/*---------- New footer customize ----------*/

#footer .info-contact1,
#footer .info-contact2,
#footer .info-contact3,
#footer .info-contact4{
    display: inline-block;
    margin: 0;
    vertical-align: top;
//    width: 25%;
}

#footer .info-contact1,
#footer .info-contact3,
#footer .info-contact4{
    width: 18%;   
}

#footer .info-contact2 {
    width: 30%;
}

/*---------- End footer customize ----------*/

#flow-thumbnail-gallery .thumbnail{
    border: none;
    text-align: left;
}

/*---------- tenugui Infront design----------*/

.Table{display: table;}

.Heading{    
    font-weight: bold;
    text-align: center;
    background-color: #3A3D55;
    color: #fff
}

.Row{display: table-row;}

.Cell{
    display: table-cell;
    border: solid;
    border-width: thin;
    padding: 5px;
    vertical-align: top;
    width: 180px;
    text-align: center;
}

.thumbnail-gallery {
    display: table;
    border-collapse: collapse;
    width: 100%;
  }

.thumbnail-gallery > div {
    display: table-row;
}

.thumbnail-gallery .thumbnail {
    display: table-cell;
    border: 1px solid #333333;
    text-align: center
}

.border_bottom{
    border-bottom: 1px solid #000;
    padding: 5px 0px;
}
/*---------- End tenugui Infront design----------*/
.four_items{
    width: 178px;
}

#font_design .five_box{
    text-align: center
}

#font_design .color1{
    color: #FFF;
    font-size: 0.9em;
    text-align: center;
    border-style: solid;
    border-color: #FFF;
    padding: 5px;
    width: 120px;
    display: inline-block
}

.frame3 {
    width: auto;
    display: inline-block;
}

.imagebox1{
    height: auto;
}

.image-text100{
	max-width: 100%;
	padding-left: 25px;
}

.img-box-size,
.txt-box-size,
.img-box-size .bg_man1_img,
.img-box-size .bg_balloon1_img{
    vertical-align: top;
    display: inline-block;
}

.img-box-size,
.txt-box-size{
    width: 49%;   
}

.image50{
	float :left;
	max-width: 50%;
}

.img_float_left2.two-row-img,
.img_float_right2.two-row-img{
    width: 35%;
}

.img_float_left2.two-row-img1,
.img_float_right2.two-row-img1{
    width: 30%;   
}

.img_float_right2{
    margin: 0 0 0 20px;
}

#index_block .cap_txt210{
    text-align: center;
    width: 100%;
}

#index_block .listph_3f{
    height: 210px;
}

#index_block .listphoto_5cf{
    display:inline-block;
    height: auto;
    margin: 0 0 1em 20px;
    width: 16%;
    vertical-align: top;
    text-align: center;
}

#index_block .listphoto_6cf{
    display:inline-block;
    height: auto;
    margin:0;
    width: 13.44%;
    vertical-align: top;
    text-align: center;
}

#index_block .txt1{
    padding: 5px 0;
}

#index_block .text2_5cf{
    vertical-align: bottom;
    margin-top: 55px;
}

#kiji-td .div-row{
	max-width: 100%;
	padding: 5px 20px 20px;
}

#kiji-td .div-row .div-col1{

	width: 97px;
	height: 36px;
	border-left: 1px solid #3A3D55;
	border-right: 1px solid #3A3D55;
	border-top: 1px solid #3A3D55;
	float: left;
}

#kiji-td .div-row .div-col2,#kiji-td .div-row .div-col3{
	width: 297px;
	height: 25px;
	border:1px solid #3A3D55;
	border-right: 1px solid #FFF;
	float: left;
	background-color: #3A3D55;
	font-size: 105%;
	font-weight: bold;
	text-align: center;
	padding-top: 10px !important;
}

#kiji-td .div-row .nobg{
	color: 000;
	background-color: #FFF;
	border-right: 1px solid #3A3D55;
	border-bottom: 1px solid #3A3D55;
	border-top: 1px solid #3A3D55;
}

#kiji-td .div-row .div-col1-h584{
	width: 97px;
	height: 593px;
	border:1px solid #3A3D55;
	float: left;
}

#kiji-td .div-row .div-col2-h584,#kiji-td .div-row .div-col3-h584{
	width: 298px;
	height: 584px;
	border-right:1px solid #3A3D55;
	float: left;
	background-color: #fff;
	padding-top: 10px !important;
	border-bottom: 1px solid #3A3D55;
}

#kiji-td .div-row .div-col1-h450{
	width: 97px;
	height: 469px;
	border:1px solid #3A3D55;
	float: left;
}

#kiji-td .div-row .div-col2-h450,#kiji-td .div-row .div-col3-h450{
	width: 298px;
	height: 459px;
	border-right:1px solid #3A3D55;
	border-top: 1px solid #3A3D55;
	border-bottom: 1px solid #3A3D55;
	float: left;
	background-color: #FFF;
	padding-top: 10px !important;
}

#kiji-td .div-row .div-col2 span,#kiji-td .div-row .div-col3 span {
	color: #FFF;

}

#kiji-td .div-row .nobg span,#kiji-td .div-row .nobg span {
	color: #3A3D55;
	font-weight: normal;
}

#kiji{
    color:#3a3d55;   
}

#kiji ul.style4 li{
    text-align: left;
}

#kiji .show-table-first-row{
    width:13%;
    display:inline-block;
    vertical-align: top;
    padding: 10% 10px;
}

#kiji .show-table-second-row-title{
    width:48.4%;
    float: left;
    display:inline-block;
    text-align: center;
    background: #3a3d55 none repeat scroll 0 0;
    padding: 5px 0;
    color: #fff;
}

#kiji .show-table-second-row-title.border-head{
    border-left: 1px solid #fff;
}

#kiji .show-table-second-row-img{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #3a3d55;
    display: inline-block;
    padding: 10px;
    text-align: center;
    width: 38%;
    vertical-align: top    
}

#kiji .show-table-second-row-img img{
    max-width: 100%;
    height: auto;
}

#kiji .show-table-none{
    width:19%;
    display:inline-block;
}

#kiji .kiji-show-title{
    background:#3a3d55 none repeat scroll 0 0;
    display:inline-block;
    width:80.3%;   
}

#kiji .show-table-first-row.one{
    padding: 1% 10px;  
}

#kiji .show-table-first-row.two{
    padding: 1% 10px;  
}

#kiji .show-table-second-row-img.top{
    height: 185px;
    vertical-align: top;
}

#kiji .show-table-box-2row-img{
    display: inline-block;
    text-align:left;
    width: 45%;
    vertical-align: top;
}

#kiji .show-table-box-2row-txt{
    display: inline-block;
    text-align: left;
    width: 45%;
    vertical-align: top;
}

#kiji .kiji-box{
    height: 230px;   
}

#map {
}

.margin-bottom15{
    margin-bottom: 15px;   
}

.mkr_iframe {
    float: left;
/*    width: 400px;*/
    width: 440px;
}

#media-info .case1{
    text-align: left;
    vertical-align: top;
    display: inline-block;
    width: auto;
    margin: 0px auto;
}

#noren-info .margin_l20{
    margin: 0;
}

#noren-info .style2,
#noren-kijisom .style2{
    table-layout: fixed;
    border-collapse: collapse;
    padding:5px 0px;
}

#noren-info .noren-info-tb,
#noren-kijisom .noren-info-tb{
    width: 100%;
}

#noren-info .case1,
#noren-info .case1_1,
#noren-info .case3_4{
    text-align: center;
    vertical-align: top;
    display: inline-block;
    margin: 0px auto;
    padding: 5px 5px 20px;
}

#noren-info .case3_3{
    vertical-align: top;
    display: inline-block;
    margin: 0px auto;
    padding: 15px 60px;
}

#noren-info .case1_1{
    width: 330px;;
}

#noren-info .case1_2,
#noren-info .case1_2_1,
#noren-info .case1_2_2{
    vertical-align: top;
    display: inline-block;
    margin: 0px auto;
    padding: 0;
}

#noren-info .case1_2{
    width: 240px;
}

#noren-info .case1_2_1{
    width: 420px;
}

#noren-info .case1_2_2{
    width: 240px;
}

#noren-kijisom .case3_4{
    width: 169px;
    display: inline-block;
    vertical-align: top;
    padding: 0px;
    margin: 0px 0px 40px 0;
}

#oen .case1{
    width: 100%;
    margin: 0px auto;
}

#oen .case1-left {
    float: left;
    margin-left: 47px;
}

#oen .case1-right {
    float: left;
}

#oen .case1-left {
    display: inline-block;
    margin:0 10px;
    width: 350px;
    text-align: center;
    vertical-align: top;
}

#option .case1 {
    width: 33%;
    float: left;
}

#ordermade_index .three_col_text{
    font-size: 0.9em;
    font-weight: bold;
    color: #716B6B;
    line-height: 150%;
    margin: 5px 10px 20px 15px;
    width: 215px;
}

#ordermade_index .three_col_text label{
    font-weight: normal;
    color: #000
}

#ordermade_case .case3{
    margin-bottom: 1em;
}

#ordermade_case .case3_1{
    width: 410px;
    display: inline-block;
    vertical-align: top;
}  

#ordermade_case .case3_2{
    width: 320px;
    display: inline-block;
    vertical-align: top
}

#ordermade_case .case1{
    text-align: center;
    margin: 5px 0px;
}

#ordermade_case .two_case_1{
    width: 367px;
    display: inline-block;
    vertical-align: top;
    margin: 15px 0px;
}

#ordermade_case .two_case_item{
    width: 140px;
    float: left;
    text-align: center
}

#ordermade_case ul.style4 li{
    list-style-type: none
}

.pagetop{
	 margin-top: 60px;
}

p.style2{
    border-bottom: 1px solid #cbd8d5;
    border-top: 1px solid #314c62;
    color: #000000;
    font-size: 120%;
    margin: 5px 10px 15px;
    padding: 4px 0 3px 8px;
    font-weight: bold;
}

p.style3{
    border-left: 12px solid #99b4af;
    border-top: 1px solid #99b4af;
    color: #314c62;
    font-size: 100%;
    margin: 5px 10px 10px 20px;
    padding: 4px 0 3px 7px;
    font-weight: bold;
}
.row p.style3{
    border-left: none;
    border-top: none;
    font-size: 13px;
    display: inline-block;
}
.row p.style3 a{color: #314c62;}
.p-table.p-table-last p{
    margin: 5px;        
}

.p-table{
   background-color: #3a3d55; 
    border-bottom: 1px solid #fff;
}

.p-table.p-table-last{
    border-bottom: 1px solid #3a3d55;   
}

.p-table .style2_2 {
    color: #3a3d55;
    text-align: left;
}

.p-table .table-first-row{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #3a3d55;
    border-color: #3a3d55;
    border-style: solid;
    border-width: 1px 0;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;    
    text-align: left;
    width: 21.2%;
}

.p-table .table-first-row.row1{
    padding: 0 10px;
    vertical-align: middle;
}

.p-table .table-first-row.row2{
    padding: 0 10px;
    vertical-align: middle;
}

.p-table .table-first-row.row3{
    padding: 0 10px;
    vertical-align: middle;
}

.p-table .table-first-row.row4{
    padding: 0 10px;
    vertical-align: middle;
}

.p-table .table-second-row{
    background: #fff none repeat scroll 0 0;
    border-left: 1px solid #3a3d55;
    border-right: 1px solid #3a3d55;
    border-top: 1px solid #3a3d55;
    color: #3a3d55;
    display: inline-block;
    vertical-align: top;
    width: 77.88%;
    vertical-align: middle;
}

#product-info .style2{
    table-layout: fixed;
    border-collapse: collapse;
    padding:5px 0px;
}

#product-info .product-info-tb,
#media-info .media-info-tb{
    width: 100%;
    text-align: center;
}

#product-info .case1{
    text-align: center;
    vertical-align: top;
    display: inline-block;
    width: 25%;
    margin: 0px auto;
}

#product-info .case3_1_1{
    text-align: center;
    vertical-align: top;
    display: inline-block;
    width: 25%;
    margin: 0px;
}

#policy-info .style3,
#policy-info .style3-left,
#policy-info .style3-lefe-link{
	display: inline-block;
	vertical-align: top;
}

#policy-info .style3{
	width: 210px;
}

#policy-info .style3-left{
    width: 480px;
}

#policy-info .style3-lefe-link{
  /*  width: 455px;*/
    padding: 0 0 0 10px;
}

#policy-info .style-if{
    padding-left:25px;
}

.right_img{
    float: right;
    margin: 0px 0px 1em 1em;
}


/*---------- Heading customize ----------*/

#selectshop h2{
    background-color: #99B4AF;
    color: #0F093D;
    line-height: 30px;
    font-size: 110%;
    padding: 0px 0px 0px 15px;
    margin: 5px 0px 15px;
}

#selectshop h3,#index_block h3{
    color: #000;
    font-size: 120%;
    border-top: 1px solid #314C62;
    border-bottom: 1px solid #CBD8D5;
    padding: 4px 0px 3px 8px;
    margin: 5px 10px 15px;
}

#selectshop h4{
    color: #000;
    font-size: 110%;
    border-left: 12px solid #CBD8D5;
    line-height: 24px;
    padding: 0px 0px 0px 7px;
    margin: 5px 0px 10px 15px;
}

#selectshop h5 {
    color: #0f093d;
    font-size: 90%;
    border-left: solid 12px #cbd8d5;
    padding: 4px 0 3px 7px;
    margin: 5px 0px 10px 15px;
}

.selectshop h2{
    background-color: #99B4AF;
    color: #0F093D;
    line-height: 30px;
    font-size: 110%;
    padding: 0px 0px 0px 15px;
    margin: 5px 0px 15px;
}

.selectshop h3,#index_block h3{
    color: #000;
    font-size: 120%;
    border-top: 1px solid #314C62;
    border-bottom: 1px solid #CBD8D5;
    padding: 4px 0px 3px 8px;
    margin: 5px 10px 15px;
}

.selectshop h4{
    color: #000;
    font-size: 110%;
    border-left: 12px solid #CBD8D5;
    line-height: 24px;
    padding: 0px 0px 0px 7px;
    margin: 5px 0px 10px 15px;
}

.selectshop h5 {
    color: #0f093d;
    font-size: 90%;
    border-left: solid 12px #cbd8d5;
    padding: 4px 0 3px 7px;
    margin: 5px 0px 10px 15px;
}

/*---------- End Heading customize ----------*/

.style2 .style-three-img .case1{
    text-align: center;
}

.style2 .style-three-img .case1 img{
    display: inline-block;
    vertical-align: top
}

.style2 .style-one-img,
.style2 .style-three-img{
        width: 49%;
        vertical-align: top;
        display: inline-block;
}

.style2 .style-one-img{
    width: 49%;
    vertical-align: top;
    display: inline-block;
}

.style2 .style-two-img{
    vertical-align: top;
    width: 49%;
    display: inline-block;
}

.style2-table-hanten{
    width: 50%;
    display: inline-block;
}

.style2-img-hanten{
    width: 49%;
    float: right;
    display: inline-block;
}

.style2_1_th{
    background-color: #3a3d55;
    border-left: 1px solid #fff;
    color: #ffffff;
    font-size: 105%;
    font-weight: bold;
    padding: 5px 0 5px 5px;
    text-align: left;
    height: auto;
}

.style2_1_td{
    border-left: 1px solid #3a3d55;
    border-bottom: 1px solid #3a3d55;
    color: #3a3d55;
    font-size: 0.8em;
    padding: 0 5px;
    vertical-align: top;
}

.style2_1_td.style2_1_td_border_right{
    border-right: 1px solid #3a3d55;
}

#topics #selectshop h4{
 border-top: 1px solid #cbd8d5;
}

.table-class{
    background-color: #3a3d55;
    border-color: #ffffff;
    border-style: solid;
    border-width: 1px 0;
    color: #ffffff;
    font-weight: bold;
    padding: 5px 0 5px 10px;
    text-align: left;
    width: 155px;
}

#table-show .table-first-row{
    width: 51.5%;
    padding: 5px 10px;
    font-size: 12px;       
}

#table-show .table-second-row{
    width: 47.55%;
}

#table-show .table-second-row .txt1{
    padding: 5px 0 0;   
}

.text50{
	float: left;
	max-width: 50%;
}

.three_col{
    width: 32.33%;
    display: inline-block;
    vertical-align: top;
    text-align: center
}

.title-row1{
	padding-top: 10px;
	padding-left: 5px;
}

.title-row2{
    padding-top: 280px;
    padding-left: 5px;
}

.title-row3{
	padding-top: 220px;
	padding-left: 5px;
}

#topics .style2{
    margin-right: 30px;
    display: inline-block;
}

.two_items,.four_items{
    display: inline-block;
    vertical-align: top
}

#two_item,#four_item {
    text-align: center;
}

#two_item .two_items{
    width: 330px
}

#two_item .border{
    border:1px solid #000;
}

#two_item .h_100{
    height: 100px;
}

#two_item .txt1{
    text-align: center;
}

.txt1 .size-table{
    width: 62%;
    display: inline-block;
    vertical-align: top;
}

.txt1 .size-div{
    max-width: 38%;
    display: inline-block;
    vertical-align: top;
}

.txt1.txt-center{
    text-align:center;
}

.txt-center .max-responsive{
    max-width:100%;
    height:100%;
}

.txt1.margin_b.two-row-txt,
.txt2.margin_b.two-row-txt{
    display: inline;
    vertical-align: top;
    width: 65%;
}

.txt_left a:link{
    color: #314C62;
    text-decoration: none;
}

.txt_left a:hover {
    color: #679088;
    text-decoration: underline;
}
#make-some-thing .case1-inner {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}

#make-some-thing .style2-inner {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
}
#make-some-thing .margin_b img {
    height: auto;
    max-width: 100%;
}
#make-some-thing .center.margin_b2 img {
    height: auto;
    max-width: 100%;
}

/* socail 
----------------------*/
.row-socail {
    width: 50%;
    margin: 0 auto;
    padding: 10px 0;
}
.row-socail .col-socail-3 {
    width: 25%;
    display: inline-block;
    text-align: center;
    margin:0px 10px;
}
.row-socail a.btn-twitter,.row-socail a.btn-instagram,.row-socail a.btn-facebook{
    width: 100%;
    position: relative;
    padding:5px 10px 10px 10px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    box-sizing: border-box;
    display: inline-block;
}
.row-socail a.btn-facebook{background-color: #4267b2;}
.row-socail a.btn-facebook:hover{background-color: #365899;}
.row-socail a.btn-instagram{background-color: #d5302f;}
.row-socail a.btn-instagram:hover{background-color: #bb2e28;}
.row-socail a.btn-twitter{background-color: #1b95e0;}
.row-socail a.btn-twitter:hover{background-color: #0c7abf;}
.row-socail .btn-twitter .cr-twitter,
.row-socail .btn-instagram .cr-instagram,
.row-socail .btn-facebook .cr-facebook {
    color: #fff;
    font-size: 20px;
    vertical-align: middle;
}
.row-socail .btn-twitter .cr-twitter span,
.row-socail .btn-instagram .cr-instagram span,
.row-socail .btn-facebook .cr-facebook span {
    font-size: 13px;
    vertical-align: middle;
}

/*----------  YouTube  ----------*/
.you-tube iframe {
    width: 100%;
    height: 400px;
}

/*----------  Media Screen  ----------*/


@media screen and (max-width: 767px) {
    
#wrapper{
    width: 100% !important;
    padding: 0 !important;
}
    
#header{
    width: 100%;
}
#header .row-eng{
	width: 100%;
	text-align: center;
	margin: 0px auto;
}
#header .row-eng .col-eng-6{
	width: 49%;
	margin: 0px auto;
}
#header .row-eng a.btn-eng{
	padding: 7px 0px;
}
#logo_header,#banner_header{display: none}    
#respon_logo{display: block;width: 100%;height: auto}    
    
#contents{
    width: 100%;
    background-image: none !important;
    overflow:none
}

#main__{
    width: 100% !important;
    margin: 0 !important;
    float: left !important
}   

.menu_footer{
    width: 100%;
    height: auto;
    padding: 0;
    display: -moz-inline-stack;
}

#footer .ft_copyright{
    margin: 0 0 10px;
    padding-left:15px;
    padding-right:15px;
}
    
#footer .info-contact1,
#footer .info-contact2,
#footer .info-contact3,
#footer .info-contact4{
    width: 95%;
    
}
#footer .txt_right{
    text-align: center;
}
/*-----Start hata tairyo thanks-----*/
#hata-tairyo-thanks img {
	max-width: 100%;
}
/*-----End hata tairyo thanks-----*/
.thank_user{
  width: 45%;
  height: auto
}
/*-----button switch layout-----*/    
    
    #btn_view .rwd{
        margin: 0px 0px 25px 0px;
        width: 100%;
        position: relative

    }  
    #page-top{bottom: 15px !important;}
    
    #btn_view .text_align{
        text-align: center;
        width: 100%;
        margin: 0;
        position: absolute;
        left: -90px
    }
/*-----End button switch layout-----*/    
    
/*----------  Menu   ----------*/
#handle-menu{
        display: block;
        text-align: right;
        height: 35px;
	padding-right: 10px;
        background-color: #314c62
}
    .menu_footer ul.top_btn{width: 100%;height: auto;}    
ul.top_btn {
    width: 100%;
}
    
ul.top_btn li{
        width: 100% !important;
        float:none !important;
        margin: 0px !important;
        border-bottom: 1px solid #fff;
}
    
ul.top_btn li a{
    width: 100%;
    display: block;
}
  
.show-menu{
     display: block;
     height: 275px
}    

/*---------- end Menu   ----------*/
    
/*---------- Menu sidebar ----------*/    
#navi{
     width: 100% !important;
}
    
ul.sidenavi li a:link{
    display: block
}  

ul.sidenavi li a:hover{
    color: #000
}    
    
.navi_bnr{
     text-align: center
}
    
.twitter_btn{
     width: 100%;
}    
    
/*---------- Menu sidebar ----------*/  
.bnr_2c{
	width:100%;
	padding:0;
	margin:0;
}    
    
.bnr_2c a img{
 	max-width: 100% !important;
}
    
#block_head,#banner_header{
        background-color: #0D083E;
        width: 100%;
        float: none
}
    
#block_head a img{
        width: 100% !important;
        height: auto;
}
    
#banner_header a img{
        width: 50% !important;
        height: auto;
}    
    
.banner-img img{
	max-width: 100%;
	margin: 0;
}    
    
.box1-image175{
	text-align: center;
	width: 49%;
	float: left;
	max-width: 50%;

}
    
.box1-image-text{
	width: 100%;
    padding: 0px 0px 10%;
    max-width: 100%;
}    

.box1-text175{
	width: 50%;
	float: left;
	text-align: left;
	max-width: 100%;
	padding: 0;
}

.box1-wrapper{
	width:49%;
	text-align: center;
	padding: 0;
	max-width: 100%;
	float:none;
	display: inline-table;
}
    
.box1-text70{
	width: 100%;
	max-width: 100%;
	text-align: center;
}    
    
.box1-text .small_txt1{
	text-align: center;
}

#box2{
	width: 50%;
	text-align: center;
}    
    
#box3 {
	text-align: center;
	width: 49%;
	max-width: 100%;
}
    
.box3-image{
	max-width: 100%;
	text-align: center;
}
    
.box3-image img{
	max-width: 90%;
}    
    
#box4{
	text-align: center;
	width: 50%;
	max-width: 100%;
}    

.box4-2{
	width: 50%;
max-width: 100%;
text-align: center;
float: left;
	
}  
    
.box7{
	max-width: 100%;
	text-align: center;
	width: 33.3%;
	float: left;
}
    
.box7-img{
	max-width: 100%;
}
    
.box7-text{
	max-width: 100%;
	
}    
.cap_txt180{
    width: 100%;
    margin: 0;
}
.cap_txt210_2{
	width: 90%;
    margin: 10px 0px
}
    
#container_ofw{
    overflow: hidden;
    text-align: center;
    transition: all 0.4s ease 0s;
    position: initial;
    padding: 0px;
    width: 100%;
    background-image: none;
    background-color: #434241;
} 

#case-box .txt1{
        padding: 0px;   
}  

#case-box .case-box-1{
    padding-left: 15px;
    padding-right: 15px;
    max-width: 30%; 
}    
   
#company img{
    max-width: 100% !important;
    height: auto;
}
    
#company .style3_1{
    width: 100%;
    display: table-cell;
}
    
#company .txt1{
    padding: 0px;
}
    
#company .list_area_2c{
    width:100%;
    margin: 0px;
    text-align: center;
}  

#company .calendar_box {
    width: 95%;
}

#company .margin_rl20,
#company .mkr_iframe{
   width: 99%;
   margin: 0px;
   float: none;
   display: inline-block;
}
    
#company .img_float_right{
    float: none;
}    

#cont_btn .case1{
    display: inline-block
}
    
#contact_info .mailform ul li, 
#contact_info .mailform ul, 
#contact_info .mailform ol, 
#contact_info .mailform ol li{
    padding: 5px 0;   
}
    
#contact_info .listphoto_4c{
    width: 100%;   
}
    
#contact_info .list_area_4c{
    text-align: center;
    width: 100%;
    float: none;
}
    
#contact_info .mailform{
    width: 98%;
    padding: 0px;
}
    
#contact_info .mailform .mailform-title{
    width: 100%;
}
    
#contact_info #easyorder_form .label_title{
    width: 98%;
}
        
    
dd.style1{
        margin-left: 110px;
}
    
div#confirmWindow{
    width: 100% !important;
    height: auto !important;
}
    
div#confirmBody{
    width: 100% !important;
    height: auto !important;
}
    
.div-row .dis{
display: none;
}

.div-row .w100{
	width: 100%;
}    
    
#easyorder_form .label_title{
    border-bottom: 1px solid #ccc;
    text-align: center;
    margin-bottom: 3px;
    width: 100%
}
    
#easyorder_form .input_type{
    text-align: center
}
    
#easyorder_form .opt_left{text-align: left}    
    
#easyorder_form .txt_left{
        text-align: left;
}    
    
#four_col .Row{
    display: table-row;
}
    
#four_col .Row .Cell{
    display: inline-block;
    text-align: center;
    width: 45%;
    height: 210px;
}    
    
.home_img_re{
        width: 100%;
        height: auto
}
    
.home_img_re img{
/*
	width: 50%;
*/
	width: 100%;
        height: auto;
}
    
.home_img_ab{
        width: 99%;
}   
    
#homaekake img{
    max-width: 100% !important;
    height: auto;
}
    
#homaekake .list_area_2c{
    width: 100%;
    word-break: break-all;
    margin: 0px;
}
    
#homaekake .list_area_2c_ct{
    text-align: center;
}
    
#homaekake .txt2{
    padding: 0px;
}
    
#homaekake .list_area_4c{
    float: none;
    display: inline-block;
    width: 24%;
    overflow: visible;
    margin: 0px;
    vertical-align: top;
}
    
#homaekake .listphoto_4c{
    float: none;
    width: auto;
    height: auto;
}
    
#homaekake .listphoto_4c_cs{
    display: block;
    width: auto;
    height: auto;
}    
    
#info img{
    max-width: 100% !important;
    height: auto;
}
    
img#map{width: 100%;}    
    
#index_block .container_ofw{
    width: 100%;
}
#index_block .list_area_2c{
    float: none;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    width: 100%;
} 
#index_block .list_area_3c{
        width: 45%;
        float: none;
        margin: 5px auto;
	padding-left: 5px;
        vertical-align: top;
        display: inline-block;
        text-align: center;
}

#index_block .list_area_3cimg{
        max-width: 31.5%;
        float: none;
        margin: 8px auto;
	position: relative;
	left: 1.5%;
        vertical-align: top;
        display: inline-block;
        text-align: center;
}
    
#index_block .listphoto_3cimg img{
        max-width: 100% !important;
}
    
#index_block .listphoto_3cimg{
        width: 100%;
}
#index_block .listphoto_3c img{
        max-width: 100% !important;
}
    
#index_block .listphoto_3c{
        width: 100%
}
    
#index_block .listcapture{
        height: auto;
        text-align: center;
}
    
#index_block .listphoto_3c_cs{
        width: 100%;
        height:auto;
        display:block
}
    
#index_block .list_area_4c{
        width: 45%;
        display: inline-block;
        float: none;
        vertical-align: top;
        margin: 0px;
}
    
#index_block .listphoto_4c{
        width: 100%;
}
    
#index_block .txt1{
        padding: 0
}
    
#index_block .txt2{
        padding: 5px 20px
}
    
#index_block ul.style7{
    margin: 0;
}
    
#index_block .listph_3f{
    height: auto;
}
    
#index_block .text2_5cf{
    margin:0px auto;
}  
    
.img-box-size,.txt-box-size{
    width: 100%;   
}
    
.img-responsive{
    width: 100%;
    height: auto;
}    
    
.img_float_left1{
	width: 100%;
}    
    
.img_float_left2.two-row-img,
.img_float_right2.two-row-img,
.img_float_left2.two-row-img1,
.img_float_right2.two-row-img1{
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
}    
    
.image50{
	max-width: 50%;
	float: left;
	
}
    
.image50 img{
	max-width: 100%;

}    
    
.image-text100{
	max-width: 100%;
	padding: 0;
}    
    
#kiji-td .div-row .div-col2-h584 .container_ofw .img_float_left1,
#kiji-td .div-row .div-col3-h584 .container_ofw .img_float_left1,
#kiji-td .div-row .div-col2-h450 .container_ofw .img_float_left1,
#kiji-td .div-row .div-col3-h450 .container_ofw .img_float_left1  {
	width: auto;
}    
    
#kiji-td .div-row .div-col1,
#kiji-td .div-row .div-col1,
#kiji-td .div-row .div-col2,
#kiji-td .div-row .div-col3,
#kiji-td .div-row .div-col2-h584, 
#kiji-td .div-row .div-col1-h450,
#kiji-td .div-row .div-col3-h450,
#kiji-td .div-row .div-col2-h450{
	width: 49%;
	border-left: 1px solid #3A3D55;
	height: 50%;
}
    
#kiji-td .div-row .div-col1-h584{
	width: 98.5%;
	height: 100%;
}
    
#kiji-td .div-row .div-col3-h584{
	height: 163.2px;
}
    
#kiji .show-table-box-2row-img{
    display: inline-block;
    text-align:left;
    width: 45%;
    vertical-align: top;
}
    
#kiji .show-table-box-2row-txt{
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width: 45%;
    font-size:80%;    
}
    
#kiji #kiji-fish .kiji-box{
    height: auto;
}    
    
#kiji .show-table-first-row,
#kiji .show-table-first-row.one,
#kiji .show-table-first-row.two{
    background: #314c62 none repeat scroll 0 0;
    border-bottom: 1px solid #3a3d55;
    display:inline-block;
    vertical-align: top;
    text-align: center;
    padding:10px 0;
    color: #fff;
    width:100%;    
}
    
#kiji .show-table-second-row-img.none-left-border{
    border-left:none; 
}
    
#kiji .kiji-show-title{
    width: 100%; 
    border-bottom: 1px solid #fff;
    font-size: 12px
}
    
#kiji .show-table-second-row-img{
    width:42%;
}
    
#kiji .show-table-none{
    display: none;
}
    
#kiji .show-table-second-row-img.top{
    height: auto;   
}
    
#kiji .show-table-second-row-img.botom-show-table{
        min-height: 250px;
    }    

   
    
.listphoto_3c{
	width: 100%;
}    
    
.list_area_voice_right{
	float: left;
	width: 100%;
	margin: 0;
}
    
.margin_l20,.margin_rl84{
	margin: 0;
}
    
.max-responsive{
    max-width: 100%;
    height: auto;
}    
    
.max-img img{
	max-width: 100%;
}    
    
.mkr{
    float: none !important;
}    
    
#media-info .case1{ 
    width:100%;
}
    
#media-info .txt1,
#product-info .style2{
    padding: 5px 0;
}    
    
#media-info .txt1 a{
    padding:0 0 0 20px;
}        
    
#media-info_1 .list_area_3c{
    float: none;
    width: 40%;
    margin: 0px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
    
#media-info_1 .list_area_3c_2{
    float: none;
    width: 58%;
    display: inline-block;
    margin: 5px 0;
}
    
#media-info_2 .list_area_3c{
    float: none;
    display: inline-block;
    width: 49%;
    margin: 5px 0;
    text-align: center;
    vertical-align: top;
}
    
#media-info_2 .list_area_4c,
#media-info_2 .list_area_2c{
    float: none;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 5px 0;
    vertical-align: top;
}    
#make-some-thing .img_float_right2 {
    clear: both;
    float: none;
    text-align: center;
}
#noren-info .case1{
    width: 100%;
    padding: 0;
    margin: 5px 0;
}
    
#noren-info .txt1,
#noren-info .pagetop{
    padding:0;
    margin: 5px 10px;
}
    
#noren-info .case1_1,
#noren-info .case3_3,
#noren-info .case3_4,
#noren-info .case1_2,
#noren-info .case1_2_1,
#noren-info .case1_2_2,
#noren-kijisom .case3_4,
#voice-info_1 .list_area_photo,
#index_block .list_area_3c,
#index_block .list_area_4c,
#index_block .listphoto_5cf{
    width: 49%;
    padding: 0;
    text-align: center;
    margin: 5px 0;
    vertical-align: top;
}
    
#noren-info .center4_4{
    width: 100%;
}
    
#noren-info .small_txt1,
#noren-info .small_txt2{
    padding: 5px 0;
}
    
#noren-kijisom .media_title2{
    text-align: left;
}  
    
#oen .txt1{
    padding: 0px;
}
    
#oen h3.style2{
    margin: 0px;
}
    
#oen .case1-left{
    float: none;
    display: inline-block;
    width: 49%;
    margin: 0px;
    vertical-align: top;
    text-align: center
}
    
#oen .center{
    text-align: left;
}
    
#oen .contact_btn1 {
    text-align: center;
    width: 100%;
    left: 0px;
    height: auto;
}
    
#oen .contact_box1{
    background-size: 100% 100%;
}
    
#oen .contact_box2{
    width:100%;
}      
    
#oen img{
    max-width: 100% !important;
    height: auto;
}    
    
#oen .txt1{
    padding: 0px;
}    
    
#option .txt1{
    padding: 0px;
}
    
#option .w210 {
    width: 100%;
}
    
#option .cap_txt210{
    width: 100%;
}
    
#option .style2 {
    text-align: center;
}
    
#option h4.style3{
    margin: 0px;
}
    
#option .contact_btn1 {
    text-align: center;
    width: 100%;
    left: 0px;
    height: auto;
}
    
#option .contact_box1 {
    background-size: 100% 100%;
}
    
#option .contact_box2 {
    width:100%;
}

#option .case1{
    margin: 0px;
    width: 32% !important;
    float: none !important;
    display: inline-block;
    vertical-align: top;
}

#option img{
    max-width: 100% !important;
    height: auto;
}
    
#option .w210 {
    width: 99%;
}    
    
#ordermade_index .center img{
    width: 100%;
    height: auto;
} 
    
#ordermade_index .margin_b2 img{
    width: 100%;
    height: auto
}
    
#ordermade_index .three_col_text{
    width: 100%;
    margin: 0;
} 
    
#ordermade_case .case3{
    text-align: center;
}
#ordermade_case .case3_1{
    width: 45%
}

#ordermade_case .case3_1 img{
  max-width: 100%;
    height: auto
}  
    
#ordermade_case .case3_2{
    width: 45%;
}
    
#ordermade_case .two_case_1{
    width: 100%;
}      

#pankuzu{
    line-height: 1.5;
}         
    
#page_2c_right, #page_2c_left{
	width: 100% !important;
}    

#page_2c_left{
	width:100% !important;
}
    
#page_2c_right, #page_2c_left{
	width:100%;	
}    
    
#past img{
    max-width: 100% !important;
    height: auto;
}
    
#past ul.pastmonth li{
    width: 10%;
    line-height: 20px;
}
    
#past .txt1{
    padding: 0px;
}    
    
#photos-info_1 .txt1,
#photos-info_2 .txt1{
    padding: 5px 0;
}
    
#photos-info_1 .listcapture{
    width: 95%;
    height: auto;
    padding: 5px 10px 10px;
}
    
#photos-info_1 .list_area_3c,
#photos-info_1 .listphoto_3c,
#voice-info_1 .listphoto_3c{
    float: none;
    width: 100%;
    display: inline-block;
    margin:0;
}
    
#photos-info_1 .listphoto_3c_cs{
    display: inline-block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
    
#photos-info_2 .list_area_4c,
#photos-info_2 .list_area_3c{
    display: inline-block;
    float: none;
    margin: 5px 0;
    width: 49%;
    vertical-align: top;
    text-align: center;
}
    
#photos-info_2 .listphoto_3c,
#photos-info_2 .listphoto_4c{
    float: none;
    width: 100%;
    display: inline-block;
    margin: 0px;
    height: auto;
}
    
#photos-info_2 .listphoto_4c_cs{
    float: none;
    width: 100%;
    display: inline-block;
    margin: 0px;
}

product-info .case1,
#product-info .case3_1_1,
#index_block .listphoto_6cf{	
    width: 32.33%;
}
    
.product-info h2{
    margin: 5px 0;
}
    
.p-table .table-first-row{
    width: 100%;
    text-align: center;
}
    
.p-table .table-second-row{
    width: 99.7%;
}
    
.p-table .table-first-row.row1,
.p-table .table-first-row.row2,
.p-table .table-first-row.row3,
.p-table .table-first-row.row4{
    padding: 10px 0px;   
    border: 1px solid #3a3d55;
}
    
#product-info .case3_1_1 .txt2{
        padding: 5px 0;
}  
    
#policy-info h2{
    margin: 5px 0;
}
    
#policy-info .style3{
    width: 40%;
}
    
#policy-info .style3-left,
#policy-info .style3-lefe-link{
    width: 55%;
    padding: 0px;
    word-wrap: break-word;
}
    
#policy-info .style-if{
    padding-left:5px;
}    
    
#policy-info ul.style4{
    padding: 0px;
}
    
#policy-info ul.style5{
    padding: 0px 0px 0px 10px;
}    
    
.price-td img{
	max-width: 100%
}    
    
#res_iframe{
    position: relative;
    width: 100%;
    padding: 56.25% 0px 0px;
}
    
#res_iframe iframe{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}    
    
.style2_1_td{
    border-right: 1px solid #3a3d55;
    padding: 10px;
}
    
.style2_1_th{
    border: 1px solid #3a3d55;
}    
    
.style2-table-hanten,
.style2-img-hanten{
    width: 100%;
    float: none;
    display: inline-block;
    text-align: center;
}    
    
.table-class{
    width: 125px;
}  
    
#table-show .table-first-row{
    width: 100%;
    padding: 5px 0;
}
    
#table-show .table-second-row{
   width: 100%;
}    
    
.tenuframeimg {
    text-align: center!important;
}

.tenuframeimg img {
    margin-bottom: 10px;
}
    
#tenugui .list_area_3c{
    width: 45%;
    margin: 0;
  /*  display: inline-block;*/
    float: none
    }   
    
#tenugui .listphoto_3c img{
    max-width: 100% !important;
}    
    
#tenugui .listphoto_3c{
    display: inline-block;
    float: none;
    margin: 0;
    width: 220px
}
    
#tenugui .listcapture{
    height: auto;
    text-align: center;
}
    
th.style2_2_180{
	width: 20%;
}    
    
.thumbnail-gallery,
.thumbnail-gallery > div,
.thumbnail-gallery .thumbnail {
    display: block;
    width: 100%;
}    
    
.title-row1{
	text-align: center;
}
    
.title-row1,.div-col2 .nobg span ,.div-col3 .nobg span{
	color: red;
}
    
.title-row2 ,.title-row3{
    padding-left: 40%;
    padding-top: 20%;
    padding-bottom: 20%;
}    

#topics .bdr1{
    border:none;
}
    
#topics img{
    max-width: 100% !important;
    height: auto;
}
    
#topics .list_area_2c{
    float: none;
    width: 47%;
    display: inline-block;
    margin: 0px;
}
    
#topics .list_area_3c{
    float: none;
    display: inline-block;
    padding-top: 10px;
    margin: 0px;
}
    
#topics .container_ofw{
    text-align: center;
}
    
#topics .container_ofw_left{
    text-align: left;
}
    
#topics .listphoto_2c{
    width: auto;
    height: auto;
    float: none;
}
    
#topics .listphoto_3c{
    width:auto;
    float: none;
}
    
#topics .style3{
    margin: 0px;
}
    
#topics .txt2{
    text-align: left;
}    

.three_col{
    width: 45%;
    text-align: center
}
    
.three_col img{
    max-width: 100%
}    
    
.txt_right{
    margin: 0;
/*    text-align: center;*/
}
    
.txt_left{
	text-align:left;
	color: #000;
	margin: 0px 10px 0px 0px;
}    
    
.text50{
	max-width: 50%;
	float: left;
}    
    
.text-align-center{
	text-align: center;
}    
    
.txt2,.txt1{
    padding: 5px 10px 10px ;
}    
    
.txt1 .size-table{
  width: 100%;     
}    
    
.txt1.margin_b.two-row-txt,
.txt2.margin_b.two-row-txt{
    width: 100%;
    text-align: center;
}    
    
#textarea{
    width: 95% !important;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}    
    
.two-row-cap{
    width: 100%;
    text-align: center;
}    
    
.two-row-txt{
    display: inline-block;
}    
    
#two_item .two_items {
    width: 95%;
}    

#two_item .two_items:last-child{
	border-top: none
}
    
.v-img img{
    max-width: 100%;
}    
    
#voice-info_1 .listphoto_3c_cs{
    display: inline-block;
    width: 99%;
    height: auto;
}
    
#voice-info_1 .list_area_voice_right,
#voice-info_1 .list_area_voice_center,
#voice-info_1 .list_area_voice_left{
    float: none;
    width: 100%;
    display: inline-block;
    margin: 5px 0;
    height: auto;
}
    
#voice-info_1 .interviewer_txt2,
#voice-info_1 .txt2{
    padding: 5px 0;
}   

.voice_float_right {
	float: right;
}    

/*-----林追加ここから-----*/
.voice_cap400 {
	line-height: 150%;
	font-weight: bold;
	color: #393C53;
	margin: 0 auto 0 auto;
	width: auto;
	text-align: left;
}
.voice_cap450 {
	line-height: 150%;
	font-weight: bold;
	color: #393C53;
	margin: 0 20px 0 20px;
	width: auto;
	text-align: left;
}
.voice_cap560 {
	line-height: 150%;
	font-weight: bold;
	color: #393C53;
	margin: 0 20px 0 20px;
	width: auto;
	text-align: left;
}
table.tpc1 {
  font-size: 90%;
  width: 90%;
  border: 1px #99b4af solid;
  text-align: center;
  table-layout: fixed;
  margin-left: auto;
  margin-right: auto;
}

#sec-siji .row-siji,#sec-siji .row-siji1,.row-socail,.row-socail .col-socail-3 {
        width: 100%;
        margin: 5px 0px;
        padding:10px 0px;
    }
/*-----林追加ここまで-----*/
    
}

@media screen and (max-width: 433px) {

#make-some-thing .case1-inner {
    text-align: center;
    width: 100%;
}
#make-some-thing .style2-inner {
    margin: 0;
    text-align: center;
    width: 100%;
}
#make-some-thing .style2-inner .cap_txt1{
    margin: 5px 0 10px;
    text-align: center;
    width: 100%;
}

.thank_user{
  width: 100%;
  height: auto
} 

.bnr_2c a img{max-width: 300px;}    
    
.box1-wrapper{
	width:100%;
	text-align: center;
	padding: 0;
	max-width: 100%
}
    
.box1-image-text,.box1-image175{
	max-width: 100%;
	width: 100%;
}
    
.box1-text175{
	width: 100%;
	max-width: 100%;
}
    
.box1-text175 p{
	text-align: center;
}
    
#box3 {
   width: 100%;
   max-width: 100%;
}
    
#box4 {
   width: 100%;
   max-width: 100%;
}    
    
.box4-2{
	width: 100%;
max-width: 100%;
padding: 0;
text-align: center;
	
}    
    
.box7{
	max-width: 100%;
	text-align: center;
	width: 50%;
	float: left;
}
    
.box7-img{
	max-width: 100%;
}
    
.box7-text{
	max-width: 100%;

}    

#case-box .case1{
    text-align: center
}
    
#case-box .case-box-1{
    max-width: 40%;
    padding-left: 15px;
    padding-right: 15px;
}    
    
#company .margin_b2{
    clear: both;
}    
    
#contact_info .mailform .mailform-box{
    width: 95%;   
}
   
#contact_info .mailform{
    width: 94%;
    padding: 0 0 0 10px;
}
#contact_info .list-two-row{
    width: 100%;
    display: block;
}    
    
#easyorder_form ul li{
    width: 49%;
    text-align: left
}   
    
.four_items{
    width: 45%;
}    
.four_items_img img{
    max-width: 100%;
}    
#four_col .Row{
    display: table-row;
}
    
#four_col .Row .Cell{
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 0;
}   
    
#homaekake .list_area_4c{
    width: 49%;
}
    
#homaekake .listphoto_4c_cs{
    border: none;
}    

.home_img_re img{
    width: 100%;
    height: auto
}
    
.image-text100{
    max-width: 100%;
}    
    
.image50{
	max-width: 100%;
	float: left;
	padding-left: 5%;
}    
    
#index_block .list_area_3c,
#index_block .list_area_4c{
    width: 100%;
}  
    
#index_block .list_area_voice_right{
    float: none;
    margin: 0;
}
    
#index_block .txt2 ul.style7{
    width: 100%;
    margin: 0;
} 
    
#index_block .list_area_3c,
#index_block .list_area_4c,
#index_block .listphoto_5cf{
    width: 100%;
}    
    
#kiji .show-table-second-row-img {
    width: 40%;
}
    
#kiji .show-table-second-row-img.botom-show-table{
    min-height: 350px;
}
    
#kiji .show-table-box-2row-img{
    width: 100%;
    text-align: center;
}
    
#kiji .show-table-box-2row-txt{
    width: 100%;
}
    
#kiji .kiji-box {
    height: 315px;
}
    
.mfp.box-mfp{
    width: 250px !important;   
}
     
#media-info_1 .list_area_3c,
#media-info_1 .list_area_3c_2,
#media-info_2 .list_area_3c,
#photos-info_2 .list_area_3c{
    width: 100%;
}    
    
#noren-info .case1_1,
#noren-info .case3_3,
#noren-info .case3_4,
#noren-info .case1_2,
#noren-info .case1_2_1,
#noren-info .case1_2_2,
#noren-kijisom .case3_4{
    width: 100%;
}
    
#oen .case1-left{
    float: none;
    display: inline-block;
    width: 100%;
    margin: 0px;
    vertical-align: top;
}
    
#oen .center {
    text-align: center;
}
    
#oen .contact_btn1 {
    text-align: center;
    width: 100%;
    left: 0px;
    height: auto;
}
    
#oen .contact_box2{
    width:100%;
}  
    
#option .case1 {
    width: 100% !important;
}
    
#option .w210{
    width: 95%;
}
    
#option .cap_txt210{
    width: 100%;
}
    
#option .style2 {
    text-align: center;
}
    
#option h4.style3{
    margin: 0px;
}
    
#option .contact_btn1 {
    text-align: center;
    width: 100%;
    left: 0px;
    height: auto;
}
    
#option .contact_box2{
    width:100%;
} 
 
#ordermade_case .two_case{
    width: 100%;
}
    
#ordermade_case .two_case_1{
    width: 100%;
    margin: 0
}
    
#ordermade_case .case3_1,
#ordermade_case .case3_2{
    width: 100%
} 
    
#past ul.pastmonth{
    padding: 0px 0px 70px;
}
    
#past ul.pastmonth li{
    width: 10%;
    line-height: 20px;
}    
    
#photos-info_2 .list_area_4c,
#photos-info_2 .listphoto_4c_cs,
#voice-info_1 .list_area_photo{
    width: 99%;
    height: auto;
}    
    
#product-info .case1,
#product-info .case3_1_1{	
    width:100%;
}    
    
.right_img {
    float: none!important;
    margin: 0px;
    text-align: center!important;
}
    
#tenugui .list_area_3c{
    width: 100%;    
}     

#topics .list_area_2c{
    width: 100%;
}
    
#topics .list_area_voice_right{
    width: 100%;
    margin: 0px 0px 10px;
}
    
#topics .txt2{
    padding: 0px;
}
    
#topics .list_area_3c{
    float: none;
    display: inline-block;
    padding-top: 10px;
    margin: 0px;
}
    
#topics .listphoto_3c{
    width:auto;
    float: none;
}    
    
.three_col{
    width: 100%;
    text-align: center
}
    
.three_item{
    width: 100% ;
}
    
.txt1 .size-table{
    width: 100%;
}    
    
.text50{
	max-width: 100%;
	float: left;
}    
    
.voice_float_right{
		float: none !important;
}    

/*----------  YouTube  ----------*/
.you-tube iframe {
    width: 100%;
    height: 200px;
}

/*-----林追加ここから-----*/
.voice_cap400 {
	line-height: 150%;
	font-weight: bold;
	color: #393C53;
	margin: 0 0 0 0;
	width: auto;
	text-align: left;
}
.voice_cap450 {
	line-height: 150%;
	font-weight: bold;
	color: #393C53;
	margin: 0 0 0 0;
	width: auto;
	text-align: left;
}
.voice_cap560 {
	line-height: 150%;
	font-weight: bold;
	color: #393C53;
	margin: 0 0 0 0;
	width: auto;
	text-align: left;
}
.list_area_2c {
	float: none;
	width: auto;
	height: auto;
	margin: 0 auto 1em auto;
	overflow: auto;
	display: block;
	text-align: center;
}
.listphoto_2c {
	width: auto;
	height: auto;
	float: none;
	text-align: center;
}
.listphoto_2c_cs {
	width: auto;
	height: auto;
	text-align: center;
	border: 1px #c3c2c0 solid;
	vertical-align: middle;
	display: inline;
	layout-grid-line: auto;
}
/*-----林追加ここまで-----*/

}

/* 共通 */
.mt20 { margin-top:20px!important; }
.mb20 { margin-bottom:20px!important; }
.mb40 { margin-bottom:40px!important; }

/* header SNSボタン */
.container_ofw2 {
    padding-right: 25px;
}
.container_ofw2 .row-socail {
    width: 45%;
    padding: 10px 0;
    display: inline-block;
}
#header .container_ofw2 .row-eng {
    width: 54%;
    text-align: right;
    display: inline-block;
}
.container_ofw2 .row-socail .col-socail-3 {
    margin: 0;
}
#header .container_ofw2 .row-eng .col-eng-6 {
    width: 44.8%;
}
.container_ofw2 .row-socail i {
    vertical-align: baseline!important;
}
.container_ofw2 .row-socail a.btn-facebook {
    background-color: #314C62;
}
.container_ofw2 .row-socail a.btn-instagram {
    background-color: #95214A;
}
.container_ofw2 .row-socail a.btn-twitter {
    background-color: #679088;
}

@media screen and (max-width: 767px) {
.container_ofw2 {
    padding-right: 0;
    text-align: center;
}
.container_ofw2 .row-socail,
#header .container_ofw2 .row-eng {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
.container_ofw2 .row-socail .col-socail-3 {
    width: 28%;
}
.container_ofw2 .row-socail i span {
    display: block;
}
}
@media screen and (max-width: 480px) {
div.h24 img {
    max-height: 24px;
}
div.h52 img {
    max-height: 52px;
}
div.h88 img {
    max-height: 88px;
}
div.h116 img {
    max-height: 116px;
}
div.h360 img {
    max-height: 360px;
}
}
@-ms-viewport {
    width: device-width;
}

/* サイト内検索 */
#searchform input#s {
    margin: 2px 0 0 0;
    height: 20px;
    font-size: 14px;
    width: 80%;
}
.area-search {
    width: 100%;
/*    display: inline;*/ /*block;*/
    margin-bottom: 10px;
}
#header .container_ofw2 .row-eng {
    width: 90%;
    margin: 0 auto;
}
#header .container_ofw2 .row-eng .col-eng-6 {
    width: 49%;
}
.search-page .date-time {
    font-size: 0.8em;
}
.search-page .date-time i {
    margin-right: 0.5em;
}
.search-page a:link {
	color: #314c62;
	text-decoration: none;
} 
.search-page a:visited {
	color: #314c62;
	text-decoration: none;
} 
.search-page a:hover {
	color: #679088;
	text-decoration: underline;
}
@media screen and (min-width:768px) {
#searchform input#s {
    margin: 2px 0 0 0;
    height: 20px;
    font-size: 14px;
    width: 80%;
}
.area-search {
/*    width: 100%;*/
    display: block;
    width: 25%;
    display: inline-block;
    margin: 0 -40px 0 46px;
}
#header .container_ofw2 .row-eng {
    width: 30%;
padding: 0;
margin-left: 1em;
}
#header .container_ofw2 .row-eng .col-eng-6 {
/*    width: 49%;*/
    width: 40%;
}
.container_ofw2 .row-socail {
    width: 38%;
}
.row-socail .col-socail-3 {
    width: 30%;
}
}


/*----------  SIDE ----------*/
#navi .sidebox,
#navi .rm_picup {
    width: 100%;
    border-bottom-width: 15px;
    border-bottom-style: solid;
    border-bottom-color: #ffffff;
}
#navi .sidebox h4,
#navi .rm_picup h4 {
    margin: 0;
    padding: 7px 0 7px 16px;
    background-color: #0f093d;
}
#calendar_wrap {
    background-color: #314c62;
}
#navi .rm_catListOutput ul {
    padding-left: 0;
    text-indent: 28px;
    background-color: #314c62;
}
#navi .rm_catListOutput li {
    list-style-type: none;
}
/* rm-category-pickup-post.php */
#navi .rm_picup ul {
    padding-left: 0;
}
#navi .rm_picuprow {
    background-color: #314c62;
    padding: 12px 0 4px;
}
#navi .rm_picup .rm_picupimg {
    float: left;
    margin: 4px 8px 4px 4px;
/*    border: 1px solid rgba(233, 216, 180,0.1);*/
}
#navi .rm_picuptitle {
    list-style-type: none;
}

/*----------  ブログ用CSS 一覧 ----------*/
.archive .entry_ttl {
    color: #000;
    font-size: 110%;
    border-top: 1px solid #cbd8d5;
    border-left: 12px solid #CBD8D5;
    line-height: 24px;
    padding: 0px 0px 0px 7px;
    margin: 5px 0px 10px 15px;
}
.archive .entry_ttl a {
    text-decoration: none;
}
.archive .style2 {
    margin-right: 30px;
    display: inline-block;
}
.archive .eb_cat {
    margin-top: 1em;
}

/*----------  ブログ用CSS 単一記事 ----------*/
/* 見出し */
#main__ .content h3 {
    color: #000;
    font-size: 110%;
    border-top: 1px solid #cbd8d5;
    border-left: 12px solid #CBD8D5;
    line-height: 24px;
    padding: 0px 0px 0px 7px;
    margin: 5px 0px 10px 0;
}
#main__ .wrap {
    width: 96%;
    margin: 0 auto;
}
#main__ .content {
    line-height: 1.5em;
}
#main__.single #single_title {
    background-color: #99b4af;
    color: #0f093d;
    line-height: 30px;
    font-size: 110%;
    font-weight: bold;
    padding: 0 0 0 15px;
    margin: 5px 0 15px 0;
    text-align: left;
}
#main__.single .meta_box {
    margin: 0px 0 8px;
    border-bottom: 1px solid #0f093d;
}
#main__.single .meta_box i {
    margin-right: 4px;
}
#main__.archive img,
#main__.single img {
    max-width: 100%;
    height: auto;
}

/*記事用パンくず*/
#main__.single #breadcrumb{
  clear: both;
text-align: left;
display: block;
}
#main__.single #breadcrumb div {
  display: inline;
  font-size: 13px;
}
#main__.single #breadcrumb a {
  color: #222;
  text-decoration: none;
}
#main__.single #breadcrumb span {
  position: initial;
}

/*タグ付け*/
#main__.single #cat_tag {
  margin: 48px 0;
  padding: 0 0 12px 0;
  text-align: left;
  word-break: keep-all;
  line-height: 1em;
}
#main__.single #cat_tag a {
  color: #666;
  background-color: #fff;
  margin: 0 0.2em 0.5em 0;
  padding: 0.5em;
  border-radius: 5px;
  text-decoration: none;
  line-height: 1em;
  display: inline-block;
  border: 1px solid #888;
}

/*SNS*/
#main__.single #entry_snsbox {
  border: 1px solid #ccc;
  padding: 5px;
  text-align: left;
  margin: 20px 0 24px 0;
  border-radius: 5px;
  display: flex;
}
#main__.single #entry_snsbox ul {
    list-style-type: none;
}
#main__.single #entry_snsbox li {
  float: left;
  margin-right: 10px;
  min-height: 100px;
}

/*コメント部*/
#main__.single #comment_box {
  text-align: left;
  background-color: #eee;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 8px;
  text-shadow: -1px 1px 0 rgba(255, 255, 255, 1);
}
#main__.single #comment_box p {
  font-size: 90%;
  font-weight: normal;
  margin: 0 0 15px 0;
}
#main__.single #comment_box label {
  display: block;
}
#main__.single #comment_box textarea {
  width: 100%;
  margin: 0;
  padding: 0;
}
#main__.single #comment_box .form-submit #submit{
padding: 15px;
  font-size: 120%;
  width: 20%;
}

/*関連記事*/
#main__.single footer {
  display: block;
}
#main__.single  #relations {
  line-height: 1.3em;
}
#main__.single #relations .rel-in {
  display: block;
  list-style-type: none;
  width: 96%;
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
}
#main__.single #relations .rel-in-box ul {
  margin: 0;
  padding: 0;
}
#main__.single #relations .rel-in-box ul li {
  display: block;
}
#main__.single #relations .rel-in .rel-in-thumb {
  float: left;
  margin: 0 10px 10px 0;
  list-style-type: none;
  width: 150px;
/*  height: 150px;*/
  height: 100px;
}
#main__.single #relations .rel-in .rel-in-ttl {
  overflow: hidden;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  margin-bottom: 10px;
  height: 3em;
}
#main__.single #relations a {
  text-decoration: none;
  font-size: 90%;
}

/*前後の記事へ*/
#main__.single #page_pn {
  margin: 40px 0;
}
#main__.single #page_pn #pre,
#main__.single #page_pn #nex {
  width: 46%;
  padding: 1%;
  margin: 1%;
}
#main__.single #page_pn #pre {
  float: left;
  text-align: left;
}
#main__.single #page_pn #nex {
  float: right;
  text-align: right;
}
#main__.single #page_pn dd {
  margin: 8px 0 0;
}

@media screen and (min-width:768px) {
/*関連記事*/
#main__.single #relations .rel-in {
  max-width: 700px;
}
#main__.single #relations .rel-in-box {
  float: left;
  width: 150px;
  padding: 0 8px;
  margin-right: 4px;
}
#main__.single #relations .rel-in .rel-in-thumb {
  float: none;
}
}


/* -----------------------------------
  大漁旗 問い合わせフォーム　修正設定 */

/* Form 柄rank リスト */
#contact_info .mailform .form_rank_list {
	margin: 5px 0px;
}
	#contact_info .mailform .form_rank_list li {
		display: block;
		margin: 0 0 0.2em;
		float: inherit;
	}
	#contact_info .mailform .form_rank_list li:last-child {
		margin-bottom: 0;
	}

/* Form 設問内容 Checkbox,radioボタン 短リスト */
#contact_info .mailform .form_radiobtn_s-list,
#contact_info .mailform .form_checkbox_s-list {
	display: flex;
	flex-wrap: wrap;
	line-height: 1.6em;
}
	#contact_info .mailform .form_radiobtn_s-list > .wpcf7-list-item,
	#contact_info .mailform .form_checkbox_s-list > .wpcf7-list-item {
		margin-right: 1.2em;
	}

/* Form 設問内容 注釈強調設定 */
#contact_info .mailform .form_att {
	color: #CC6600;
	font-weight: bold;
}

/* Form 設問内容 注釈 ※表示設定 */
#contact_info .mailform .form_att_mark {
	margin-top: 10px;
	text-align: left;
	text-indent: -1em !important;
	padding-left: 1em !important;
}

/* Form 送信案内メッセージ表示設定 */
#contact_info .mailform .contact_form_chk1 {
	margin-top: 10px;
	text-align: center;
	font-size: 1.15em;
}

/* Form 確認・送信ボタン設定 */
#contact_info .mailform .contact_form_submit_box {
	text-align: center;
	padding: 5px 10px 10px;
	margin-bottom: 20px;
}
	#contact_info .mailform .wpcf7-submit {
		width: 174px;
		height: 40px;
		cursor:pointer;
	}
	#contact_info .mailform .wpcf7-submit {
		background: url(/wp-content/themes/realmax_anbo/images/btn_send_sp.png) no-repeat;
	}

/* Form formシステムメッセージ表示設定 */
#contact_info .wpcf7-response-output {
	padding: 15px 10px 15px;
	font-size: 1.2em;
	color: #333333;
	text-align: center;
}
	#contact_info .wpcf7-validation-errors {
		margin: 25px 0px 20px;
		border: 3px solid #ff6666;
		font-size: 1.25em;
		color: #ff6666;
		background-color: #fafafa;
	}

/* Form formエラー項目強調表示設定 */
#contact_info .mailform .wpcf7-not-valid {
    background: #ffb6c1;
}
#contact_info .mailform .wpcf7-not-valid-tip {
	font-weight: bold;
}


/* Form 完了画面 表示メッセージ初期表示設定 */
#contact_info form .contact_form_fix {
	display: none;
}

/* Form 完了画面　フォーム非表示設定 */
#contact_info form.sent #easyorder_form {
	display: none
}


/* Form 設問内容 完了メッセージ設定 */
#contact_info form.sent .wpcf7-response-output {
	margin: 50px 0px 20px;
	background-color: #F4FFF8;
}

#contact_info form.sent .contact_form_fix {
	display: block;
	padding: 0px 20px;
	margin-bottom: 20px;
	font-size: 1.1em;
	color: #333333;
}

	/* Form 設問内容 完了メッセージ Link設定 */
	#contact_info .form_thx_link {
		text-align: center;
	}

	#contact_info .form_thx_link a {
		display: inline-block;
		padding: 15px 35px;
		border: 1px solid #999999;
		border-radius: 4px;
		background-color: #f4f4f4;
		text-decoration: none;
	}
		#contact_info .form_thx_link a:hover {
			background-color: #cccccc;
			color: #ffffff;
		}

/* Form Invisible reCAPCHA バナー表示設定 */
#contact_info .inv-recaptcha-holder {
	text-align: center;
	margin-bottom: 30px;
}
	#contact_info .inv-recaptcha-holder > div {
		margin:  10px auto;
	}

@media screen and (min-width:768px) {
#contact_info .mailform .contact_form_submit_box {
}
	#contact_info .mailform .wpcf7-submit {
		width: 417px;
		height: 96px;
	}
	#contact_info .mailform .wpcf7-submit {
		background: url(/wp-content/themes/realmax_anbo/images/btn_send.png) no-repeat;
	}
}









/*--------------------------------------------------------------------------
2020 newheader_css
   Header
---------------------------------------------------------------------------*/

#Header,
#Footer{
  color: #000033;

  font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;

  font-size: 16px;
  font-weight: 400;
  letter-spacing: .03em;
  line-height: 1.9;

  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;

}
#Header li,
#Footer li{
    list-style: none;
}
/*
::-moz-selection{
  color:;
  background:;
}
::selection{
  color:;
  background:;
}
*/

#Header .sp,
#Footer .sp{
  display: none!important;
}


/*--------------------------------------------------------------------------
   base link
---------------------------------------------------------------------------*/
#Header a,
#Footer a{
  outline: none;
  -webkit-tap-highlight-color: rgba(255,255,255,1);
  color: #000033;
  transition: 0.5s;
}
#Header a:link,
#Header a:visited,
#Footer a:link,
#Footer a:visited{
  text-decoration: none;
}
#Header a:hover,
#Footer a:hover{
  text-decoration: none;
  outline: none;
  opacity: 0.7;
}
#Header a:active,
#Footer a:active{
  outline: none;
}


#Header.under{
  position: relative;
  background: #000033;
  padding: 15px 30px;
}
#Header.under .nav_con{
}
#Header.under .nav_con .inner{
}
#Header.under .nav_con .global_navi{
  
}
#Header.under .nav_con .global_navi .global_navi_inner{
  display: flex;

}
#Header.under .nav_con .global_navi h1.ttl{
  
}
#Header.under .nav_con .global_navi .nav_box{
  margin-left: 20px;
}
#Header.under .nav_con .global_navi .nav_box h2.sub_ttl{
  color: #CCCC99;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
background-color: inherit;
padding: 0;
margin: 0;
}
#Header.under .nav_con .global_navi .nav_box ul.nav{
  display: flex;
  flex-wrap: wrap;
margin: 3px 0 0 0;
padding: 0;
}
#Header.under .nav_con .global_navi .nav_box ul.nav li{
  margin-right: 20px;
}
#Header.under .nav_con .global_navi .nav_box ul.nav li a{
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
}
#Header.under .utlnav_box{
  position: absolute;
  right: 30px;
  top: 12px;
  z-index: 4;
  display: flex;
}
#Header.under .utlnav_box ul.lang{
  display: flex;
margin: 0;
padding: 0;
}
#Header.under .utlnav_box ul.lang li{
  margin-left: 10px;
}
#Header.under .utlnav_box ul.lang li a{
  color: #ffffff;
  border: solid 1px #ffffff;
  border-radius: 3px;
  padding: 2px 5px;
}
#Header.under .utlnav_box ul.sns{
  display: flex;
margin: 0;
padding: 0;
}
#Header.under .utlnav_box ul.sns li{
  margin-left: 20px;
}
#Header.under .utlnav_box ul.sns li a{
  color: #ffffff;
}


@media screen and (max-width: 767px) {
/* 767pxまでの幅の場合に適応される */

body{
margin-top: 70px;
}
#Header .sp,
#Footer .sp{
  display: inline-block!important;
}
#Header .pc,
#Footer .pc{
  display: none!important;
}

/*--------------------------------------------------------------------------
   Header
---------------------------------------------------------------------------*/

#Header.under{
  padding: 0;
}
.menu_btn{
  position: fixed;
  right: 20px;
  top: 20px;
  display: block;
  padding: 0;
  z-index: 100;
  cursor: pointer;
  background: rgba(255,255,255,0.1);
  padding: 0 10px;
}
.menu_btn.active{
  display: block;
}
.menu_btn .menu-trigger,
.menu_btn .menu-trigger span{
  display: inline-block;
  box-sizing: border-box;
  transition: all .4s;
}
.menu_btn .menu-trigger{
  position: relative;
  width: 32px;
  height: 25px;
  padding: 20px 15px;
}
.menu_btn .menu-trigger a:hover{
  opacity: 1;
}
.menu_btn .menu-trigger span{
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background-color: #CCCC99;
}
.menu_btn .menu-trigger span:nth-of-type(1){
  top: 23px;
}
.menu_btn .menu-trigger span:nth-of-type(2){
  top: 11px;
}
.menu_btn .menu-trigger span:nth-of-type(3){
  bottom: 3px;
}
.menu_btn .menu-trigger.active span:nth-of-type(1),
.menu_btn .menu-trigger.active span:nth-of-type(2){
  top: 15px;
  margin-top: 10px;
  transform: rotate(-45deg);
}
.menu_btn .menu-trigger.active span:nth-of-type(3){
  bottom: 0;
  margin-bottom: 12px;
  transform: rotate(-135deg);
}

#Header.top .nav_con,
#Header.under .nav_con{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 4;
}
#Header.top .nav_con a{
  color: #ffffff;
}
#Header.top .nav_con .inner,
#Header.under .nav_con .inner{
  display: block;
  padding: 0;
}
#Header.top .nav_con .global_navi,
#Header.under .nav_con .global_navi{
  display: none;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  padding: 60px 20px 30px 20px;
  z-index: 102;
  background: #1F2E4D;
  box-sizing: border-box;
}
#Header.under .nav_con .global_navi .nav_box,
#Header.top .nav_con .global_navi .nav_box{
  margin-left: 20px;
}
#Header.under .nav_con .global_navi .nav_box h2.sub_ttl,
#Header.top .nav_con .global_navi .nav_box h2.sub_ttl{
  font-size: 14px;
  line-height: 22px;
}
#Header.under .nav_con .global_navi .nav_box ul.nav{
  display: block;
  margin-top: 30px;
}
#Header.under .nav_con .global_navi .nav_box ul.nav li,
#Header.top .nav_con .global_navi .nav_box ul.nav li{
  margin: 0;
}
#Header.under .nav_con .global_navi .nav_box ul.nav li a,
#Header.top .nav_con .global_navi .nav_box ul.nav li a{
  display: inline-block;
  padding: 10px 0;
  font-size: 14px;
  margin: 0;
}
#Header.under .nav_con .global_navi ul.nav li a.contact_btn{
  width: 210px;
}
#Header.top .nav_con .global_navi ul.nav li a.contact_btn span,
#Header.under .nav_con .global_navi ul.nav li a.contact_btn span{
  border: solid 2px #1F2E4D;
  border-radius: 30px;
  width: 100%;
  text-align: center;
  padding: 5px 0 5px 5px;
  background-position: left 30px center;
}

#Header.top .utlnav_box,
#Header.under .utlnav_box{
  display: none!important;
}

/* 767pxまでの幅の場合に適応される */
}






/*--------------------------------------------------------------------------
2020 newhfooter_css
   Footer
---------------------------------------------------------------------------*/
#Footer{
  background: #000033;
  padding: 50px 80px 15px;
  position: relative;
}
#Footer p{
margin: 0;
padding: 0;
}
#Footer .go_top{
  position: absolute;
  right: 80px;
  top: -70px;
}
#Footer .footer_inner{
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
}
#Footer .footer_box{
  display: flex;
  justify-content: space-between;
}
#Footer .footer_box .info_box{
  width: 220px;
  padding-right: 60px;
  border-right: solid 1px #ffffff;
}
#Footer .footer_box .info_box .name{
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
}
#Footer .footer_box .info_box .name span{
  display: block;
  color: #ffffff;
  font-weight: 400;
  font-size: 10px;
}
#Footer .footer_box .info_box .add{
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0;
  margin-top: 20px;
}
#Footer .footer_box .info_box .flex{
  display: flex;
  margin-top: 15px;
}
#Footer .footer_box .info_box .sns{
  display: flex;
  align-items: flex-end;
  margin: 0;
  padding: 0;
}
#Footer .footer_box .info_box .sns li{
  margin-right: 20px;
  padding-top: 3px;
}
#Footer .footer_box .info_box .con_btn a{
  color: #ffffff;
  font-size: 12px;
  border: solid 1px #ffffff;
  border-radius: 3px;
  padding: 3px 10px;
}
#Footer #FooterNavi{
  width: calc( 100% - 350px );
}
#Footer #FooterNavi .nav_box{
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#Footer #FooterNavi .nav_box a{
  color: #ffffff;
  font-size: 12px;
}
#Footer #FooterNavi .nav_box ul{
  margin: 0 10px 0 0;
  padding: 0;
}
#Footer #FooterNavi .nav_box ul li{
}
#Footer #FooterNavi .nav_box ul li.head{
  margin-bottom: 10px;
}
#Footer #FooterNavi .nav_box ul li.lang{
  margin-top: 10px;
}
#Footer #FooterNavi .nav_box ul li.lang a{
  display: inline-block;
  margin-right: 10px;
}
#Footer .copy{
  font-size: 10px;
  text-align: center;
  color: #ffffff;
  margin-top: 50px;
}




@media screen and (max-width: 767px) {
/* 767pxまでの幅の場合に適応される */


/*--------------------------------------------------------------------------
   Footer
---------------------------------------------------------------------------*/
#Footer{
  margin-top: 30px;
  padding: 30px 20px 15px;
}
#Footer .go_top{
  right: 50px;
}
#Footer .footer_box{
  display: block;
}
#Footer .footer_box .info_box{
  width: 100%;
  padding-right: 0;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-right: none;
  border-bottom: solid 1px #ffffff;
}
#Footer .footer_box .info_box .add{
  margin-top: 10px;
}
#Footer .footer_box .info_box .flex{
  margin-top: 10px;
}
#Footer .footer_box .info_box .sns{
  display: flex;
  align-items: flex-end;
}
#Footer #FooterNavi{
  width: 100%;
}
#Footer #FooterNavi .nav_box:after{
  content: "";
  width: 10%;
}
#Footer #FooterNavi .nav_box ul{
  margin: 0 10px;
  margin-bottom: 15px;
}
#Footer #FooterNavi .nav_box ul li{
}
#Footer #FooterNavi .nav_box ul li.head{
  margin-bottom: 10px;
}
#Footer #FooterNavi .nav_box ul li.lang{
  margin-top: 10px;
}
#Footer #FooterNavi .nav_box ul li.lang a{
  display: inline-block;
  margin-right: 10px;
}
#Footer .copy{
  margin-top: 10px;
}


/* 767pxまでの幅の場合に適応される */
}