.hidden { display:none; }
.cke_skin_movabletype .cke_button_templates .cke_label,
.cke_skin_movabletype .cke_button_showblocks .cke_label,
.cke_skin_movabletype .cke_button_removeFormat .cke_label { display: inline;}
td.cke_dialog_contents > div.cke_dialog_page_contents {
overflow-y: auto;
overflow-x: hidden;
}
label > span.mojicon {
margin-right: 0;
font-size: 32px;
}
.font-meiryo {font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}
.font-mincho {font-family:”ＭＳ Ｐ明朝”, “MS PMincho”, “ヒラギノ明朝 Pro W3″, “Hiragino Mincho Pro”, serif;}
.font-gothic {font-family: 'MS PGothic', Osaka, Arial, sans-serif;}
.font-newgothic{font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
.font-newmincho{font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;}
.font-mono{font-family: "Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace;}
.font-marugo{font-family : "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;}
.font-bmarugo{font-family: "ヒラギノ丸ゴ ProN","Hiragino Maru Gothic ProN","Meiryo UI";}
.font-arial{font-family: "arial";}
.font-haettenschweiler{font-family: "Haettenschweiler";}
.font-monotype{font-family: "Monotype Corsiva";}
.font-hgothic {font-family: "HGP創英角ｺﾞｼｯｸUB", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";}
.youtube_embed { position:relative; padding-bottom:56.25%; padding-top:30px; overflow:hidden; max-width:100%!important; height:auto; }
.youtube_embed iframe, .youtube_embed object, .youtube_embed embed { position:absolute;top:0;left:0;width:100%!important;height:100%!important; }
.youtube_embed img.cke_iframe { position:absolute;top:0;left:0;width:99%!important;height:99%!important; }
.cke_show_borders table, [class$="_body"] table, [class*="_body "] table {
-webkit-text-size-adjust: 100%;
table-layout:auto;
overflow:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;
margin: 0;
border-collapse: separate;
border-spacing: 0;
background-color: transparent;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-radius: 6px 6px 6px 6px!important;
}
.cke_show_borders table th, [class$="_body"] table th, [class*="_body "] table th,
.cke_show_borders table td, [class$="_body"] table td, [class*="_body "] table td {
padding:7px;
background:#FFF;
border-bottom:solid 1px #CCC;
border-right:solid 1px #CCC;
}
.cke_show_borders table tr:first-child *:first-child,
[class$="_body"] table tr:first-child *:first-child,
[class*="_body "] table tr:first-child *:first-child {
border-top-left-radius: 6px!important;
}
.cke_show_borders table tr:first-child *:last-child,
[class$="_body"] table tr:first-child *:last-child,
[class*="_body "] table tr:first-child *:last-child {
border-top-right-radius: 6px!important;
}
.cke_show_borders table tr:last-child *:first-child,
[class$="_body"] table tr:last-child *:first-child,
[class*="_body "] table tr:last-child *:first-child {
border-bottom-left-radius: 6px!important;
}
.cke_show_borders table tr:last-child *:last-child,
[class$="_body"] table tr:last-child *:last-child,
[class*="_body "] table tr:last-child *:last-child {
border-bottom-right-radius: 6px!important;
}
.cke_show_borders table thead tr:first-child th:first-child,
[class$="_body"] table thead tr:first-child th:first-child,
[class*="_body "] table thead tr:first-child th:first-child {
border-top-left-radius: 6px!important;
}
.cke_show_borders table thead tr:first-child th:last-child,
[class$="_body"] table thead tr:first-child th:last-child,
[class*="_body "] table thead tr:first-child th:last-child {
border-top-right-radius: 6px!important;
}
.cke_show_borders table thead tr:last-child th:first-child,
[class$="_body"] table thead tr:last-child th:first-child,
[class*="_body "] table thead tr:last-child th:first-child {
border-bottom-left-radius: 0!important;
}
.cke_show_borders table thead tr:first-child th:last-child,
[class$="_body"] table thead tr:first-child th:last-child,
[class*="_body "] table thead tr:first-child th:last-child {
border-bottom-right-radius: 0!important;
}
.cke_show_borders table thead + tbody tr:first-child *:first-child,
[class$="_body"] table thead + tbody tr:first-child *:first-child,
[class*="_body "] table thead + tbody tr:first-child *:first-child {
border-top-left-radius: 0!important;
}
.cke_show_borders table thead + tbody tr:first-child *:last-child,
[class$="_body"] table thead + tbody tr:first-child *:last-child,
[class*="_body "] table thead + tbody tr:first-child *:last-child {
border-top-right-radius: 0!important;
}
.cke_show_borders table tr:first-child img:first-child,
[class$="_body"] table tr:first-child img:first-child,
[class*="_body "] table tr:first-child img:first-child {
border-top-left-radius: 0!important;
}
.cke_show_borders table tr:first-child img:last-child,
[class$="_body"] table tr:first-child img:last-child,
[class*="_body "] table tr:first-child img:last-child {
border-top-right-radius: 0!important;
}
.cke_show_borders table img,
[class$="_body"] table img,
[class*="_body "] table img {
display: inline-block;
line-height: 1;
}
@media screen and (min-width: 0px) and (max-width: 480px) {
table.dlbox td,table.dlbox th {
width: 100%;
display: block;
text-align: left;
}
table.dlbox tr:first-child *:first-child {
border-top-left-radius: 6px!important;
border-top-right-radius: 6px;
}
table.dlbox tr:first-child *:last-child {
border-top-right-radius: 0px!important;
}
table.dlbox tr:last-child *:first-child {
border-bottom-left-radius: 0px!important;
}
table.dlbox tr:last-child *:last-child {
border-bottom-left-radius: 6px!important;
border-bottom-right-radius: 6px!important;
}
}
/*	24 COLUMN : RESPONSIVE GRID SYSTEM
DEVELOPER : DENIS LEBLANC
URL : http://responsive.gs
VERSION : 3.0
LICENSE : GPL & MIT */
/* 	SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */
.container { margin: 0 auto; }
.container:after,.row:after, .cel:after, .clr:after, .group:after { content: "" display: table; clear: both; }
.row { padding-bottom: 0; }
.cel {
width: 100%; padding: 4px 8px;
border-style: solid;
border-color: #FFF;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
border-width: 1px 0px 0px;
text-align: left;
vertical-align: top;
word-wrap: break-word;
}
#sortable .cf .field,
.cf .sort-enabled { margin-bottom: 0; }
[class^="sp24"], [class^="sp5_"], [class^="sp7_"], [class*=" sp24"],.cel  { display: block;float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.gutters .cel{margin-left:2%;}
.gutters .cel:first-child{margin-left:0}
@media screen and (min-width: 0px) and (max-width: 480px) {
.sp24_1,
.sp24_2,
.sp24_3,
.sp24_4 {width:50%}
.sp24_5,
.sp24_6,
.sp24_7,
.sp24_8,
.sp24_9,
.sp24_10,
.sp24_11,
.sp24_12,
.sp24_13,
.sp24_14,
.sp24_15,
.sp24_16,
.sp24_17,
.sp24_18,
.sp24_19,
.sp24_20,
.sp24_21,
.sp24_22,
.sp24_23,
.sp24_24 {width:100%}
.gutters .sp24_1,
.gutters .sp24_2,
.gutters .sp24_3,
.gutters .sp24_4{width:49.0%; marign-left:0.5%; marign-right:0.5%;}
.gutters .sp24_5,
.gutters .sp24_6,
.gutters .sp24_7,
.gutters .sp24_8,
.gutters .sp24_9,
.gutters .sp24_10,
.gutters .sp24_11,
.gutters .sp24_12,
.gutters .sp24_13,
.gutters .sp24_14,
.gutters .sp24_15,
.gutters .sp24_16,
.gutters .sp24_17,
.gutters .sp24_18,
.gutters .sp24_19,
.gutters .sp24_20,
.gutters .sp24_21,
.gutters .sp24_22,
.gutters .sp24_23,
.gutters .sp24_24{width:100%;}
}
@media screen and (min-width: 481px) and (max-width: 640px) {
.sp24_1,
.sp24_2,
.sp24_3,
.sp24_4 {width:25%}
.sp24_5,
.sp24_6,
.sp24_7,
.sp24_8 {width:50%}
.sp24_9,
.sp24_10,
.sp24_11,
.sp24_12,
.sp24_13,
.sp24_14,
.sp24_15,
.sp24_16,
.sp24_17,
.sp24_18,
.sp24_19,
.sp24_20,
.sp24_21,
.sp24_22,
.sp24_23,
.sp24_24 {width:100%}
.gutters .sp24_1,
.gutters .sp24_2,
.gutters .sp24_3,
.gutters .sp24_4{width:23.5%; marign-left:0.5%; marign-right:0.5%;}
.gutters .sp24_5,
.gutters .sp24_6,
.gutters .sp24_7,
.gutters .sp24_8{width:49.0%; marign-left:0.5%; marign-right:0.5%;}
.gutters .sp24_9,
.gutters .sp24_10,
.gutters .sp24_11,
.gutters .sp24_12,
.gutters .sp24_13,
.gutters .sp24_14,
.gutters .sp24_15,
.gutters .sp24_16,
.gutters .sp24_17,
.gutters .sp24_18,
.gutters .sp24_19,
.gutters .sp24_20,
.gutters .sp24_21,
.gutters .sp24_22,
.gutters .sp24_23,
.gutters .sp24_24{width:100%;}
}
@media ( min-width : 768px ) {
.sp24_1{width:4.16666666667%;}
.sp24_2{width:8.33333333333%;}
.sp24_3{width:12.5%}
.sp24_4{width:16.6666666667%;}
.sp24_5{width:20%;}
.sp24_6{width:25%}
.sp24_7{width:29.1666666667%;}
.sp24_8{width:33.3333333333%;}
.sp24_9{width:37.5%}
.sp24_10{width:41.6666666667%;}
.sp24_11{width:45.8333333333%;}
.sp24_12{width:50%;}
.sp24_13{width:54.1666666667%;}
.sp24_14{width:58.3333333333%;}
.sp24_15{width:62.5%;}
.sp24_16{width:66.6666666667%;}
.sp24_17{width:70.8333333333%;}
.sp24_18{width:75%;}
.sp24_19{width:79.1666666667%;}
.sp24_20{width:83.3333333333%;}
.sp24_21{width:87.5%;}
.sp24_22{width:91.6666666667%;}
.sp24_23{width:95.8333333333%;}
.sp24_24{width:100%;}
.gutters .sp24_1{width:2.25%;}
.gutters .sp24_2{width:6.5%;}
.gutters .sp24_3{width:10.75%;}
.gutters .sp24_4{width:15.0%;}
.gutters .sp24_5{width:19.25%;}
.gutters .sp24_6{width:23.5%;}
.gutters .sp24_7{width:27.75%;}
.gutters .sp24_8{width:32.0%;}
.gutters .sp24_9{width:36.25%;}
.gutters .sp24_10{width:40.5%;}
.gutters .sp24_11{width:44.75%;}
.gutters .sp24_12{width:49.0%;}
.gutters .sp24_13{width:53.25%;}
.gutters .sp24_14{width:57.5%;}
.gutters .sp24_15{width:61.75%;}
.gutters .sp24_16{width:66.0%;}
.gutters .sp24_17{width:70.25%;}
.gutters .sp24_18{width:74.5%;}
.gutters .sp24_19{width:78.75%;}
.gutters .sp24_20{width:83.0%;}
.gutters .sp24_21{width:87.25%;}
.gutters .sp24_22{width:91.5%;}
.gutters .sp24_23{width:95.75%;}
.gutters .sp24_24{width:100%;}
.mgL1 { margin-left: 4.16666666667%; }
.mgL2 { margin-left: 8.33333333333%; }
.mgL3 { margin-left:12.5%; }
.mgL4 { margin-left: 16.6666666667%; }
.mgL5 { margin-left: 20.8333333333%; }
.mgL6 { margin-left: 25%; }
.mgL7 { margin-left: 29.1666666667%; }
.mgL8 { margin-left: 33.3333333333%; }
.mgL9 { margin-left: 37.5%; }
.mgL10 { margin-left: 41.6666666667%; }
.mgL11 { margin-left: 45.8333333333%; }
.mgL12 { margin-left: 50%; }
.mgL13 { margin-left: 54.1666666667%; }
.mgL14 { margin-left: 58.3333333333%; }
.mgL15 { margin-left: 62.5%; }
.mgL16 { margin-left: 66.6666666667%; }
.mgL17 { margin-left: 70.8333333333%; }
.mgL18 { margin-left: 75%; }
.mgL19 { margin-left: 79.1666666667%; }
.mgL20 { margin-left: 83.3333333333%; }
.mgL21 { margin-left: 87.5%; }
.mgL22 { margin-left: 91.6666666667%; }
.mgL23 { margin-left: 95.8333333333%; }
}
.sp5_1{width:20%;}
.sp5_2{width:40%;}
.sp5_3{width:60%;}
.sp5_4{width:80%;}
.sp5_5{width:100%;}
.sp7_1{width:14.285%; calc(100%/7);}
.sp7_2{width:28.58%; calc(100%/7*2);}
.sp7_3{width:42.87%; calc(100%/7*3);}
.sp7_4{width:57.16%; calc(100%/7*4);}
.sp7_5{width:71.45%; calc(100%/7*5);}
.sp7_6{width:85.74%; calc(100%/7*6);}
.sp7_7{width:100%;}
.gutters.sp7_1{width:12.57%;
width:calc(88%/7);}
.rad5box {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid rgba(111,111,111,.2);
box-shadow: 0 1px 0 rgba(255,255,255,.3) inset, -1px 0 0 rgba(255,255,255,.3) inset, 0 1px 0 rgba(255,255,255,.3), -1px 0 0 rgba(255,255,255,.3);
-pie-box-shadow: 0 1px 0 rgba(255,255,255,.3) inset, -1px 0 0 rgba(255,255,255,.3) inset, 0 1px 0 rgba(255,255,255,.3), -1px 0 0 rgba(255,255,255,.3);
margin: 7px 0;
}
.nof { float: none; }
.cf:before,
.cf:after {
width: 100%;
height: 1px;
content:"";
display:table;
}.textfull .text { width:98%; }
.cf:after {
clear:both;
float: none;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
zoom:1;
}
.hidden { display:none; }
.cke_skin_movabletype .cke_button_templates .cke_label,
.cke_skin_movabletype .cke_button_showblocks .cke_label,
.cke_skin_movabletype .cke_button_removeFormat .cke_label { display: inline;}
td.cke_dialog_contents > div.cke_dialog_page_contents {
overflow-y: auto;
overflow-x: hidden;
}
label > span.mojicon {
margin-right: 0;
font-size: 32px;
}
.font-meiryo {font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}
.font-mincho {font-family:”ＭＳ Ｐ明朝”, “MS PMincho”, “ヒラギノ明朝 Pro W3″, “Hiragino Mincho Pro”, serif;}
.font-gothic {font-family: 'MS PGothic', Osaka, Arial, sans-serif;}
.font-newgothic{font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
.font-newmincho{font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;}
.font-mono{font-family: "Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace;}
.font-marugo{font-family : "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;}
.font-bmarugo{font-family: "ヒラギノ丸ゴ ProN","Hiragino Maru Gothic ProN","Meiryo UI";}
.font-arial{font-family: "arial";}
.font-haettenschweiler{font-family: "Haettenschweiler";}
.font-monotype{font-family: "Monotype Corsiva";}
.font-hgothic {font-family: "HGP創英角ｺﾞｼｯｸUB", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";}
.youtube_embed { position:relative; padding-bottom:56.25%; padding-top:30px; overflow:hidden; max-width:100%!important; height:auto; }
.youtube_embed iframe, .youtube_embed object, .youtube_embed embed { position:absolute;top:0;left:0;width:100%!important;height:100%!important; }
.youtube_embed img.cke_iframe { position:absolute;top:0;left:0;width:99%!important;height:99%!important; }
.cke_show_borders table, [class$="_body"] table, [class*="_body "] table {
-webkit-text-size-adjust: 100%;
table-layout:auto;
overflow:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;
margin: 0;
border-collapse: separate;
border-spacing: 0;
background-color: transparent;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-radius: 6px 6px 6px 6px!important;
}
.cke_show_borders table th, [class$="_body"] table th, [class*="_body "] table th,
.cke_show_borders table td, [class$="_body"] table td, [class*="_body "] table td {
padding:7px;
background:#FFF;
border-bottom:solid 1px #CCC;
border-right:solid 1px #CCC;
}
.cke_show_borders table tr:first-child *:first-child,
[class$="_body"] table tr:first-child *:first-child,
[class*="_body "] table tr:first-child *:first-child {
border-top-left-radius: 6px!important;
}
.cke_show_borders table tr:first-child *:last-child,
[class$="_body"] table tr:first-child *:last-child,
[class*="_body "] table tr:first-child *:last-child {
border-top-right-radius: 6px!important;
}
.cke_show_borders table tr:last-child *:first-child,
[class$="_body"] table tr:last-child *:first-child,
[class*="_body "] table tr:last-child *:first-child {
border-bottom-left-radius: 6px!important;
}
.cke_show_borders table tr:last-child *:last-child,
[class$="_body"] table tr:last-child *:last-child,
[class*="_body "] table tr:last-child *:last-child {
border-bottom-right-radius: 6px!important;
}
.cke_show_borders table thead tr:first-child th:first-child,
[class$="_body"] table thead tr:first-child th:first-child,
[class*="_body "] table thead tr:first-child th:first-child {
border-top-left-radius: 6px!important;
}
.cke_show_borders table thead tr:first-child th:last-child,
[class$="_body"] table thead tr:first-child th:last-child,
[class*="_body "] table thead tr:first-child th:last-child {
border-top-right-radius: 6px!important;
}
.cke_show_borders table thead tr:last-child th:first-child,
[class$="_body"] table thead tr:last-child th:first-child,
[class*="_body "] table thead tr:last-child th:first-child {
border-bottom-left-radius: 0!important;
}
.cke_show_borders table thead tr:first-child th:last-child,
[class$="_body"] table thead tr:first-child th:last-child,
[class*="_body "] table thead tr:first-child th:last-child {
border-bottom-right-radius: 0!important;
}
.cke_show_borders table thead + tbody tr:first-child *:first-child,
[class$="_body"] table thead + tbody tr:first-child *:first-child,
[class*="_body "] table thead + tbody tr:first-child *:first-child {
border-top-left-radius: 0!important;
}
.cke_show_borders table thead + tbody tr:first-child *:last-child,
[class$="_body"] table thead + tbody tr:first-child *:last-child,
[class*="_body "] table thead + tbody tr:first-child *:last-child {
border-top-right-radius: 0!important;
}
.cke_show_borders table tr:first-child img:first-child,
[class$="_body"] table tr:first-child img:first-child,
[class*="_body "] table tr:first-child img:first-child {
border-top-left-radius: 0!important;
}
.cke_show_borders table tr:first-child img:last-child,
[class$="_body"] table tr:first-child img:last-child,
[class*="_body "] table tr:first-child img:last-child {
border-top-right-radius: 0!important;
}
.cke_show_borders table img,
[class$="_body"] table img,
[class*="_body "] table img {
display: inline-block;
line-height: 1;
}
@media screen and (min-width: 0px) and (max-width: 480px) {
table.dlbox td,table.dlbox th {
width: 100%;
display: block;
text-align: left;
}
table.dlbox tr:first-child *:first-child {
border-top-left-radius: 6px!important;
border-top-right-radius: 6px;
}
table.dlbox tr:first-child *:last-child {
border-top-right-radius: 0px!important;
}
table.dlbox tr:last-child *:first-child {
border-bottom-left-radius: 0px!important;
}
table.dlbox tr:last-child *:last-child {
border-bottom-left-radius: 6px!important;
border-bottom-right-radius: 6px!important;
}
}
/*	24 COLUMN : RESPONSIVE GRID SYSTEM
DEVELOPER : DENIS LEBLANC
URL : http://responsive.gs
VERSION : 3.0
LICENSE : GPL & MIT */
/* 	SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */
.container { margin: 0 auto; }
.container:after,.row:after, .cel:after, .clr:after, .group:after { content: "" display: table; clear: both; }
.row { padding-bottom: 0; }
.cel {
width: 100%; padding: 4px 8px;
border-style: solid;
border-color: #FFF;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
border-width: 1px 0px 0px;
text-align: left;
vertical-align: top;
word-wrap: break-word;
}
#sortable .cf .field,
.cf .sort-enabled { margin-bottom: 0; }
[class^="sp24"], [class^="sp5_"], [class^="sp7_"], [class*=" sp24"],.cel  { display: block;float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.gutters .cel{margin-left:2%;}
.gutters .cel:first-child{margin-left:0}
@media screen and (min-width: 0px) and (max-width: 480px) {
.sp24_1,
.sp24_2,
.sp24_3,
.sp24_4 {width:50%}
.sp24_5,
.sp24_6,
.sp24_7,
.sp24_8,
.sp24_9,
.sp24_10,
.sp24_11,
.sp24_12,
.sp24_13,
.sp24_14,
.sp24_15,
.sp24_16,
.sp24_17,
.sp24_18,
.sp24_19,
.sp24_20,
.sp24_21,
.sp24_22,
.sp24_23,
.sp24_24 {width:100%}
.gutters .sp24_1,
.gutters .sp24_2,
.gutters .sp24_3,
.gutters .sp24_4{width:49.0%; marign-left:0.5%; marign-right:0.5%;}
.gutters .sp24_5,
.gutters .sp24_6,
.gutters .sp24_7,
.gutters .sp24_8,
.gutters .sp24_9,
.gutters .sp24_10,
.gutters .sp24_11,
.gutters .sp24_12,
.gutters .sp24_13,
.gutters .sp24_14,
.gutters .sp24_15,
.gutters .sp24_16,
.gutters .sp24_17,
.gutters .sp24_18,
.gutters .sp24_19,
.gutters .sp24_20,
.gutters .sp24_21,
.gutters .sp24_22,
.gutters .sp24_23,
.gutters .sp24_24{width:100%;}
}
@media screen and (min-width: 481px) and (max-width: 640px) {
.sp24_1,
.sp24_2,
.sp24_3,
.sp24_4 {width:25%}
.sp24_5,
.sp24_6,
.sp24_7,
.sp24_8 {width:50%}
.sp24_9,
.sp24_10,
.sp24_11,
.sp24_12,
.sp24_13,
.sp24_14,
.sp24_15,
.sp24_16,
.sp24_17,
.sp24_18,
.sp24_19,
.sp24_20,
.sp24_21,
.sp24_22,
.sp24_23,
.sp24_24 {width:100%}
.gutters .sp24_1,
.gutters .sp24_2,
.gutters .sp24_3,
.gutters .sp24_4{width:23.5%; marign-left:0.5%; marign-right:0.5%;}
.gutters .sp24_5,
.gutters .sp24_6,
.gutters .sp24_7,
.gutters .sp24_8{width:49.0%; marign-left:0.5%; marign-right:0.5%;}
.gutters .sp24_9,
.gutters .sp24_10,
.gutters .sp24_11,
.gutters .sp24_12,
.gutters .sp24_13,
.gutters .sp24_14,
.gutters .sp24_15,
.gutters .sp24_16,
.gutters .sp24_17,
.gutters .sp24_18,
.gutters .sp24_19,
.gutters .sp24_20,
.gutters .sp24_21,
.gutters .sp24_22,
.gutters .sp24_23,
.gutters .sp24_24{width:100%;}
}
@media ( min-width : 768px ) {
.sp24_1{width:4.16666666667%;}
.sp24_2{width:8.33333333333%;}
.sp24_3{width:12.5%}
.sp24_4{width:16.6666666667%;}
.sp24_5{width:20%;}
.sp24_6{width:25%}
.sp24_7{width:29.1666666667%;}
.sp24_8{width:33.3333333333%;}
.sp24_9{width:37.5%}
.sp24_10{width:41.6666666667%;}
.sp24_11{width:45.8333333333%;}
.sp24_12{width:50%;}
.sp24_13{width:54.1666666667%;}
.sp24_14{width:58.3333333333%;}
.sp24_15{width:62.5%;}
.sp24_16{width:66.6666666667%;}
.sp24_17{width:70.8333333333%;}
.sp24_18{width:75%;}
.sp24_19{width:79.1666666667%;}
.sp24_20{width:83.3333333333%;}
.sp24_21{width:87.5%;}
.sp24_22{width:91.6666666667%;}
.sp24_23{width:95.8333333333%;}
.sp24_24{width:100%;}
.gutters .sp24_1{width:2.25%;}
.gutters .sp24_2{width:6.5%;}
.gutters .sp24_3{width:10.75%;}
.gutters .sp24_4{width:15.0%;}
.gutters .sp24_5{width:19.25%;}
.gutters .sp24_6{width:23.5%;}
.gutters .sp24_7{width:27.75%;}
.gutters .sp24_8{width:32.0%;}
.gutters .sp24_9{width:36.25%;}
.gutters .sp24_10{width:40.5%;}
.gutters .sp24_11{width:44.75%;}
.gutters .sp24_12{width:49.0%;}
.gutters .sp24_13{width:53.25%;}
.gutters .sp24_14{width:57.5%;}
.gutters .sp24_15{width:61.75%;}
.gutters .sp24_16{width:66.0%;}
.gutters .sp24_17{width:70.25%;}
.gutters .sp24_18{width:74.5%;}
.gutters .sp24_19{width:78.75%;}
.gutters .sp24_20{width:83.0%;}
.gutters .sp24_21{width:87.25%;}
.gutters .sp24_22{width:91.5%;}
.gutters .sp24_23{width:95.75%;}
.gutters .sp24_24{width:100%;}
.mgL1 { margin-left: 4.16666666667%; }
.mgL2 { margin-left: 8.33333333333%; }
.mgL3 { margin-left:12.5%; }
.mgL4 { margin-left: 16.6666666667%; }
.mgL5 { margin-left: 20.8333333333%; }
.mgL6 { margin-left: 25%; }
.mgL7 { margin-left: 29.1666666667%; }
.mgL8 { margin-left: 33.3333333333%; }
.mgL9 { margin-left: 37.5%; }
.mgL10 { margin-left: 41.6666666667%; }
.mgL11 { margin-left: 45.8333333333%; }
.mgL12 { margin-left: 50%; }
.mgL13 { margin-left: 54.1666666667%; }
.mgL14 { margin-left: 58.3333333333%; }
.mgL15 { margin-left: 62.5%; }
.mgL16 { margin-left: 66.6666666667%; }
.mgL17 { margin-left: 70.8333333333%; }
.mgL18 { margin-left: 75%; }
.mgL19 { margin-left: 79.1666666667%; }
.mgL20 { margin-left: 83.3333333333%; }
.mgL21 { margin-left: 87.5%; }
.mgL22 { margin-left: 91.6666666667%; }
.mgL23 { margin-left: 95.8333333333%; }
}
.sp5_1{width:20%;}
.sp5_2{width:40%;}
.sp5_3{width:60%;}
.sp5_4{width:80%;}
.sp5_5{width:100%;}
.sp7_1{width:14.285%; calc(100%/7);}
.sp7_2{width:28.58%; calc(100%/7*2);}
.sp7_3{width:42.87%; calc(100%/7*3);}
.sp7_4{width:57.16%; calc(100%/7*4);}
.sp7_5{width:71.45%; calc(100%/7*5);}
.sp7_6{width:85.74%; calc(100%/7*6);}
.sp7_7{width:100%;}
.gutters.sp7_1{width:12.57%;
width:calc(88%/7);}
.rad5box {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid rgba(111,111,111,.2);
box-shadow: 0 1px 0 rgba(255,255,255,.3) inset, -1px 0 0 rgba(255,255,255,.3) inset, 0 1px 0 rgba(255,255,255,.3), -1px 0 0 rgba(255,255,255,.3);
-pie-box-shadow: 0 1px 0 rgba(255,255,255,.3) inset, -1px 0 0 rgba(255,255,255,.3) inset, 0 1px 0 rgba(255,255,255,.3), -1px 0 0 rgba(255,255,255,.3);
margin: 7px 0;
}
.nof { float: none; }
.cf:before,
.cf:after {
width: 100%;
height: 1px;
content:"";
display:table;
}.textfull .text { width:98%; }
.cf:after {
clear:both;
float: none;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
zoom:1;
}
.cke_show_borders { font-size: 14px; line-height: 1.8; }
.cke_show_borders img { margin: 0 0.5em 0 0; }
.cke_show_borders hr, .content_body hr { clear:both; }
.cke_panel_listItem div { font-size: 16px; margin-top: 14px; }
.cke_panel_listItem div:after { margin-bottom: 14px; }
.cke_panel_listItem address { font-size: 16px; }
.cke_panel_listItem pre { font-size: 16px; }
.cke_panel_listItem h1 { font-size: 16px; }
.cke_panel_listItem h2 { font-size: 16px; }
.cke_panel_listItem h3 { font-size: 16px; margin-bottom: 14px; }
.cke_panel_listItem h4 { font-size: 16px; }
.cke_panel_listItem h5 { font-size: 16px; margin-top: 14px; }
.cke_panel_listItem h6 { font-size: 7px; width:38px; display: inline-block; }
.cke_panel_listItem h6:first-letter { font-size: 21px; float: left; line-height: 1; display: inline-block; }
.cke_panel_listItem .padedbox { font-size: 16px; padding: 0.3em 1em; }
.cke_panel_listItem h1, .hdlt-ck1 { position: relative; font-size: 1.5em; line-height: 1;
margin: 1em 0; padding: 7px 16px;
border-left: 9px double #006600;
}
.cke_panel_listItem h1 { margin: 0; }
.cke_panel_listItem h1:after, .hdlt-ck1:after {
content: "";
position: absolute;
bottom: 0px;
left: 0;
height: 0;
width: 100%;
border-bottom: 1px dotted #ccc;
}
.hdlt-ck2 { font-size: 16px; }
.cke_panel_listItem h2, .hdlt-ck2 {
position: relative;
color: #111;
line-height: 1;
margin: 1em 0 0 0;
padding: 14px 5px 10px 1.5em;
}
.cke_panel_listItem h2:before,
.hdlt-ck2:before {
content: "";
position: absolute;
background: #999;
top: 0;
left: 5px;
height: 10px;
width: 10px;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.cke_panel_listItem h2:after, .hdlt-ck2:after {
content: "";
position: absolute;
background:#777;
top: 15px;
left: 0;
height: 6px;
width: 6px;
-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
-o-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
.cke_panel_listItem pre, .hdl-marumaru {
position:relative;
padding-left:30px;
border-bottom:2px solid #ccc;
font-weight: bold;
font-size: 22px;
line-height: 38px;
}
.cke_panel_listItem pre:before, .hdl-marumaru:before {
content:'';
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
height:12px;
width:12px;
display:block;
position:absolute;
top:14px;
left:7px;
background-color:#6B0CE8;
box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
filter:alpha(opacity=50);
-moz-opacity:0.50;
-khtml-opacity: 0.50;
opacity:0.50;
z-index: 1;
}
.cke_panel_listItem pre:after, .hdl-marumaru:after {
content:'';
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
height:15px;
width:15px;
display:block;
position:absolute;
top:7px;
left:2px;
background-color:#00A8FF;
box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
}
.cke_panel_listItem address, .hdl-sqsq {
position: relative;
padding-left: 35px;
padding-bottom: 2px;
line-height; 1.8;
}
.cke_panel_listItem address:before, .hdl-sqsq:before {
position: absolute;
top: 11px;
left: 0;
width: 16px;
height: 16px;
border: 4px solid #C6D9EA;
content: "";
}
.cke_panel_listItem address:after, .hdl-sqsq:after {
position: absolute;
top: 3px;
left: 9px;
width: 13px;
height: 13px;
border: 1px solid #3E78FD;
content: "";
}
.cke_panel_listItem h3, .hdlt-ck3 {
position: relative;
padding: 0.4em;
margin: 0 0 1em;
font-weight: bold;
color: #fff;
background: #B92A2C;
transform: rotate(-1deg) skew(-1deg);
-webkit-transform: rotate(-1deg) skew(-1deg);
-moz-transform: rotate(-1deg) skew(-1deg);
-o-transform: rotate(-1deg) skew(-1deg);
-ms-transform: rotate(-1deg) skew(-1deg);
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #B92A2C, -1.0em 0 0 0 #B92A2C;
-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #B92A2C, -1.0em 0 0 0 #B92A2C;
-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #B92A2C, -1.0em 0 0 0 #B92A2C;
-o-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #B92A2C, -1.0em 0 0 0 #B92A2C;
-ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #B92A2C, -1.0em 0 0 0 #B92A2C;
}
.cke_panel_listItem h4, .hdlb-ck1 {
position:relative;
margin:0 -10px;
padding:10px 20px;
width:100%;
background:#88ccef;
box-shadow:0 3px 3px 0 rgba(0,0,0,0.1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.cke_panel_listItem h4:before, .hdlb-ck1:before {
content:" ";
position:absolute;
top:-20px;
left:0;
width:100%;
height:0;
border-width:10px;
border-style:solid;
border-color:transparent;
border-bottom-color:#91daff;
}
.cke_panel_listItem h5, .hdlb-ck2 {
position:relative;
padding:0.5em 2em;
background:#ffb53c;
color:#fff;
text-shadow:0 0 1px rgba(000,000,000,0.3);
}
.cke_panel_listItem h5:before,
.hdlb-ck2:before {
position: absolute;
top: 0px;
left: 0px;
display: block;
content: "";
border-width: 5px 6px;
border-style: solid;
border-color: rgb(255, 255, 255) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgb(255, 255, 255);
}
.cke_panel_listItem h5 { margin-bottom: 21px; }
.cke_panel_listItem div, .hdlt-fuki {
position:relative;
padding: 0.4em 1em;
font-weight: bold;
background-color: #51A2C1;
color: #fff;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.cke_panel_listItem div:before, .hdlt-fuki:before{
content:'';
height:0;
width:0;
display:block;
border:13px transparent solid;
border-right-width:0;
border-left-color:#51A2C1;
position:absolute;
top: 1.8em;
left: 15px;
transform:rotate(-270deg);
-webkit-transform:rotate(-270deg);
-moz-transform:rotate(-270deg);
-o-transform:rotate(-270deg);
-ms-transform:rotate(-270deg);
}
.hdlt-drcp1 { display: inline-block; font-size: 3em; float: left; line-height: 1; padding: 0; margin-right: 0.2em; }
/* CKEDITOR CSS */
.wred .ured .ceckmark .enclose3w, .enclose1b { font-size: 16px; display: inline-block; }
.enclose3w { padding: 5px;
font-family: "HGP創英角ｺﾞｼｯｸUB", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
text-shadow: 0px 3px 1px white,0px 2px 1px white,1px 2px 1px white,2px 2px 1px white,2px 1px 1px white,2px 0px 1px white,3px 0px 1px white,2px -1px 1px white,2px -2px 1px white,2px -3px 1px white,1px -3px 1px white,0px -3px 1px white,-1px -3px 1px white,-2px -3px 1px white,-3px -3px 1px white,-3px -2px 1px white,-3px -1px 1px white,-3px 0px 1px white,-3px 1px 1px white,-3px 2px 1px white,-2px 2px 1px white,-1px 2px 1px white,0px 0px  5px #333,0px 0px 10px #666;
letter-spacing: 6px;
}
.enclose1b { text-shadow: -1px -1px #666, 1px -1px #666, -1px 1px #666, 1px 1px #666; }
.cke_panel_listItem .enclose1b { color: #fff; margin-bottom: 14px; }
.cke_panel_listItem .enclose3w { margin-bottom: 14px; }
.cke_panel_listItem .ceckmark, .cke_panel_listItem .ured, .cke_panel_listItem .wred, .cke_panel_listItem .enclose3w, .cke_panel_listItem .enclose1b { display: inline-block; }
.wblue, .wred, .dotblue, .dotred { padding: 0 0.1em 0.3em; margin-bottom: 0.3em; -moz-background-size:100% 50%;
background-size:100% 50%; display: inline-block; }
.cureaka, .cureao, .cureore, .curepink, .curegreen, .curekuro { padding: 0 0.1em; margin-bottom: 0.3em; -moz-background-size:100% 50%;
background-size:100% 50%; display: inline-block; }
.shalaka, .shalao, .shalore, .shalpink, .shalgreen, .shalkuro { padding: 0 0.1em; margin-bottom: 0.3em; -moz-background-size:100% 50%;
background-size:100% 50%; display: inline-block; }
.ured { padding: 0 1em 0.3em;  margin-bottom:3.5px; -moz-background-size:100% 50%; background-size:100% 50%; display: inline-block;  }
.ceckmark {
padding-top: 0.3em; padding-left: 1.5em;
margin-bottom:  3.5px; line-height: 1.8;
-moz-background-size:auto 100%;
background-size:auto 100%;
}
.ceckmark { background: url(https://www.alphanet.co.jp/image/checkmark.gif) no-repeat left center; }
.ured { background: url(https://www.alphanet.co.jp/image/ured.gif) no-repeat right bottom; }
.wred { background: url(https://www.alphanet.co.jp/image/linewred.png) repeat-x right bottom; }
.wblue { background: url(https://www.alphanet.co.jp/image/linewblue.png) repeat-x right bottom; }
.dotred { background: url(https://www.alphanet.co.jp/image/linedotred.png) repeat-x right bottom; }
.dotblue { background: url(https://www.alphanet.co.jp/image/linedotblue.png) repeat-x right bottom; }
.cureaka{ background: url(https://www.alphanet.co.jp/image/creyonred.png) no-repeat right bottom; }
.cureao{ background: url(https://www.alphanet.co.jp/image/creyonao.png) no-repeat right bottom; }
.cureore{ background: url(https://www.alphanet.co.jp/image/creyonorange.png) no-repeat right bottom; }
.curepink{ background: url(https://www.alphanet.co.jp/image/creyonpink.png) no-repeat right bottom; }
.curegreen{ background: url(https://www.alphanet.co.jp/image/creyongreen.png) no-repeat right bottom; }
.curekuro{ background: url(https://www.alphanet.co.jp/image/creyonrkuro.png) no-repeat right bottom; }
.shalaka{ background: url(https://www.alphanet.co.jp/image/shalineaka.gif) no-repeat right bottom; }
.shalao{ background: url(https://www.alphanet.co.jp/image/shalineao.gif) no-repeat right bottom; }
.shalore{ background: url(https://www.alphanet.co.jp/image/shalineorange.gif) no-repeat right bottom; }
.shalpink{ background: url(https://www.alphanet.co.jp/image/shalinepink.gif) no-repeat right bottom; }
.shalgreen{ background: url(https://www.alphanet.co.jp/image/shalinegrenn.gif) no-repeat right bottom; }
.shalkuro{ background: url(https://www.alphanet.co.jp/image/shalinekuro.gif) no-repeat right bottom; }
.marker_yellow {
background: linear-gradient(transparent 40%, #ffff66 40%);
position: relative;
}
.marker_yellow:before {
content: "";
width: 0;
height: 0;
border-bottom: 0.4em solid #ffff66;
border-left: 6px solid transparent;
position: absolute;
bottom: 0;
left: -6px;
}
.marker_yellow:after {
content: "";
width: 0;
height: 0;
border-top: 0.6em solid #ffff66;
border-right: 6px solid transparent;
position: absolute;
bottom: 0;
right: -6px;
}
.marker_pink {
background: linear-gradient(transparent 40%, #ff66ff 40%);
position: relative;
}
.marker_pink:before {
content: "";
width: 0;
height: 0;
border-bottom: 0.4em solid #ff66ff;
border-left: 6px solid transparent;
position: absolute;
bottom: 0;
left: -6px;
}
.marker_pink:after {
content: "";
width: 0;
height: 0;
border-top: 0.6em solid #ff66ff;
border-right: 6px solid transparent;
position: absolute;
bottom: 0;
right: -6px;
}
.cke_panel_listItem .padedbox { padding: 0.3em 1em; }
.cke_panel_listItem .bgred, .bgred { background-color:#BF0000; color: #fff; }
.cke_panel_listItem .bgblue, .bgblue { background-color:#0000EE; color: #fff; }
.cke_panel_listItem .bggreen, .bggreen { background-color:#149600; color: #fff; }
.cke_panel_listItem .bgorange, .bgorange { background-color:#DC6C17; color: #fff; }
.cke_panel_listItem .bgyellow, .bgyellow { background-color:#F8BF00; color: #000; }
.cke_panel_listItem .bgpeach, .bgpeach {background-color:#EE8393; color: #fff;}
.cke_panel_listItem .bgblack, .bgblack {background-color:#000; color: #fff;}
.cke_panel_listItem .bgwhite, .bgwhite {background-color:#fff; color: #000;}
.cke_panel_listItem .bgglay, .bgglay {background-color:#F3F3F3; color: #000;}
.bgred a, .bgblue a,.bggreen a,.bgorange a,.bgpeach a,.bgblack a,.bgred a:visited,.bgblue a:visited,.bggreen a:visited,
.bgorange a:visited,.bgpeach a:visited,.bgblack a:visited { color: #fff;}
.bgyellow a, .bgwhite a, .bgyellow a:visited, .bgwhite a:visited, .bgglay a, .bgglay a:visited { color: #000;}
.cke_panel_listItem .padedbox, .padedbox { display: inline-block; padding: 0.5em 1em; margin: 14px 0 0; width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.cke_panel_listItem .rad5, .rad5 {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-pie-border-radius: 5px;
position: relative;
behavior: url(https://www.alphanet.co.jp/js/PIE.htc);
}
.img-rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-pie-border-radius:6px;position:relative;behavior:url(https://www.alphanet.co.jp/js/PIE.htc)}.img-polaroid{padding:4px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1);-pie-box-shadow:0 1px 3px rgba(0,0,0,0.1);position:relative;behavior:url(https://www.alphanet.co.jp/js/PIE.htc)}.img-circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;-pie-border-radius:500px;position:relative;behavior:url(https://www.alphanet.co.jp/js/PIE.htc)}hr{margin:20px 0;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff}
/******************** parts css ***********************/
#footer_nav { width: 100%; margin: 0; padding: 14px 0; text-align: right; overflow : hidden; border-top:solid #555555 3px; }
#footer_nav ul { min-width: 280px; margin-right: 0; padding: 0; text-align: left; display: inline-block; }
#footer_nav ul li { min-width: 2em; margin: 0; padding: 0; float: left; display: inline-block; overflow:hidden; position: relative; }
#footer_nav ul li a, #footer_nav ul li a:visited { display: inline-block;
color: #2b2b2b; font-size: 16px; padding: 0px 10px;
letter-spacing: 0.1em;
border-left:1px solid #ccc;
text-decoration: none;
}
#footer_nav ul li a,
#footer_nav ul li a:visited {
box-shadow:1px 0 #ddd, -1px 0 #eee inset;
-pie-box-shadow: 1px 0 #ddd, -1px 0 #eee inset;
position: relative;
behavior: url(https://www.alphanet.co.jp/js/PIE.htc);
}
#footercbox { text-align: left; width: 100%; height: 100%; padding: 21px 0; margin: 0; overflow: hidden; background-color: #F0F0F0; }
.footer_title { position:relative; height:25px; font-size: 21px; padding-left: 21px; margin-bottom: 14px; }
.footer_title:before {
content:'';
height:25px;
width:2px;
display:block;
position:absolute;
top:-1px;
left:4px;
background-color:#333;
border-left: 4px solid #333;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.ft_contactbox { margin-bottom: 14px; }
.footer-cols { float: left; width:30.3%; height: 100%; padding: 1.5%; }
.footer-cols {
padding-bottom: 800px;
margin-bottom: -800px;
}
.fc_title { margin-bottom: 1.5em; }
.footerclorsnav a, .footerclorsnav a:visited { color: #51565b; }
dl.addressbox { display: bloack; }
dl.addressbox dt { margin-bottom: 0.5em; }
dl.contactbox { clear: both;  margin-top: 10px; width: 100% }
dl.contactbox dt { float: left; width: 6em; clear: both; padding: 0; margin-bottom: 0.5em; font-weight: bold; height: auto; }
dl.contactbox dd { margin-bottom: 0.5em; margin-left: 6em; height: auto; }
@media screen and (min-width: 0px) and (max-width: 320px) {
.footerbox { padding: 1em; }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
.footerbox { padding: 1em; }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
.footerbox { padding: 1em; }
}
@media screen and (min-width: 768px) and (max-width: 979px) {
}
@media screen and (min-width: 980px)  {
}
#footer_bottom { margin: 0; padding: 21px 0; width: 100%; text-align: center; background-color:#000; color: #fff; }
#copyright { font-size: 11px; padding: 0; }
#copyright, #copyright a, #copyright a:visited { color: #fff; }
#poweredby { font-size: 11px; padding: 0 10px; font-family: "Monotype Corsiva"; }
#poweredby, #poweredby a, #poweredby a:visited { color: #ccc; }
#hgroup { width: 100%; background-color:#F0F0F0; }
#wrap_hgroup {position: relative;}
#headline1 { margin: 0; max-width: 510px; float: left; color:#777; text-shadow: #fffff8 1px 1px 0;
line-height: 1.1;
max-height: 27px;
-webkit-line-clamp: 2;
-moz-line-clamp: 2;
-ms-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
box-orient: vertical;
display: -webkit-box;
display: -moz-box;
display: -ms-box;
display: box;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#headline1 h1,#headline1 h2,#headline1 p { display: inline; margin: 0; padding: 0; font-size: 11px; font-weight: normal; text-decoration: none;}
#social-button-mini { margin-top: 7px; max-width: 250px; float: right; }
#fontnavi { margin: 0; min-width: 220px; float: right; }
ul#fontSizer { mini-height: 2.5em; float: right; display: inline-block; margin: 0.25em; clear:both; }
ul#fontSizer li { text-align: center; float: left; padding: 0.5em; line-height: 1; font-size: 12px;
background-color: transparent; color:#333; text-shadow: #fffff8 1px 1px 0;}
ul#fontSizer li#font-s, ul#fontSizer li#font-m, ul#fontSizer li#font-l{ background-color: #fff; }
ul#fontSizer li#font-s.active, ul#fontSizer li#font-m.active, ul#fontSizer li#font-l.active { background-color: #C0C6C9; color:#fff; text-shadow: #333 1px 1px 0;}
.font-s { font-size: 80%; }
.font-m { font-size: 100%; }
.font-l { font-size: 130%; }
#font-s, #font-m, #font-l { margin-left: 2px; cursor: pointer; font-weight: normal; border:solid #ccc 1px; background-color: #fff; }
@media screen and (min-width: 0px) and (max-width: 979px) {
#headline1 { float: none; padding: 2px 14px;}
#fontnavi, #social-button-mini { display: none; }
}
#headline1, #fontnavi { margin:0; paddnig: 0; height: 100%;}
.social-button.google .popn-socialbutton-count {
position: relative;
box-shadow: none !important;
}
.social-button.google .popn-socialbutton-count:after,
.social-button.google .popn-socialbutton-count:before {
border: solid transparent;
content: ' ';
width: 0;
height: 0;
left: -16px;
position: absolute;
}
.social-button.google .popn-socialbutton-count:after {
border-width: 6px;
border-right-color: #eee;
top: 5px;
left: -11px;
}
.social-button.google .popn-socialbutton-count:before {
border-width: 8px;
border-right-color: #888;
top: 3px;
}
.social-button.google a.popn-socialbutton-count:hover:after {
border-right-color: #ddd;
}
#headerarea { width: 100%; margin: 0; padding: 0 0 14px; }
#headerlogo { display: table-cell; margin: 0; vertical-align: bottom; height: 100%; width: 40%; }
#headerinfo { display: table-cell; margin: 0; vertical-align: bottom; height: 100%; text-align: right; }
#headersubtext { display: table-cell; margin: 0; vertical-align: bottom; height: 100%; text-align: right; font-size: 18px;}
span#logoImg img { display: inline-block; margin-right: 7px; }
span#logoTitle { padding: 0; font-size: 23px; color: #51565b; display: inline-block; }
#headerinfo { text-align: right; }
#head_access {
color: #333;
overflow: hidden;
}
#head_access li {
font-size: 13px;
float: right;
line-height: 1.2;
vertical-align: bottom;
}
.head_contact_btn {
padding: 3px 0;
display: block;
background: none repeat scroll 0% 0% #C00;
color: #FFF;
font-weight: bold;
text-align: center;
width: 186px;
margin-left: 20px;
}
.head_contact_btn a, .head_contact_btn a:visited { color: #fff; }
.head_list a, .head_list a:visited { color: #51565b; }
.head_list {
background: url('https://www.alphanet.co.jp/images/listmark_foot.png') no-repeat scroll left 9px transparent;
padding-left: 13px;
padding-top: 5px;
margin-left: 15px;
}
#searchbox,
#alpha_search,
#google_search { margin: 5px auto; float: none; width: 95%; text-align: right; }
#searchbox {
float: right;
overflow: hidden;
margin-top: 20px;
}
#alpha_search,
#google_search {
position: relative;
float: right;
margin-left: 20px;
overflow: hidden;
}
#searchbox input { margin-bottom: 5px; }
input.google_btn,
input.fs-btn.fs-submit {
margin: 0 5px;
width:30px;
height:30px;
font-size: 30px;
font-size: 5px;
background-color: transparent;
border: none;
color: #f8f8f8;
}
#google_search:after,
#alpha_search:after {
font-family: WebHostingHub-Glyphs;
font-weight: normal;
font-style: normal;
position: absolute;
bottom: 0;
right: 0;
content:'\f69a';
font-size: 1em;
color: #ddd;
font-size: 30px;
}
@media screen and (min-width: 0px) and (max-width: 320px) {
#logoTitle  { width: 100%; display: block; margin-top: 14px; font-size: 23px; float:none; text-align: center; }
#head_access { margin: 14px 0;}
#head_access li { margin-right: 21px; }
#headerinfo p { font-size: 18px;}
#headerinfo ul li {font-size: 18px;}
#headerlogo, #headerinfo, #headersubtext {width: 100%;float:none;  display: inline-block; margin: 0; padding:0;}
#logoImg { width: 100%; display: inline-block; float:none; text-align: center; }
li.head_list { display: none; }
#searchbox,
#alpha_search,
#google_search { margin: 5px auto; float: none; width: 95%; text-align: right; }
#headerlogo { padding-top: 14px; }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
#logoTitle  { width: 100%; margin-top: 14px; display: block; font-size: 26px; float:none; text-align: center; }
#head_access { margin: 14px 0;}
#head_access li { margin-right: 21px; }
#headerinfo p { font-size: 18px;}
#headerinfo ul li.tell {font-size: 18px;}
#headerinfo ul li.tell i {font-size: 21px;}
#headerlogo, #headerinfo, #headersubtext {width: 100%;float:none;  display: inline-block; margin: 0; padding:0; }
#headerlogo { padding-top: 14px; }
#logoImg { width: 100%; display: inline-block; float:none; text-align: center; }
li.head_list { display: none; }
#searchbox,
#alpha_search,
#google_search { margin: 5px auto; float: none; width: 95%; text-align:  right; }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
#logoTitle  {  font-size: 30px; }
#headerinfo p { font-size: 18px;}
#headerinfo ul li.tell {font-size: 18px;}
#headerinfo ul li.tell i {font-size: 21px;}
#headerlogo, #headerinfo, #headersubtext {width: 100%;float:none;  display: inline-block; margin: 0; padding:0; }
#headerlogo { padding-top: 14px; }
}
@media screen and (min-width: 768px) and (max-width: 979px) {
#logoTitle  {  font-size: 32px; }
#headerinfo p { font-size: 18px;}
}
@media screen and (min-width: 980px)  {
#wrap_logo { display:table; width:100%; }
#toplogo, #topinfo, #topsubtext{ display: table-cell; margin: 0; vertical-align: bottom; }
#logoTitle  {  font-size: 32px; }
}
#acmap{
float:left;
}
.clear{
clear:both;
}
/*吹き出しのスタイル*/
.gmap_block{
width:320px;
}
.gmap_block .gmap_title{
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}
.gmap_block .gmap_photo{
float:left;
margin-right:7px;
overflow:hidden;
}
.gmap_block .gmap_description,
.gmap_block .gmap_info {
font-size:16px;
line-height: 1.2;
}
/*お店の情報（個別用）*/
#gmap_single{
display: inline-block;
margin: 7px 0;
padding: 7px 14px;
cursor: pointer;
color: #fff;
background-color: #649AD2;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#gmap_single .gmap_title{
font-size:18px;
font-weight:bold;
line-height:1.5em;
}
#gmap_single .gmap_photo,
#gmap_single .gmap_info,
#gmap_single .gmap_description{
display:none;
}
.gmap_block #displaymarker {display:none;}
#gmap_single #displaymarker {display: inline-block;}
.gmap_coord{
display:none;
}
.wtn_copyright {display:none;}
.button {width: 100%; text-align: center; margin-top: 32px;}
#wrap_mail { max-width: 980px; text-align: left; background-color: #FFF; margin: 21px auto; padding: 3em; border:solid #888 1px;}
.form_body, .form_body label, input, button, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { font-size: 130%; }
.form_body,input, button, select, textarea { line-height: 1.4; }
.form_body { margin-bottom: 54px; }
.form-horizontal .control-label { width: 150px; }
.form-horizontal .controls { margin-left: 160px; }
label.checkbox { margin:0 21px 0 14px; display: inline-block; }
.form-horizontal .control-group {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid rgba(0, 0, 0, .15);
border-left: 1px solid rgba(0, 0, 0, .15);
border-right: 1px solid rgba(0, 0, 0, .15);
padding: 14px 5px;
margin: 0;
}
.form-horizontal .control-group:first-child { border-top: 1px solid rgba(0, 0, 0, .15); }
.form-horizontal .control-group:nth-child(2n+1){ background-color: #F8F8F8; }
.form-horizontal .control-label span,
.form-horizontal .controls input,
.form-horizontal .controls button,
.form-horizontal .controls select,
.form-horizontal .controls textarea { margin-top: 3px; }
span.inputnote, .form-horizontal .control-label span { display: inline-block; }
input[type="radio"] {margin: 0 7px 0 14px;}
.reqinput, .msdinput {display: inline-block; padding: 5px 5px 2px; margin-left: 5px; }
.reqinput { background-color:#BF0000; color:  #fff; }
.msdinput { background-color:#DC6C17; color:  #fff; }
.controlcomment{display: block; }
#mail-form-footer { text-align: center; }
#mailnotes { font-size:13px; border:solid #ccc 1px; padding: 1em; margin: 2em 0; }
#erroenotes { font-size:16px; border:solid #ccc 1px; padding: 1em; margin: 2em 0; }
label.error {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: auto;
margin: 7px 0;
background: #F2DEDE;
position:relative;
color: #B94A48;
line-height: 1.4;
border: 1px solid #EED3D7;
padding: 4px 10px 4px 10px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
}
textarea.error {
color: #333;
background-color: #FFF;
border: 1px solid #CCC;
outline: 0;
border-color: #F2DEDE;
}
input.error, option.error, select.error {
color: #333;
background-color: #FFF;
border: 1px solid #BF0000;
outline: 0;
box-shadow: 0 2px 2px rgba(242, 222, 222, 0.2), 0 1px 5px rgba(242, 222, 222, 0.2);
}
input[type="number"].ui-spinner-input,input[type="tel"].ui-spinner-input {
border: none;
box-shadow: none;
transition: none;
}
.ui-widget-content a:hover {
color: #333;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
margin-left: 35px;}
.xdsoft_disabled { display: none; }
.xdsoft_datetimepicker .xdsoft_timepicker { width: 100px; }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
font-size: 26px;
height: 30px;
line-height: 30px;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width: auto;
}
.ui-datepicker{
font-size: 18px
}
.caltani { position: relative; display: inline-block; font-size: 24px; padding: 0 14px 0 7px; }
#mail_start_year-error, #mail_start_month-error, #mail_start_day-error { display: inline-block; position: absolute;
top: -30px; left: -80px; font-size: 16px; width: 100px; padding: 0 1px; }
@media screen and (min-width: 0px) and (max-width: 800px) {
.form_body, .form_body label, input, button, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { font-size: 110%; }
}
@media screen and (min-width: 0px) and (max-width: 640px) {
#wrap_mail { max-width: 768px; margin: 21px auto; padding: 3em 4px; border:none;}
.form-horizontal .control-label { width: 100%; text-align: left;}
.form-horizontal .controls { margin-left: 0; position: relative; width: 100%; }
.form-horizontal .control-group { padding: 10px 5px; width: 100%; }
.form_body, .form_body label, input, button, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { font-size: 100%; }
.form_body {padding:0;margin: 0 0 14px;}
}
#mail-form-footer { margin: 21px 0; }
#mailnotes { font-size:16px; border:solid #ccc 1px; padding: 1em; margin: 2em 0; }
/* clearfix */
.clear { clear:both;display:block;overflow:hidden;visibility:hidden;width:100%;height:0 }
.clearfix { width:100%; }
.clearfix:after,
[class^="_body"]:after, [class*="_body "]:after,
[class^="wrap_"]:after ,[class*=" wrap_"]:after,
[id^="wrap_"]:after ,[id*=" wrap_"]:after,
.wrap:after { content: ""; display: block; clear: both; font-size:0; line-height:0; visibility:hidden; width:100%; height:0; }