@charset "utf-8";
/*--------------------------------------------
 
　　　RESPONSIVE TMN CSS
 
---------------------------------------------*/

/*--------------------------------------------
 
　　　RESET STYLE
 
---------------------------------------------*/
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { font-size: 0; height: 100%; line-height: 1.0; }
p { line-height: 1.4; margin: 0; }
ul { line-height: 0; list-style-type: none; margin: 0 0 2em; }
ul li { line-height: normal; margin: 0; zoom: 1px; }
ol { margin: 0 0 2em 19px; }
ol li { line-height: normal; padding: 0 0 5px; }
dl { line-height: 0; list-style-type: none; margin: 0 0 1em; }
dl dt, dl dd { line-height: normal; margin: 0; zoom: 1px; }
dl dt { font-weight: 700; }
i { font-style:normal; }
form, table, input, textarea, dl, dt, dd { margin: 0; }
table { border: 0; border-collapse: collapse; width: 100%; }
cite { display: block; text-align: right; }
object { display: block; height: auto; margin: 0 auto; }
del { color: #333; }
hr { border: 1px solid #ccc; margin: 40px 0; }
input[type="text"], input[type="password"], textarea, select { outline: none; }
/* ---------- anchor link -------------*/
a { border: none; color: #000; outline: none; text-decoration: underline; }
a::before, a::after { content: ''; display: block; position: absolute; z-index: -1; }
a, a::before, a::after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: all .3s; box-sizing: border-box; transition: all .3s; }
a:visited { border: none; outline: none; }
a:hover { border: none; outline: none; }
a img { border: none; border-style: none; }
a:visited img { border: none; border-style: none; }
img { border: none; border-style: none; height: auto; max-width: 100%; }
/* ---------- clearfix hack ---------- */
.clearfix:after { clear: both; content: "."; display: block; font-size: 0.1em; height: 0; line-height: 0; overflow: hidden; visibility: hidden; }
.clearfix { display: block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end MacIE5 */




/*--------------------------------------------
 
　　　COMMON STYLE
 
---------------------------------------------*/
body { color: #000; font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo,FontAwesome, sans-serif; font-size: 13px; text-align: left; }
#container { width: 100%; background:#fbf9f0; }
#header { min-width: 1200px; padding: 48px 0; width: 100%; }
.toppage-body #header { display:none; }
#header-body { margin: 0 auto; position: relative; width: 960px; }
#banner { margin: 0; min-width: 1200px; width: 100%; }
#banner-body { width: 100%; }
#main { padding: 0 0 48px; width: 100%; }
#main-body { overflow: inherit; }
#wrapper { float: none; padding: 0; width: 100%; }
#content { width: 100%; }
#content-body { margin: 0 auto; width: 960px; }
#sidebar { display: none; }
#links { display: none; }
#footer { background: #000; clear: both; width: 100%; }
#footer-body { width: 100%; }




/*--------------------------------------------
 
　　　HEADER STYLE
 
---------------------------------------------*/
.logo { height: 65px; width: 235px; margin:0 auto; }





/*--------------------------------------------
 
　　　NAVIGATION STYLE
 
---------------------------------------------*/
#nav { height: 60px; width: 100%; }
#nav ul { height: 60px; list-style: none; margin: 0 auto; text-align: center; width: 100%; font-size:0px; }
#nav ul li { display: inline-block; height: 60px; line-height: 60px; }
#nav ul li a { background: #fbf9f0; color: #000; display: block; height: 60px; line-height: 60px; padding: 0 40px; text-decoration: none; font-size:13px; }
#nav ul li a:hover { background: #000; color: #fff; }




/*--------------------------------------------
 
　　　BXSLIDER STYLE
 
---------------------------------------------*/
.banner-image { margin: 0 auto; max-width: 1200px; }
.bx-wrapper .bx-viewport { border: none !important; box-shadow: none !important; left: 0 !important; }





/*--------------------------------------------
 
　　　BANNER STYLE
 
---------------------------------------------*/
.general-body .banner-image { display: none; }
/*Page Title*/
.page-title-bg { height: auto; margin: 0 0 36px; padding: 24px 0; width: 100%; }
.toppage-body .page-title-bg { display: none; }
.page-title-bg-body { margin: 0 auto; width: 1200px; }
h2.page-title { background-position: left; background-repeat: no-repeat; height: 200px; }
/*新着情報*/
#page0209626 h2.page-title { background-image: url("../item/topics_title_img.jpg"); }
.category0209626-article-body h2.page-title { background-image: url("../item/topics_title_img.jpg"); }
/*メニュー*/
#page0209624 h2.page-title { background-image: url("../item/menu_title_img.jpg"); }
/*について*/
#page0209625 h2.page-title { background-image: url("../item/about_title_img.jpg"); }
/*お問い合わせ*/
.general-body h2.page-title { background-image: url("../item/contact_title_img.jpg"); }




/*--------------------------------------------
 
　　　INDEDX STYLE
 
---------------------------------------------*/
/**/
.index_banner { margin:0 0 40px 0; }
/*3column contents */
.index-content01 { display: table; height: 100%; margin: 0 -30px 48px 0; width: 990px; }
.index-box { display: table-cell; float: left; height: 100%; padding: 0 30px 0 0; position: relative; width: 330px; }
.index-box a { text-decoration:none; display:block; width:100%; height:auto; opacity:1.0;}
.index-box a:hover { text-decoration:none; display:block; width:100%; height:auto; opacity:0.7;}
h3.content-title { font-size: 18px; margin: 0; padding: 15px 0; text-align: center; }
.content01-img { text-align: center; }
.content01-text { margin: 0 0 48px; }
.index-content01-link { bottom: 0; left: 0; position: absolute; text-align: center; width: 300px; }
.index-content01-link a { background: #fff; border: 1px #e5e5e5 solid; border-radius: 5px; color: #000; display: block; padding: 10px 0; text-decoration: none; }
.index-content01-link a:hover { background: #000; color: #fff; }
/*recent article*/
.recent-article { float: left; height: auto; margin: 0 0 48px; padding: 0 0 36px; position: relative; width: 465px; height:516px; background:url(../item/top_topics_bg.png) 0 0 no-repeat; }
.recent-article .sidetitle { display:none; }
.recent-article .side { padding:80px 30px;}
.recent-article .list { border-bottom: 1px #e5e5e5 dashed; margin: 0 0 25px; padding: 0 0 25px; position: relative; }
.recent-article .list-date { display: table-cell; }
.recent-article .list-title { display: table-cell; padding: 0 0 0 24px; }
.topics-list-link { bottom: 40px; left: 62px; position: absolute; text-align: center; width: 340px; height:70px; }
.topics-list-link a { background: #d1ae8a; border: 1px #d1ae8a solid; border-radius: 30px; color: #fff; line-height:70px; display: block; padding: 0; text-decoration: none; }
.topics-list-link a:hover { background: #fff; border: 1px #d1ae8a solid; color: #d1ae8a; }
/*facebook*/
.facebook { float: right; width: 465px; height:516px; background:url(../item/top_map_bg.png) 0 0 no-repeat; padding:60px 30px; }
.fb-box { height: 0; overflow: hidden; padding-bottom: 105%; position: relative; }
.facebook .sidetitle { display:none; }




/*--------------------------------------------
 
　　　COMPANY STYLE
 
---------------------------------------------*/
.about_mainimg { margin:0 0 48px 0; }
h3.about_title { margin:0 0 48px 0; }
table.company { border-collapse: collapse; height: auto; margin: 0 0 48px; width: 100%; }
table.company th { border: 1px #e5e5e5 solid; font-weight: 400; padding: 20px; text-align: center; width: 25%; }
table.company td { border: 1px #e5e5e5 solid; font-weight: 400; padding: 20px; }
.gmap { height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative; }
.gmap iframe, .gmapr object, .gmap embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }




/*--------------------------------------------
 
　　　ARTICLE STYLE
 
---------------------------------------------*/
.navi { text-align: center; }
.navi a { color: #000; text-decoration: none; }
.top-navi { display: none; }
.blog { margin: 0 0 96px; width: 100%; position:relative; }
.date { margin: 0; position:absolute; top:12px; left:0px; }
.date-body { font-size: 15px; font-weight: bold; text-align: left; }
h3.title { background:url(../item/title_bg.png) left bottom repeat-x; color: #000; font-size: 15px; line-height: 15px; margin: 0 0 36px; padding: 12px 0 24px 150px; }
.title-body a { color: #000; font-weight: bold; text-decoration: none; }
.title-body a:hover { color: #000; text-decoration: none; }
.text-beginning { line-height: 1.4; margin: 0 0 24px; }
.continues { padding: 10px 10px 0 0; text-align: right; }




/*--------------------------------------------
 
　　　SIDE STYLE
 
---------------------------------------------*/
.links-box01 { margin: 0 0 48px; width: 288px; }
.links-content01-link { text-align: center; width: 286px; }
.links-content01-link a { background: #fff; border: 1px #e5e5e5 solid; border-radius: 5px; color: #000; display: block; padding: 10px 0; text-decoration: none; }
.links-content01-link a:hover { background: #000; color: #fff; }
#links .recent-article { float: none; height: auto; margin: 0 0 48px; padding: 0 0 34px; width: 288px; }
#links .recent-article .list { border-bottom: 1px #e5e5e5 dashed; line-height:1.4; margin: 0 0 10px; padding: 0 0 10px; }
#links .recent-article .list-date { display: table-cell; }
#links .recent-article .list-title { display: table-cell; padding: 0 0 0 24px; }
#links .topics-list-link { text-align: center; width: 286px; }
#links .topics-list-link a { background: #fff; border: 1px #e5e5e5 solid; border-radius: 5px; color: #000; display: block; padding: 10px 0; text-decoration: none; }
#links .topics-list-link a:hover { background: #000; color: #fff; }




/*--------------------------------------------
 
　　　FOOTER STYLE
 
---------------------------------------------*/
.footer-logo { height: 60px; width: 320px; }
.footer-content { height: auto; margin: 0 auto; padding: 48px 0; position: relative; width: 960px; }
.footer-contact { left: 450px; position: absolute; top: 48px; }
.fc-title { font-size: 15px; font-weight: 700; margin: 0 0 10px; }
.footer-link { position: absolute; right: 0; text-align: center; top: 68px; width: 30%; }
.footer-link a { background: #FFF; border: 1px #e5e5e5 solid; border-radius: 5px; color: #000; display: block; padding: 10px 0; text-decoration: none; }
.footer-link a:hover { background: #000; color: #fff; }
.copyright { color: #FFF; font-size: 12px; padding: 20px 0; text-align: center; }
a#scroll-to-top { width: 60px; height: 70px; position: fixed; right: 30px; bottom: 30px; cursor: pointer; outline: 0; color:#000; text-decoration:none;}




/*--------------------------------------------
 
　　　CONTACT FORM STYLE
 
---------------------------------------------*/
.enquete { display: none; }
.general-body .title { display: none; }
.explanation { margin: 0 0 24px; }
.enquete-end .explanation { border: 3px #CCC solid; margin: 0 0 24px; padding: 12px; text-align: center; }
.explanation br { display: none; }
.general-body .explanation img { margin: 0 0 20px; }
.general-body .enquete-input, .general-body .enquete-confirm, .general-body .enquete-end { margin: 0; overflow: hidden; }
.question { clear: both; width: 100%; }
.general-body input, .general-body textarea { padding: 5px; }
input:focus, select:focus, radio:focus, textarea:focus { background-color: #EDEDED; }
.general-body .enquete-input .input-submit { margin: 0 0 0 250px; }
.general-body .enquete-confirm .input-submit { margin: 0; }
.general-body .enquete-confirm .input-return { margin: 0 0 0 20px; }
.enquete-input .question-question { float: left; padding: 10px; width: 250px; }
.enquete-confirm .question-question { background-color: #EDEDED; margin: 0 0 10px; padding: 5px; width: 100%; }
.enquete-input .question-answer { padding: 10px; }
.enquete-confirm .question-answer { margin: 0 0 20px; padding: 0 0 0 20px; width: 80%; }
.question-answer-textbox, .question-answer-email, .question-answer-email-check, .question-answer-tel, .question-answer-name, .question-answer-furigana { width: 300px; }
.question-answer-textarea { height: 200px; width: 400px; }
question-answer-radio { margin: 0 10px 0 0; }
.main-error { border: 5px solid red; margin: 0 auto 20px; padding: 20px; width: 500px; }




/*--------------------------------------------
 
　　　MEAN MENU STYLE
 
---------------------------------------------*/
.mean-container .mean-bar { background: #000!important;/*nav背景色*/ }
.mean-container a.meanmenu-reveal { color: #fff!important;/*nav文字色*/ }
.mean-container a.meanmenu-reveal span { background: #fff!important;/*ハンバーガーボーダー色*/ }
.mean-container .mean-nav { background: #000!important;/*nav展開部背景色*/ }





@media only screen and (max-device-width: 740px) {
/*--------------------------------------------
 
　　　MOBILE style
 
---------------------------------------------*/
/*--------------------------------------------
 
　　　COMMON style
 
---------------------------------------------*/
#header { min-width: inherit; padding: 48px 2% 24px; }
.toppage-body #header { display:block; }
.toppage-body #header h1.logo { display:none; }
#header-body { width: 100%; }
#banner { min-width: inherit; margin:0 0 40px 0; }
#main { min-width: inherit; padding: 0 2% 96px; position: relative; width: 100%; }
.toppage-body #main { padding: 0 2% 48px; width: 100%; }
#main-body { margin: 0 auto; overflow: hidden; width: 100%; }
.toppage-body #main-body { overflow: inherit; }
#wrapper { float: none; padding: 0; width: 100%; }
#content { width: 100%; }
#content-body { overflow: hidden; width: 100%; }
.toppage-body #content-body { width: 100%; }
#sidebar { display: none; }
#links { display: none; }
.toppage-body #links { display: none; }
#footer { width: 100%; }
#footer-body { width: 100%; }
.blog-description, .header-tel { display: none; }
.logo { height: auto; text-align: left; width: 70%; margin:0 auto; padding:20px 0 0 0; }
.page-title-bg { height: auto; margin: 0 0 48px; padding: 0; width: 100%; }
.toppage-body .page-title-bg { display: none; }
.page-title-bg-body { max-width: 100%; padding: 10px 0; }
h2.page-title { background-position: top center; background-repeat: no-repeat; background-size: cover; height:100px; }




/*--------------------------------------------
 
　　　INDEX style
 
---------------------------------------------*/
.index-content01 { display: block; height: 100%; margin: 0 0 24px; width: 100%; }
.index-box { display: block; float: none; height: auto; margin: 0 0 36px; padding: 0; position: static; width: 100%; }
h3.content-title { font-size: 16px; padding: 15px 0; text-align: center; }
.content01-img { text-align: center; }
.content01-text { margin: 0 0 12px; }
.index-content01-link { position: static; text-align: center; width: 100%; }
.index-content01-link a { background: #fff; border: 1px #e5e5e5 solid; border-radius: 5px; color: #000; display: block; padding: 10px 0; text-decoration: none; }
.index-content01-link a:hover { background: #000; color: #fff; }
.recent-article { float: none; height: auto; min-height:500px; margin: 0 0 36px; padding: 0; position: relative; width: 100%; background:url(../item/top_topics_bg.png) top center no-repeat; background-size:contain; }
.recent-article .side { padding:60px 20px; }
.sidetitle { }
.recent-article .list { border-bottom: 1px #e5e5e5 dashed; margin: 0 0 20px; padding: 0 0 20px; position: relative; }
.recent-article .list-date { display: table-cell; }
.recent-article .list-title { display: table-cell; padding: 0 0 0 24px; }
.topics-list-link { bottom: 35px; left: 10%; position: absolute; text-align: center; width: 80%; height:40px; }
.topics-list-link a { background: #d1ae8a; border: 1px #d1ae8a solid; border-radius: 10px; color: #fff; line-height:40px; display: block; padding: 0; text-decoration: none; }
.topics-list-link a:hover { background: #fff; border: 1px #d1ae8a solid; color: #d1ae8a; }
.facebook { float: none; text-align: center; width: 100%; height:auto; background:url(../item/top_map_bg.png) top center no-repeat; background-size:contain; }





/*--------------------------------------------
 
　　　ARTICLE style
 
---------------------------------------------*/
.date { margin: 0; position: static; font-size:0.9em; }
.date-body { font-size:0.9em; font-weight: normal; text-align: left; padding:0 0 0 12px; }
h3.title { background:url(../item/title_bg.png) left bottom repeat-x; color: #000; font-size: 15px; line-height: 15px; margin: 0 0 36px; padding: 12px 0 24px 12px; }

.continues { background-color: #FFF; margin: 0 auto; padding: 0; position: static; text-align: center; width: 100%; }
.continues a { background: #fff; border: 1px #e5e5e5 solid; border-radius: 5px; color: #000; display: block; padding: 10px 0; text-decoration: none; }
.continues a:hover { background: #000; color: fff; }

h3.about_title { margin: 0 0 20px 0; overflow:hidden; position:relative; height:42px; }
h3.about_title img { max-width:inherit; position:absolute; left:-300px;}
table.company th { width:35%; }




/*--------------------------------------------
 
　　　FOOTER style
 
---------------------------------------------*/
.footer-content { height: auto; margin: 0 auto; padding: 48px 0; position: relative; text-align: center; width: 100%; }
.footer-contact { margin: 0 0 10px; position: static; }
.footer-logo { height: auto; margin: 0 auto 10px; width: 70%; }
.add { margin: 0 0 24px; }
.fc-title { font-size: 15px; font-weight: 700; }
.footer-link { margin: 0 auto; position: static; text-align: center; width: 80%; }
.footer-link a { background: #FFF; border: 1px #e5e5e5 solid; border-radius: 5px; color: #000; display: block; padding: 10px 0; text-decoration: none; }
.footer-link a:hover { background: #000; color: #fff; }
a#scroll-to-top { background: url(../item/arrow.png) no-repeat center center; bottom: 10px; cursor: pointer; font-size: 0; height: 35px; outline: 0; position: absolute; right: 10px; text-indent: -9999px; width: 35px; }




/*--------------------------------------------
 
　　　CONTACT FORM style
 
---------------------------------------------*/
.general-body .enquete-input, .general-body .enquete-confirm, .general-body .enquete-end { overflow: hidden; }
.question { clear: both; width: 100%; }
.general-body input, .general-body textarea { padding: 5px; }
input:focus, select:focus, radio:focus, textarea:focus { background-color: #EDEDED; }
.general-body .enquete-input .input-submit { margin: 0 0 0 20px; }
.general-body .enquete-confirm .input-submit { }
.general-body .enquete-confirm .input-return { margin: 0 0 0 20px; }
.enquete-input .question-question { float: none; padding: 10px; width: 80%; }
.enquete-confirm .question-question { background-color: #EDEDED; margin: 0 0 10px; padding: 5px; width: 100%; }
.enquete-input .question-answer { padding: 10px; }
.enquete-confirm .question-answer { margin: 0 0 20px; padding: 0 0 0 20px; width: 80%; }
.question-answer-textbox, .question-answer-email, .question-answer-email-check, .question-answer-tel, .question-answer-name, .question-answer-furigana { width: 80%; }
.question-answer-textarea { height: 200px; width: 90%; }
question-answer-radio { margin: 0 10px 0 0; }




}




/*--------------------------------------------
 
　　　BASIC TAG style
 
---------------------------------------------*/
/* font-size---------------------------------------------------------------*/
.text70 { font-size: 70% }
.text80 { font-size: 80% }
.text90 { font-size: 90% }
.text100 { font-size: 100% }
.text110 { font-size: 110% }
.text120 { font-size: 120% }
.text130 { font-size: 130% }
.text140 { font-size: 140% }
.text150 { font-size: 150% }
.text160 { font-size: 160% }
.text170 { font-size: 170% }
.text180 { font-size: 180% }
.text190 { font-size: 190% }
.text200 { font-size: 200% }
.text210 { font-size: 210% }
.text220 { font-size: 220% }
.bbb { font-weight: 700 }				/* 太字 */
.uuu { text-decoration: underline }	/* 下線 */
/* color ------------------------------------------------------------------*/
.red { color: red }				/* 赤色 */
.blue { color: #2ca9e1 }		/* 青色 */
.green { color: #82ae46 }		/* 緑色 */
.orange { color: #ff7d00 }		/* 橙色 */
.yellow { color: #fff000 }		/* 黄色 */
.pink { color: #ff0084 }		/* ピンク */
.gray { color: #999 }
/* background-color -------------------------------------------------------*/
.bg-yellow { background: #ff0 }		/* 黄色の文字背景 */
.bg-blue { background: #4ab0f5 }	/* 青色の文字背景 */
.bg-red { background: red }			/* 赤色の文字背景 */
/* text-align -------------------------------------------------------------*/
.align1 { text-align: center !important }	/* 中央寄せ */
.align2 { text-align: right !important }	/* 右寄せ */
.align3 { text-align: left !important }		/* 左寄せ */
/* float ------------------------------------------------------------------*/
.r-flo { float: right; margin: 10px }	/* 右に回り込み */
.l-flo { float: left; margin: 10px }	/* 左に回り込み */
.f-clear { clear: both }			/* 回り込みの解除 */
/* line-height ------------------------------------------------------------*/
.lh20 { line-height: 20px; }
.lh21 { line-height: 21px; }
.lh22 { line-height: 22px; }
.lh23 { line-height: 23px; }
.lh24 { line-height: 24px; }
.lh25 { line-height: 25px; }
/* margin -----------------------------------------------------------------*/
.m00 { margin: 0 !important }			/* margin 0px を指定するクラス */
.mt0 { margin-top: 0 !important }		/* margin-top0px を指定するクラス */
.mr0 { margin-right: 0 !important }		/* margin-right0px を指定するクラス*/
.mb0 { margin-bottom: 0 !important }	/* margin-bottom0px を指定するクラス*/
.ml0 { margin-left: 0 !important }		/* margin-left0px を指定するクラス*/
.m5 { margin: 5px !important }
.mt5 { margin-top: 5px !important }
.mr5 { margin-right: 5px !important }
.mb5 { margin-bottom: 5px !important }
.ml5 { margin-left: 5px !important }
.m10 { margin: 10px !important }
.mt10 { margin-top: 10px !important }
.mr10 { margin-right: 10px !important }
.mb10 { margin-bottom: 10px !important }
.ml10 { margin-left: 10px !important }
.m15 { margin: 15px !important }
.mt15 { margin-top: 15px !important }
.mr15 { margin-right: 15px !important }
.mb15 { margin-bottom: 15px !important }
.ml15 { margin-left: 15px !important }
.m20 { margin: 20px !important }
.mt20 { margin-top: 20px !important }
.mr20 { margin-right: 20px !important }
.mb20 { margin-bottom: 20px !important }
.ml20 { margin-left: 20px !important }
.m25 { margin: 25px !important }
.mt25 { margin-top: 25px !important }
.mr25 { margin-right: 25px !important }
.mb25 { margin-bottom: 25px !important }
.ml25 { margin-left: 25px !important }
.m30 { margin: 30px !important }
.mt30 { margin-top: 30px !important }
.mr30 { margin-right: 30px !important }
.mb30 { margin-bottom: 30px !important }
.ml30 { margin-left: 30px !important }
.m35 { margin: 35px !important }
.mt35 { margin-top: 35px !important }
.mr35 { margin-right: 35px !important }
.mb35 { margin-bottom: 35px !important }
.ml35 { margin-left: 35px !important }
.m40 { margin: 40px !important }
.mt40 { margin-top: 40px !important }
.mr40 { margin-right: 40px !important }
.mb40 { margin-bottom: 40px !important }
.ml40 { margin-left: 40px !important }
.m45 { margin: 45px !important }
.mt45 { margin-top: 45px !important }
.mr45 { margin-right: 45px !important }
.mb45 { margin-bottom: 45px !important }
.ml45 { margin-left: 45px !important }
.m50 { margin: 50px !important }
.mt50 { margin-top: 50px !important }
.mr50 { margin-right: 50px !important }
.mb50 { margin-bottom: 50px !important }
.ml50 { margin-left: 50px !important }
.m55 { margin: 55px !important }
.mt55 { margin-top: 55px !important }
.mr55 { margin-right: 55px !important }
.mb55 { margin-bottom: 55px !important }
.ml55 { margin-left: 55px !important }
.m60 { margin: 60px !important }
.mt60 { margin-top: 60px !important }
.mr60 { margin-right: 60px !important }
.mb60 { margin-bottom: 60px !important }
.ml60 { margin-left: 60px !important }
.m65 { margin: 65px !important }
.mt65 { margin-top: 65px !important }
.mr65 { margin-right: 65px !important }
.mb65 { margin-bottom: 65px !important }
.ml65 { margin-left: 65px !important }
.m70 { margin: 70px !important }
.mr70 { margin-right: 70px !important }
.mb70 { margin-bottom: 70px !important }
.ml70 { margin-left: 70px !important }
.m75 { margin: 75px !important }
.mt75 { margin-top: 75px !important }
.mr75 { margin-right: 75px !important }
.mb75 { margin-bottom: 75px !important }
.ml75 { margin-left: 75px !important }
.m80 { margin: 80px !important }
.mt80 { margin-top: 80px !important }
.mr80 { margin-right: 80px !important }
.mb80 { margin-bottom: 80px !important }
.ml80 { margin-left: 80px !important }
/* padding ----------------------------------------------------------------*/
.p0 { padding: 0 !important }			/* padding-0px を指定するクラス */
.pt0 { padding-top: 0 !important }		/* padding-top0px を指定するクラス */
.pr0 { padding-right: 0 !important }	/* padding-right0px を指定するクラス */
.pb0 { padding-bottom: 0 !important }	/* padding-bottom0px を指定するクラス */
.pl0 { padding-left: 0 !important }		/* padding-left0px を指定するクラス */
.p5 { padding: 5px !important }
.pt5 { padding-top: 5px !important }
.pr5 { padding-right: 5px !important }
.pb5 { padding-bottom: 5px !important }
.pl5 { padding-left: 5px !important }
.p10 { padding: 10px !important }
.pt10 { padding-top: 10px !important }
.pt20 { padding-top: 20px !important }
.pt40 { padding-top: 40px !important }
.pr10 { padding-right: 10px !important }
.pb10 { padding-bottom: 10px !important }
.pl10 { padding-left: 10px !important }