.sp{display:none !important}@media only screen and (max-width:640px){.pc{display:none !important}.sp{display:block !important}}.youtube{position:relative;height:0;padding-top:56.25%;width:auto}.youtube iframe{height:100%;position:absolute;left:0;top:0;width:100%}.sp .linkList,.sp.linkList{border:1px solid #d3b5cc;border-top:0;margin:0 10px 10px}.sp .linkList li,.sp.linkList li{background:linear-gradient(#FFF,#EEE);background:-moz-linear-gradient(top,#FFF 0,#EEE);background:-webkit-gradient(linear,left top,left bottom,from(#FFF),to(#EEE));border-top:1px solid #d3b5cc}.sp .linkList li a,.sp.linkList li a{display:block;color:#111;text-decoration:none;border-bottom:1px solid #fff;background-image:url(/common/images/sp_arrow_01.png);background-position:right 50%;background-repeat:no-repeat;background-size:40px auto;padding:10px}.Shimoda .sp ul.linkListShimodaNav{width:100%}.Shimoda .sp .linkListShimodaNav li,.Shimoda .sp.linkListShimodaNav li{float:left;width:50%;border-bottom:1px solid #ebcae0}.Shimoda .sp .linkListShimodaNav li a,.Shimoda .sp.linkListShimodaNav li a{display:block;color:#111;text-decoration:none}.Shimoda .sp ul.linkListShimodaNav{display:inline-block}.Shimoda .sp ul.linkListShimodaNav:after{content:"";display:block;height:0;visibility:hidden;clear:both}/*\*/* html .Shimoda .sp ul.linkListShimodaNav{height:1%}.Shimoda .sp ul.linkListShimodaNav{display:block}/**/.Shimoda .sp ul.linkListShimodasubNav{background:#dea7cc;padding:10px 3% 10px 3%;width:94.5%}.Shimoda .sp ul.linkListShimodasubNav li.left{float:left;width:49.5%}.Shimoda .sp ul.linkListShimodasubNav li.right{float:right;width:49.5%}.Shimoda .sp ul.linkListShimodasubNav{display:inline-block}.Shimoda .sp ul.linkListShimodasubNav:after{content:"";display:block;height:0;visibility:hidden;clear:both}/*\*/* html .Shimoda .sp ul.linkListShimodasubNav{height:1%}
.Shimoda .sp ul.linkListShimodasubNav{display:block}/**/.sp .linkList02,.sp.linkList02{padding:10px;background:#fff}.sp .linkList02 li a,.sp.linkList02 li a{padding:0 0 0 15px;text-decoration:none;background-image:url(/common/images/sp_arrow_02.png);background-position:left 50%;background-repeat:no-repeat;background-size:10px auto}.sp .linkList03,.sp.linkList03{border:1px solid #d3b5cc;border-bottom:0;margin:0 10px 0}.sp .linkList03 li,.sp.linkList03 li{border-bottom:1px solid #d3b5cc;background:#fff}.sp .linkList03 li a,.sp.linkList03 li a{display:block;color:#111;text-decoration:none;border-bottom:1px solid #fff;background-image:url(/common/images/sp_arrow_03.png);background-position:right 50%;background-repeat:no-repeat;background-size:30px auto;padding:5px 10px}.magazine-top{max-width:960px !important;margin:0 auto 30px;display:flex}.magazine-top .side{width:20%}.magazine-top #main{width:80%}.magazine-top .boxAreaL{position:relative;height:235px;width:100%;background-color:#fff;background-repeat:no-repeat;background-position:top left;background-size:100% auto}.magazine-top .boxAreaL .Inner{background-color:rgba(0,0,0,0.35);padding:20px;width:310px;position:absolute;right:30px;top:33%}.magazine-top .boxAreaL h2{position:absolute;top:-42px;right:20px}.magazine-top .boxAreaL .Inner dl dt{color:#f9e1f3}.magazine-top .boxAreaL .Inner dl dd{color:#fff}@media only screen and (max-width:640px){.magazine-top .boxAreaL{width:auto;background-position:top center !important}.magazine-top .boxAreaL .Inner{left:0;top:35%;box-sizing:border-box;width:100%}.magazine-top .boxAreaL h2{top:-22px;right:10px;text-align:right}.magazine-top .boxAreaL h2 img{width:70%;height:auto}}.magazine-top .boxAreaS{background:url(/common/images/magazine_top_bg_t.gif) no-repeat top left}.magazine-top .boxAreaS .Inner{float:left;width:230px;padding:0 8px 8px;background:#fff;margin:13px 2px 0}.magazine-top .boxAreaS .Inner.noItem{margin:6px 2px 0;padding:0 8px 14px;background:url(/common/images/magazine_top_bgnone.jpg) no-repeat top left}
.magazine-top .boxAreaS .Inner a{text-decoration:none}.magazine-top .boxAreaL p,.magazine-top .boxAreaS .Inner p{margin:0 0 10px;text-align:center}.magazine-top .boxAreaS .Inner h2{margin:0 0 10px}.magazine-top .boxAreaS .Inner dl dt{color:#a45091;margin:0 0 5px;font-weight:bold}.magazine-top .boxAreaS .Inner dl dd{color:#000}@media only screen and (max-width:640px){.magazine-top,.magazine-top #main,.magazine-top .boxAreaS .Inner{border:0;background:0;width:100%}.magazine-top .boxAreaS .Inner.noItem{display:none}.magazine-top h1 img{width:100%;height:auto}.magazine-top .boxAreaS{background:0}.magazine-top .boxAreaS .Inner{border-bottom:1px solid #d8d7d7;background:#fff}.magazine-top .side{display:none}}#magazine #container #containerInner{border:1px solid #d8d7d7;width:960px;overflow:hidden;margin:0 auto 30px;background:#fff}#magazine #container #containerInner .title{border-bottom:1px solid #d8d7d7}#magazine #contents .mainImg{text-align:center;padding:10px 0;border-bottom:1px solid #d8d7d7}#magazine #contents h1{border-bottom:1px solid #d8d7d7;padding:15px;margin:0 0 20px;color:#81316c;font-size:130%;font-weight:bold;background:url(/common/images/magazine_bg_ttl_h1.gif) repeat-x bottom left}#magazine #contents h2.titleH2{border:1px solid #732b60;padding:5px;margin:0 0 20px;color:#fff;font-size:110%;font-weight:bold;background:#c365ad url(/common/images/magazine_bg_ttl_h2_02.gif) repeat-x bottom left}#magazine #contents h2.titleH2 span{padding:0 0 0 10px;border:0;background:url(/common/images/magazine_bg_ttl_h2.gif) no-repeat 0 50%}#magazine #contents h3.titleH3{padding:5px 10px;margin:0 0 20px;color:#a45091;font-size:110%;font-weight:bold;background:#f5e0f0 url(/common/images/magazine_bg_ttl_h3.gif) repeat-x top left}#magazine #contents{float:left;width:750px}#magazine #contents .contentsInner{width:730px;margin:0 auto}#magazine #side{float:right;width:210px;margin-bottom:-9999px;padding-bottom:9999px;background:#fbf7fa url(/common/images/line_gray.gif) repeat-y top left}#magazine .SPnavArea a,#magazine #side a{color:#81316c;text-decoration:none;font-weight:bold}
#magazine #side .ttlBox{text-align:center;border-left:1px solid #d8d7d7;padding:20px 0;background:url(/common/images/magazine_side_bg_t.gif) repeat-x bottom left}#magazine #side .ttlBox h2{margin:0 0 20px}#magazine #side .ttlBox p.txt{color:#a45091;margin:10px 0 0}#magazine #side .navArea{padding:0 0 8px 1px;background:url(/common/images/magazine_side_bg_b.gif) repeat-x bottom left}#magazine .SPnavArea h3,#magazine #side h3{font-size:120%;border-top:1px solid #d8d7d7;background:#fff url(/common/images/magazine_side_bg_ttl.gif) repeat-x bottom left}#magazine .SPnavArea h3 a,#magazine #side h3 a{display:block;padding:15px 35px;background:url(/common/images/arrow_02.gif) no-repeat 14px 1.3em}#magazine .SPnavArea h3 a.hover,#magazine #side h3 a.hover,#magazine .SPnavArea h3 a:hover,#magazine #side h3 a:hover{background:#f8e9f4 url(/common/images/arrow_02.gif) no-repeat 14px 1.3em}#magazine .SPnavArea ul,#magazine #side ul{background:#fff;border-top:1px solid #d8d7d7}#magazine .SPnavArea ul li,#magazine #side ul li{border-top:1px dotted #d8d7d7}#magazine .SPnavArea ul li.first,#magazine #side ul li.first{border-top:0}#magazine .SPnavArea ul li a,#magazine #side ul li a{display:block;padding:5px 5px 5px 30px;background:url(/common/images/arrow_01.gif) no-repeat 14px .8em}#magazine .SPnavArea ul li.current a,#magazine #side ul li.current a,#magazine #side ul li a:hover{background:#f8e9f4 url(/common/images/arrow_01.gif) no-repeat 14px .8em}@media only screen and (max-width:640px){#magazine #container #containerInner{border:0;width:100%}#magazine #container #containerInner .title img{width:100%;height:auto}#magazine #container #containerInner #contents{width:100%}#magazine #container #containerInner #contents .contentsInner{width:100%}#magazine #container #containerInner #side{display:none}#magazine #contents .mainImg{padding:0}}#magazine #container #sortAreaNav{margin-bottom:15px;border:1px solid #d8d7d7}#magazine #container #sortAreaNav th{border:1px solid #d8d7d7;background:#f8e9f4;padding:5px}
#magazine #container #sortAreaNav td{border:1px solid #d8d7d7;padding:5px}#magazine #container #sortAreaNav td input{margin:0 2px 0 0}#idea .FpageNext{padding-right:16px;background:url(/common/images/idea_arrow_02.gif) no-repeat right .4em;display:inline-block}#idea .FpageBack{padding-left:16px;background:url(/common/images/idea_arrow_back_01.gif) no-repeat left .4em;display:inline-block}#idea div.columnArea.marginArea{margin-left:10px;margin-right:10px}#idea #container #containerInner{border:1px solid #dcddde;width:960px;color:#58430f;overflow:hidden;margin:0 auto 30px;background:url(/common/images/idea_bg.gif) repeat top left}#idea #container #containerInner .ideaMain{background:url(/common/images/idea_bg_02.jpg) no-repeat top left}#idea.top #container #containerInner .ideaMain{background:url(/common/images/idea_bg_top.jpg) no-repeat top left}#idea #container #containerInner #rightNavi{margin-left:0}#idea #container #containerInner div#contents{margin:0 0 0 20px;width:691px}#idea #container #containerInner .sideNavi ul li{margin:0 0 8px}#idea #container #containerInner div#contents h1{color:#fff;font-weight:bold;font-size:120%;background:url(/common/images/idea_ttl_bg_t.gif) no-repeat top left;padding:5px 0 0;margin:0 0 20px}#idea #container #containerInner div#contents h1 span{display:block;background:url(/common/images/idea_ttl_bg_b.gif) no-repeat bottom left;padding:8px 20px 10px}#idea #container #containerInner div#contents h2.titleH2{color:#58430f;border:0;background:url(/common/images/idea_line.gif) repeat-x bottom left;padding:0 0 5px 5px}#idea #container #containerInner div#contents h2.titleH2 span{border:0;padding:0}#idea #container #containerInner div#contents h3.titleH3{border:0;background:#8b8445}#idea #contents .titleH6,#idea #contents .titleH4{color:#58430f;font-weight:bold}#idea #contents .catchcopy{color:#58430f}#idea .navBlock{margin:0 5px 20px;border-right:1px solid #bfbeb2;border-top:1px solid #bfbeb2;background:#fff url(/common/images/line_03.gif) repeat-x bottom left}
#idea .navBlock li{float:left;width:25%;display:table-cell;vertical-align:middle}#idea .navBlock li a{display:block;text-decoration:none;color:#58430f;padding:5px 5px 5px 25px;border:1px solid #bfbeb2;border-right:0;border-top:0;font-weight:bold;background:#fff url(/common/images/idea_arrow_01.gif) no-repeat 5px .6em}#idea .navBlock li.current a,#idea .navBlock li a:hover{background:#d7d5af url(/common/images/idea_arrow_01_o.gif) no-repeat 5px .6em}#idea ul.pageLink li,#idea div.pageLink,#idea p.pageLink,#idea span.pageLink,#idea a.pageLink,#idea dl.pageLink dt,#idea ul.pageLinkRow li{background:url(/common/images/idea_arrow_02.gif) no-repeat left .4em}.Shimoda{background:url(/common/images/shimoda_wrap_bg.jpg) no-repeat top center}.Shimoda div#wrapper{float:none}.Shimoda div#wrapperInner{float:none}.Shimoda div#header #headerLogo{float:none;margin:61px 0 10px;padding-top:0}.Shimoda #cse-search-box{display:none}.Shimoda .shimodaTopArea01{background:#f3f2f9;margin:50px 5px 27px;vertical-align:middle;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;position:relative;text-align:left;height:190px}.Shimoda .shimodaTopArea01 p.photo{margin:0 20px 0 0}.Shimoda .shimodaTopArea01 p.text{padding:47px 30px 0 30px}.Shimoda span.data{color:#888;font-size:80%;line-height:140%}.Shimoda p.topBtn{width:260px;height:71px;background:url(/common/images/shimoda_topintro_bg.png) no-repeat bottom right;position:absolute;bottom:20px;right:20px}.Shimoda .shimodaTopArea01 .topBtn span{position:absolute;bottom:0;right:0}.Shimoda .topics{background:#f8f8f9;color:#666;padding:12px 10px 5px 10px;margin:25px 5px 25px;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px}.Shimoda .topics h3{float:left;width:7%;padding-right:8px;margin-right:10px;line-height:180%}.Shimoda .topics dl{float:left;width:88%}.Shimoda .topics dl dt{float:left;padding:0 0 0 10px;color:#777;width:8.6em;border-left:2px solid #cfcfcc}.Shimoda .topics dl dd{float:none;padding:0 0 10px 8.6em}.Shimoda .topics{display:inline-block}
.Shimoda .topics:after{content:"";display:block;height:0;visibility:hidden;clear:both}/*\*/* html .Shimoda .topics{height:1%}.Shimoda .topics{display:block}/**/@media only screen and (max-width:640px){.Shimoda .shimodaTopArea01{margin:0 0 30px 0;padding:20px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;height:auto}.Shimoda .shimodaTopArea01 .floatLblock{width:35%;margin-right:15px}.Shimoda .shimodaTopArea01 p.text{padding:0}.Shimoda .shimodaTopArea01 p.photo{margin:0}.Shimoda .topics{padding:10px 15px 15px 15px}.Shimoda .topics h3{color:#666;float:none;width:100%;border-right:0;border-bottom:1px solid #cfcfcc;padding-right:0;padding-left:10px;padding-bottom:6px;margin-right:-10px;margin-left:-10px;line-height:180%;margin-bottom:10px}.Shimoda .topics dl{width:100%}.Shimoda .topics dl dt{float:none;padding:0;border:0}.Shimoda .topics dl dd{padding:0 0 15px 0}.Shimoda .topics dl dd a{background:url(/common/images/shimoda_tpx_icon_sp_06.gif) no-repeat center right;padding-right:40px;display:block}}.opencampus2016 .mainImg{margin-bottom:20px}.opencampus2016 h2{color:#d55548;font-weight:bold;font-size:160%;margin-bottom:10px}.opencampus2016 .about{display:table;width:100%;margin:10px 0 20px 0}.opencampus2016 .about dl{display:table-cell;vertical-align:middle}.opencampus2016 .about ul{display:table-cell;white-space:nowrap;padding-left:10px;vertical-align:middle;text-align:right}@media only screen and (max-width:640px){.opencampus2016 .about{display:block}.opencampus2016 .about dl{display:block;margin-bottom:10px}.opencampus2016 .about ul{display:block;text-align:center}}.opencampus2016 dl.detail dt{width:7em;float:left}.opencampus2016 dl.detail dd{margin-left:7em}@media only screen and (max-width:640px){}.opencampus2016 .about ul li.radiBoder{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border:#d1c5cf 1px solid;color:#81316c;padding:4px 15px;background:#fff;margin:0 5px 0 0;display:inline-block}
.opencampus2016 .Link{background:url(/common/images/opencampus_Linkbg.gif) repeat-x top left #efebee;display:inline-block;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border:#d1c5cf 1px solid}.opencampus2016 .Link a{background:url(/common/images/arrow_01.gif) no-repeat scroll left .7em;margin-left:16px;padding:5px 15px 4px 15px;color:#81316c;text-decoration:none;display:block}.opencampus2016 .Link a:hover{opacity:.8}.opencampus2016 .LinkComment{display:inline-block;margin-left:15px;font-size:90%}@media only screen and (max-width:640px){.opencampus2016 .Link{display:block;text-align:center;margin-bottom:6px}.opencampus2016 .LinkComment{display:block;margin-left:0}}.opencampus2016 div.event{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #fadad3;border-collapse:separate;margin:20px 0}.opencampus2016 div.event .eventTitle{padding:10px 0 10px 12px;background:#fadad3;color:#3f4d63;font-weight:bold}.opencampus2016 div.event ul{padding:13px 0;color:#d55548;font-weight:bold}.opencampus2016 div.event ul li{border-right:dashed 1px #fadad3;display:inline-block;width:28.5%;padding:0 13px;vertical-align:top}.opencampus2016 div.event ul li p.txt{color:#2e2e2e;font-weight:normal}@media only screen and (max-width:640px){.opencampus2016 div.event ul{padding:0 10px;color:#d55548;font-weight:bold}.opencampus2016 div.event ul li{border-bottom:dashed 1px #fadad3;border-right:0;display:block;width:100%;height:auto;padding:10px 0}}.campustaiken2016 .mainImg{margin-bottom:20px}.campustaiken2016 h2{color:#d55548;font-weight:bold;font-size:160%;margin-bottom:10px}.campustaiken2016 .about{margin:10px 0 20px 0}.campustaiken2016 .about dl{vertical-align:middle}.campustaiken2016 .about ul{margin-bottom:10px}@media only screen and (max-width:640px){.campustaiken2016 .about{display:block}.campustaiken2016 .about dl{margin-bottom:10px}.campustaiken2016 .about ul{text-align:center}}.campustaiken2016 dl.detail dt{width:86px;float:left}.campustaiken2016 dl.detail dd{margin-left:86px}
@media only screen and (max-width:640px){.campustaiken2016 dl.detail dt{width:28%}.campustaiken2016 dl.detail dd{margin-left:28%}}.campustaiken2016 .about ul li.radiBoder{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border:#d1c5cf 1px solid;color:#81316c;padding:4px 15px;background:#fff;margin:0 5px 0 0;display:inline-block}.campustaiken2016 .Link{background:url(/common/images/opencampus_Linkbg.gif) repeat-x top left #efebee;display:inline-block;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border:#d1c5cf 1px solid;margin-right:10px}.campustaiken2016 .Link a{background:url(/common/images/arrow_01.gif) no-repeat scroll left .7em;margin-left:16px;padding:5px 15px 4px 15px;color:#81316c;text-decoration:none;display:block;white-space:nowrap}.campustaiken2016 .Link a:hover{opacity:.8}.campustaiken2016 .LinkComment{display:inline-block;margin-left:15px;font-size:90%;color:#d98c93}@media only screen and (max-width:640px){.campustaiken2016 .Link{display:block;text-align:center;margin-bottom:6px}.campustaiken2016 .LinkComment{display:block;margin-left:0}}.campustaiken2016 div.event{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #ea8891;border-collapse:separate;margin:20px 0}.campustaiken2016 div.event .eventTitle{padding:10px 0 10px 12px;background:#ea8891;color:#fff;font-weight:bold}.campustaiken2016 div.event p{padding:13px 13px 5px 13px}.campustaiken2016 .eventInner{padding:0 0 10px 13px;display:table;width:100%;box-sizing:border-box}.campustaiken2016 .eventInner .LinkOuter{display:table-cell;vertical-align:middle}.campustaiken2016 .eventInner .LinkComment{display:table-cell;vertical-align:middle;padding-right:10px}@media only screen and (max-width:640px){.campustaiken2016 .eventInner{display:block}.campustaiken2016 .eventInner .LinkOuter{display:block}.campustaiken2016 .eventInner .LinkComment{display:block}}#idea.top #container #containerInner ul,#idea .navBlock,.examCalender,.clum3Box,#contents .learningBox,#contents .scheduleArea .scheduleAreaInner,#contents .profileArea{display:inline-block}
#idea.top #container #containerInner ul:after,#idea .navBlock:after,.examCalender:after,.clum3Box:after,#contents .learningBox:after,#contents .scheduleArea .scheduleAreaInner:after,#contents .profileArea:after{content:"";display:block;height:0;visibility:hidden;clear:both}/*\*/* html #idea.top #container #containerInner ul,* html #idea .navBlock,/**/* html .examCalender,* html .clum3Box,* html #contents .learningBox,* html #contents .scheduleArea .scheduleAreaInner,* html #contents .profileArea{height:1%}#idea.top #container #containerInner ul,#idea .navBlock,.examCalender,.clum3Box,#contents .learningBox,#contents .scheduleArea .scheduleAreaInner,#contents .profileArea{display:block}