@charset "utf-8";

p#mainimage {
    margin: 0px auto;
}

/* campaign_css */
h3.cam11b_ttl{
	width:800px; 
	color:#333;
	font-size:140%;
	line-height:1.6;
	text-align:center;
	font-weight:700;
	padding:10px 0; 
	margin:20px auto 15px;
}
h3.cam11b_ttl .sub_ttl{
	color:#777;
	font-size:86%;
	display:block;
}
h3.cam11b_mainttl{
	font-size:160%;
	line-height:1.6;
	font-weight:700;
	text-align:center;
	padding:10px 0 ;
}
h4.cam11b_ttl1,
h4.cam11b_ttl2{
	font-size:110%;
	color:#FFF;
	font-weight: bold;
	background:#FF6600;
	margin:0 auto 10px;
	padding:10px 10px 9px; 
}

h4.cam11b_ttl2{
background:#666;
}

h5.cam11b_ttl_word,
h5.cam11b_ttl_excel,
h5.cam11b_ttl_powerpoint,
h5.cam11b_ttl_outlook,
h5.cam11b_ttl_onenote{
	display:inline-block !important;
	margin:0 auto 10px;
	font-size:120%;
	font-weight:bold;
	padding:10px 0px 9px 45px !important; 
	background:url(../img/icn_doc.png) no-repeat left center;
	background-size:35px;
}

h5.cam11b_ttl_excel{
	background-image:url(../img/icn_xls.png);
}
h5.cam11b_ttl_powerpoint{
	background-image:url(../img/icn_ppt.png);
}
h5.cam11b_ttl_outlook{
	background-image:url(../img/icn_outlook.png);
}
h5.cam11b_ttl_onenote{
	background-image:url(../img/icn_onenote.png);
}
h5.cam11b_img{
	margin:0 0 10px;
	padding:0px !important; 
	background:none;
}
.cam11b_bk h4.cam11b_ttl{
	font-size:110%;
	font-weight:700;
	margin:15px 0 15px -15px;
	padding:0 0 30px  !important; 
}
.cam11b_bk h4.cam11b_ttl span{
	position:absolute;
	display:inline-block;
	padding:8px 50px 5px 15px !important; 
	background:#FBE5D6;
}
.cam11b_bk.cam11b_color2 h4.cam11b_ttl span{
	background:#DEEBF7;
}
.cam11b_bk.cam11b_color3 h4.cam11b_ttl span{
	background:#E2F0D9;
}

.cam11b_bk h4.cam11b_ttl span:after{
  content: "";
  position:absolute;
  top:0;
  right:0;
  width:0;
  height:0;
  border-style: solid;
  border-color: transparent transparent #fff #FBE5D6;
  border-width: 0 0 42px 21px;
}
.cam11b_bk.cam11b_color2 h4.cam11b_ttl span:after{
  border-color: transparent transparent #fff #DEEBF7;
}
.cam11b_bk.cam11b_color3 h4.cam11b_ttl span:after{
  border-color: transparent transparent #fff #E2F0D9;
}

.cam11b_bk.cam11b_color2 h5.cam11b_ttl,
.cam11b_bk.cam11b_color3 h5.cam11b_ttl{
	font-size:120%;
	font-weight:bold;
	background:none;
	margin:0 auto 15px;
	padding-left:10px; 
	border-left:4px solid #DEEBF7;
}
.cam11b_bk.cam11b_color3 h5.cam11b_ttl{
	border-left:4px solid #E2F0D9;
}
.cam11b_link_btn {
	width:70%;
	margin: 15px auto 0;

}

#sections .cam11b_link_btn a,
#sections .cam11b_link_btn a:link{
	position: relative;
	display:block;
	text-align:center;
	padding:8px 15px 6px 8px;
	color:#FFF;
	background-color:#000;
	vertical-align: middle;
	text-decoration: none;
}
.cam11b_link_btn a:after{
	position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
	right: 10px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cam11b_link {
	margin: 15px 30px 0;
}
.cam11b_link.right {
	text-align:right;
}

#sections .cam11b_link a,
#sections .cam11b_link a:link{
	position: relative;
	display: inline-block;
	padding:0px 15px 0px 0px;
	color:#000;
	vertical-align: middle;
	text-decoration: none;
}
.cam11b_link a:after{
	position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
	right: 5px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*  */
.cam11b_box{
	width:800px; 
	margin-right:auto;
	margin-left:auto;
}
.cam11b_box.cam11b_bk{
	background:#FFFFFF;
	border:1px solid #000;
	box-shadow: 5px 5px 2px #FBE5D6;
	-moz-box-shadow: 5px 5px 2px #FBE5D6;
	-webkit-box-shadow: 5px 5px 2px #FBE5D6;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#FBE5D6', Direction=145, Strength=5);
}
.cam11b_box.cam11b_bk.cam11b_color2{
	box-shadow: 5px 5px 2px #DEEBF7;
	-moz-box-shadow: 5px 5px 2px #DEEBF7;
	-webkit-box-shadow: 5px 5px 2px #DEEBF7;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#DEEBF7', Direction=145, Strength=5);
}
.cam11b_box.cam11b_bk.cam11b_color3{
	box-shadow: 5px 5px 2px #E2F0D9;
	-moz-box-shadow: 5px 5px 2px #E2F0D9;
	-webkit-box-shadow: 5px 5px 2px #E2F0D9;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#E2F0D9', Direction=145, Strength=5);
}

.cam11b_box.cam11b_bk .cam11b_box{
	width:750px; 
/*	border:1px solid #000;*/
}
.cam11b_btn_area{
	text-align:right;
	margin:-50px 25px 20px;
}
.cam11b_btn_area a{
	display:inline-block;
}
.cam11b_line{
	border-bottom:1px solid #666;
}

.cam11b_bk{
background:#FFE7E9;
	padding:0 0 20px; 
	margin-bottom: 50px;
}
.cam11b_icn_xls,
.cam11b_icn_ppt{
	background:url(../img/icn_xls.png) no-repeat right top;
	background-size:35px;
	margin-right:5px;
	margin-left:5px;
	padding-right:40px; 
}
.cam11b_icn_ppt{
	background-image:url(../img/icn_ppt.png);
}
.cam11b_box.box3 .layout_l,
.cam11b_box.box3 .layout_r{
	width:240px; 
	margin-right:10px;
	padding:10px 10px 10px 0; 
	border-right:1px solid #666;
}
.cam11b_box.box3 .layout_r{
	margin-right:0px;
	padding:10px 0px; 
	border-right:none;
}
.cam11b_box.box3 img{
	width:240px; 
}

.cam11b_box.box2 .layout_l,
.cam11b_box.box2 .layout_r{
	width:374px; 
	margin-right:10px;
	padding:10px 10px 10px 0; 
}

.cam11b_box.box2 .layout_r{
	margin-right:0px;
	padding:10px 0px; 
	border-right:none;
}
.cam11b_box .layout_l.box2-1 p.lead,
.cam11b_box .layout_r.box2-1 p.lead{
	border-top:1px solid #000;
	padding:10px 0 20px;
}
.cam11b_box .layout_l.box2-1 img.cam11b_w100,
.cam11b_box .layout_r.box2-1 img.cam11b_w100{
	width:100%;
}
.cam11b_box .layout_l.box2-1 .layout_l,
.cam11b_box .layout_l.box2-1 .layout_r,
.cam11b_box .layout_r.box2-1 .layout_l,
.cam11b_box .layout_r.box2-1 .layout_r{
	width:243px; 
	margin-right:0px;
	padding:0 0 10px; 
	border-right:none;
}
.cam11b_box .layout_l.box2-1 .layout_r,
.cam11b_box .layout_r.box2-1 .layout_r{
	width:112px; 
	margin-right:0px;
	padding:0 0 10px; 
}
.cam11b_box .layout_r.box1-1 .layout_l,
.cam11b_box .layout_r.box1-1 .layout_r{
	width:187px; 
	margin-right:0px;
	padding:0 0 10px; 
	border-right:none;
}

.cam11b_box.cam11b_bk .cam11b_box.box2 .layout_l,
.cam11b_box.cam11b_bk .cam11b_box.box2 .layout_r{
	width:340px; 
	background:#FFF;
	border-right:none;
	padding:0px 15px 10px; 
	margin-top:0px;
}
.cam11b_box.cam11b_bk .cam11b_box.box2 .layout_l .layout_l,
.cam11b_box.cam11b_bk .cam11b_box.box2 .layout_l .layout_r,
.cam11b_box.cam11b_bk .cam11b_box.box2 .layout_r .layout_l,
.cam11b_box.cam11b_bk .cam11b_box.box2 .layout_r .layout_r{
	width:240px; 
	margin-left:10px;
	padding:0px; 
}
.cam11b_box.cam11b_bk .cam11b_box.box2 .layout_l .layout_l p,
.cam11b_box.cam11b_bk .cam11b_box.box2 .layout_r .layout_l p{
	padding-bottom:5px; 
}

.cam11b_box.cam11b_bk .cam11b_box.box2 .layout_l .layout_r,
.cam11b_box.cam11b_bk .cam11b_box.box2 .layout_r .layout_r{
	width:100px; 
	margin:0px 10px 0px 0;
	padding:30px 0px 40px; 
}
#campaign_cont .cam11b_box.box2 .layout_l .attention,
#campaign_cont .cam11b_box.box2 .layout_r .attention,
#campaign_cont .cam11b_box.box2 .layout_l .cam11b_tx80,
#campaign_cont .cam11b_box.box2 .layout_r .cam11b_tx80{
	clear: both;
	font-size:70%;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

#campaign_cont .cam11b_box.box2 .layout_l .cam11b_tx80,
#campaign_cont .cam11b_box.box2 .layout_r .cam11b_tx80{
	padding-bottom:10px;
}


.cam11b_box .layout_l.box2-1 .layout_l img,
.cam11b_box .layout_r.box2-1 .layout_l img{
	width:243px; 
}
.cam11b_box .layout_l.box2-1 .layout_r img,
.cam11b_box .layout_r.box2-1 .layout_r img{
	width:112px; 
}

.cam11b_box .layout_r.box1-1 .layout_l img,
.cam11b_box .layout_r.box1-1 .layout_r img{
	width:187px; 
}

.cam11b_box.cam11b_bk .cam11b_box.box2 .layout_l .layout_r img,
.cam11b_box.cam11b_bk .cam11b_box.box2 .layout_r .layout_r img{
	width:100px; 
}
.cam11b_bnrbox{
	width:770px; 
	margin:10px auto 0;
	text-align:center;
}
.cam11b_bnrbox span{
	margin-left:10px;
}
.cam11b_bnrbox img{
	width:380px; 
}

div.cam11b_cf:after {content: ""; clear: both; height: 0; display: block; visibility: hidden; }
/*  */
.cam11b_of_togglearea {
  width: 800px;
  padding: 0 0 30px;
  margin: 0 auto;
  text-align:center;
}
.cam11b_of_togglearea.cam11b_2block {
  width: 535px;
}

.cam11b_of_togglearea .layout_l {
    width: 240px;
	display:inline-block;
    padding: 10px 12px;
    border-left: 1px solid #666;
}

.cam11b_of_togglearea .layout_l:last-child {
    border-right: 1px solid #666;
}

.cam11b_sub_ttl{
	font-size:90%;
	text-align:center;
	font-weight:bold;
}
.cam11b_sub_ttl.word{ color:#37349D; }
.cam11b_sub_ttl.excel{ color:#007738; }
.cam11b_sub_ttl.powerpoint{ color:#FF420D; }
.cam11b_sub_ttl.outlook{ color:#3361AE; }
.cam11b_sub_ttl.onenote{ color:#68078D; }
.cam11b_of_btn{
	text-align:center;
}
#sections .eccom-contents .cam11b_of_btn a,
#sections .eccom-contents .cam11b_of_btn a:link{
	position:relative;
	display: inline-block;
	width:70%;
	font-size:80% !important;
	line-height:1.3;
	color:#FFF;
	background:#000;
	margin:5px 15px 0;
	padding:10px 0 8px;
}
#sections .cam11b_of_btn a:hover{
	background:#666;
}
#sections .cam11b_of_btn a:after{
  content: "＋";
  position: absolute;
  font-size:20px;
  line-height:1;
  top: 50%;
  right: 5px;
  margin-top:-10px;
}
#sections .cam11b_of_btn a.open:after{
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}

.cam11b_of_acdnarea {
	display:none;
  box-sizing: border-box;
  width: 800px;
  padding: 10px 0 30px;
  margin: 0 auto 0;
}
.cam11b_of_acdnbox {
	position:relative;
  width: 760px;
  padding: 20px 10px;
  background-color: #E8E8E8;
}
.cam11b_of_acdnbox.active {
	display: block;
}

.cam11b_of_acdnbox:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #E8E8E8;
}
.cam11b_of_acdnbox:first-child:before {
  left: 16%;
}
.cam11b_of_acdnbox:nth-child(3n):before{
  left: 82.5%;
}
.cam11b_2block .cam11b_of_acdnbox:first-child:before {
  left: 33%;
}
.cam11b_2block .cam11b_of_acdnbox:nth-child(2):before {
  left: 66%;
}
.cam11b_of_intro:after {
content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
.cam11b_of_i_thumb {
  width: 298px;
  text-align:center;
  float: right;
  margin-right:10px;
}
.cam11b_of_i_thumb img{
  width: 90%;
}

.cam11b_of_i_text {
  width: 410px;
  float: left;
  margin-left:10px;
}
.cam11b_of_i_thumb.right {
  float: right;
}
.cam11b_of_i_text.left {
  float: left;
}
.cam11b_of_intro .cam11b_feature_title {
	font-size:120%;
	line-height:1.3;
	margin-bottom:15px;
}
.cam11b_of_intro .cam11b_feature_title span {
	border-bottom:1px solid #000;
}
.cam11b_of_intro .cam11b_lead{
	font-size:90%;
	line-height:1.4;
}
.cam11b_of_intro dl{
	display:inline-block;
	width:32%;
	vertical-align:top;
}
.cam11b_of_intro dl dt{
	font-size:100%;
	font-weight:bold;
	padding:15px 10px 0; 
}
.cam11b_of_intro dl dd{
	font-size:90%;
	padding:15px 10px ; 
}
div.flowblock h4.lead span:nth-of-type(2) {
	width:760px;
}
.cam11b_of_bnr {
	text-align:center;
}
.cam11b_of_bnr a{
	display:inline-block;
	margin:0 auto;
}
.cam11b_modan{
	width:800px;
	margin:0 auto;
	padding-bottom:25px;
	border:1px solid #3373AD;
}
.cam11b_modan h3{
	margin:15px 40px 0;
	padding:20px 15px 25px;
	font-size:250%;
	color:#3373AD;
	background:url(../img/logo_modern.jpg) no-repeat right top 10px;
	background-size:110px;
	font-weight:700;
}
.cam11b_modan h3 span{
	display:inline-block;
	font-size:40%;
	margin-left:15px;
	padding:3px 10px 2px;
	vertical-align:middle;
	border:1px solid#3373AD;
	-webkit-border-radius: 3px;/* for Safari and Chrome */
	-moz-border-radius: 3px; /* for Firefox */
	-o-border-radius: 3px; /* for opera */
	border-radius: 3px;
}

.cam11b_modan dl{
	display:inline-block;
	width:44%;
	margin:0 0 0 50px;
	padding:0;
	vertical-align:top;
}
.cam11b_modan dl:last-child{
	margin:0;
}

.cam11b_modan dl dt,
.cam11b_modan dl dd{
	font-size:90%;
	line-height:1.4;
	margin:0 15px 15px;
}
.cam11b_modan dl dt{
	font-size:110%;
	line-height:1.3;
	font-weight:bold;
	border-bottom:1px solid#3373AD;
	margin-bottom:10px;
	padding:10px 0 5px;
}
/* popup */
.popup{ background:#FFF;}
.cam11b_popuparea *{
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
}

.cam11b_popuparea{
	width:760px;
	background:#FFF;
	margin:auto;
	padding:40px 15px;
}
.cam11b_popuparea h5{
	font-size:130%;
	background:none;
}

.cam11b_popupline{
	border:1px solid #000;
	text-align:center;
	margin:0 4% 20px;
	padding:10px 20px 20px ;
}
.cam11b_popup_2txt dl{
	display:inline-block;
	width:45%;
	vertical-align:top;
	text-align:center;
	margin-left:3%;
}
.cam11b_popup_2txt dl dt,
.cam11b_popup_2txt dl dd{
	margin:0;
	padding:5px 10px 10px ;
}
.cam11b_popup_2txt dl dt span{
	display:block;
	font-size:110%;
	line-height:1.4;
	font-weight:bold;
	padding-top:10px;
}

.cam11b_popup_2txt dl dt img{
	width:90%;
}

.cam11b_popup_2txt dl dd{
	font-size:90%;
	line-height:1.3;
	text-align:left;
}
ul.campaignimg_list_l li { border: 1px solid #CCC; margin-right:15px;}
ul.campaignimg_list_l li:last-child { margin-right:0;}

/* spn */
@media screen and (max-width: 640px) {
h3.cam11b_ttl{
	font-size:160%;
	width:94%; 
	margin:0 auto 20px !important;
	padding-top:25px;
}

#campaign_cont h4.cam11b_ttl1,
#campaign_cont h4.cam11b_ttl2{
	font-size:120%;
	line-height:140%;
	background:#FF6600;
	margin:0 auto 1em;
	padding:0.6em ; 
	border:none;
}

#campaign_cont h4.cam11b_ttl2{
background:#666;
}


h5.cam11b_ttl_word,
h5.cam11b_ttl_excel,
h5.cam11b_ttl_powerpoint,
h5.cam11b_ttl_outlook,
h5.cam11b_ttl_onenote{
	font-size:140%;
	margin:0.5em 2% ;
	padding:1em 0px 1em 3.5em !important; 
	background-size:3em;
	border:none;
}

#campaign_cont h5.cam11b_img{
	margin:0.5em 0 1em;
	padding:0.5em 0 0; 
	border:none;
}
.cam11b_bk h4.cam11b_ttl{
	font-size:120%;
	line-height:140%;
	padding:0.5em 0 1em !important; 
	border:none;
}


.cam11b_box{
	width:90%; 
	margin-right:auto;
	margin-left:auto;
}
.cam11b_box.cam11b_bk .cam11b_box{
	width:90%; 
	padding:0 !important; 
}

.cam11b_line{
	border-bottom:1px solid #666;
}

.cam11b_bk{
	width:96%; 
	margin-right:auto;
	margin-left:auto;
	padding:0 0 1em; 
}
.cam11b_icn_xls,
.cam11b_icn_ppt{
	background-size:2em;
	margin-right:2%;
	margin-left:2%;
	padding-right:2.5em; 
}

#campaign_cont .cam11b_box .layout_l,
#campaign_cont .cam11b_box .layout_r{
	float:none; 
	display:block; 
}

#campaign_cont .cam11b_box.box3 .layout_l,
#campaign_cont .cam11b_box.box3 .layout_r{
	width:100% ;
	margin-right:auto;
	margin-left:auto;
	padding:0 0 0.5em; 
	border-right:none;
	border-bottom:1px solid #666;
}
#campaign_cont .cam11b_box.box3 .layout_r{
	width:100% ;
	margin-right:auto;
	margin-left:auto;
	padding:0 0 0.5em; 
	border-bottom:none;
}
.cam11b_box.box3 img{
	width:100%; 
}

#campaign_cont .cam11b_box.box2 .layout_l,
#campaign_cont .cam11b_box.box2 .layout_r{
	width:100% ;
	margin-right:auto;
	margin-left:auto;
	padding:0 0 0.5em; 
	border-right:none;
	border-bottom:1px solid #666;
	float:none; 
	display:block; 
}

#campaign_cont .cam11b_box.box2 .layout_r{
	width:100% ;
	margin-right:auto;
	margin-left:auto;
	padding:0 0 0.5em; 
	border-bottom:none;
}
#campaign_cont .cam11b_box .layout_l.box2-1 .layout_l,
#campaign_cont .cam11b_box .layout_l.box2-1 .layout_r,
#campaign_cont .cam11b_box .layout_r.box2-1 .layout_l,
#campaign_cont .cam11b_box .layout_r.box2-1 .layout_r{
	width:65%; 
	margin-right:0px !important;
	padding:0 !important; 
	border-right:none;
	border-bottom:none;
	float:left; 
	display:inline; 
}
#campaign_cont .cam11b_box .layout_l.box2-1 .layout_r,
#campaign_cont .cam11b_box .layout_r.box2-1 .layout_r{
	width:30%; 
	margin-right:0px !important;
	padding:0.5em 0 0.5em !important; 
	float:right; 
}
#campaign_cont .cam11b_box .layout_r.box1-1 .layout_l,
#campaign_cont .cam11b_box .layout_r.box1-1 .layout_r{
	width:49%; 
	margin-right:0px;
	padding:0 0 0.5em; 
	border-right:none;
	border-bottom:none;
	float:left; 
	display:inline; 
}
#campaign_cont .cam11b_box .layout_r.box1-1 .layout_r{
	padding:0.5em 0; 
	float:right; 
}

#campaign_cont .cam11b_box.cam11b_bk .cam11b_box.box2 .layout_l,
#campaign_cont .cam11b_box.cam11b_bk .cam11b_box.box2 .layout_r{
	width:100%; 
	margin:0 auto 1.5em;
	padding:0em ; 
	border-right:none;
	border-bottom:none;
	float:none; 
	display:block; 
}

#campaign_cont .cam11b_box.cam11b_bk .cam11b_box.box2 .layout_l .layout_l,
#campaign_cont .cam11b_box.cam11b_bk .cam11b_box.box2 .layout_l .layout_r,
#campaign_cont .cam11b_box.cam11b_bk .cam11b_box.box2 .layout_r .layout_l,
#campaign_cont .cam11b_box.cam11b_bk .cam11b_box.box2 .layout_r .layout_r{
	width:65%; 
	margin-left:2%;
	float:left; 
	display:inline; 
}

#campaign_cont .cam11b_box.cam11b_bk .cam11b_box.box2 .layout_l .layout_r,
#campaign_cont .cam11b_box.cam11b_bk .cam11b_box.box2 .layout_r .layout_r{
	width:30%; 
	margin:0.5em 2% 0.5em 0;
	float:right; 
}

.cam11b_box .layout_l.box2-1 .layout_l img,
.cam11b_box .layout_r.box2-1 .layout_l img{
	width:100%; 
}
.cam11b_box .layout_l.box2-1 .layout_r img,
.cam11b_box .layout_r.box2-1 .layout_r img{
	width:100%; 
}

.cam11b_box .layout_r.box1-1 .layout_l img,
.cam11b_box .layout_r.box1-1 .layout_r img{
	width:100%; 
}

.cam11b_box.cam11b_bk .cam11b_box.box2 .layout_l img,
.cam11b_box.cam11b_bk .cam11b_box.box2 .layout_r img{
	width:96%; 
	margin-right:2%;
	margin-left:2%;
}
.cam11b_box.cam11b_bk .cam11b_box.box2 .layout_l .layout_r img,
.cam11b_box.cam11b_bk .cam11b_box.box2 .layout_r .layout_r img{
	width:94%; 
	margin-right:2%;
	margin-left:2%;
}
.cam11b_btn_area{
	text-align:center;
	margin:-1.0vh 10px 3vh;
}
.cam11b_btn_area a img{
	width:auto;
	height:2.3em;
}

.cam11b_bnrbox{
	width:80%; 
	margin:1em auto 0;
}
.cam11b_bnrbox span{
	margin-left:0px;
	padding-top:1em;
	display:block; 
}
.cam11b_bnrbox img{
	width:90%; 
}
#campaign_cont .cam11b_box.box2 .layout_l .attention,
#campaign_cont .cam11b_box.box2 .layout_r .attention,
#campaign_cont .cam11b_box.box2 .layout_l .cam11b_tx80,
#campaign_cont .cam11b_box.box2 .layout_r .cam11b_tx80{
	clear: both;
	font-size:80%;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

/*  */
.cam11b_sub_ttl{
	font-size:110%;
}
.cam11b_of_btn{
}
#sections .eccom-contents .cam11b_of_btn a,
#sections .eccom-contents .cam11b_of_btn a:link{
	font-size:110% !important;
	margin:0px auto;
	padding:10px 0 8px;
}
#sections .cam11b_of_btn a.open{
	border-bottom:1px solid #FFF;
}
.cam11b_of_togglearea,
.cam11b_of_togglearea.cam11b_2block {
  width: 90%;
  padding: 0;
}
.cam11b_of_togglearea .layout_l,
.cam11b_of_togglearea .layout_l:last-child {
    width: 80%;
	display:block;
    margin: 0 9% 10px;
    padding: 10px 0 20px;
    border: none;
}

.cam11b_of_acdnarea {
	display:block;
  width: 100%;
  margin-top:-15px;
  margin-bottom:25px;
  padding-bottom:25px;
  border-bottom:1px solid #666;
}
.cam11b_of_acdnbox {
	display:none;
  width: 90%;
  font-size:120%;
  margin:30px auto 2%;
  padding: 20px 3%;
}
.cam11b_of_acdnbox.active {
	display:block;
}
.cam11b_of_acdnbox:before,
.cam11b_of_acdnbox:first-child:before,
.cam11b_of_acdnbox:nth-child(3n):before,
.cam11b_2block .cam11b_of_acdnbox:first-child:before,
.cam11b_2block .cam11b_of_acdnbox:nth-child(2):before {
  left: 50%;
  margin-left: -15px;
}
.cam11b_of_i_thumb {
  width: 100%;
  float: none;
  margin-top:15px;
  margin-right:0;
}

.cam11b_of_i_text {
  width: 100%;
  float: none;
  margin-left:0;
}
.cam11b_of_i_thumb.right {
  float: none;
}
.cam11b_of_i_text.left {
  float: none;
}
div.flowblock h4.lead span:nth-of-type(2) {
	width:80%;
}
.cam11b_of_intro .cam11b_feature_title {
	color:#000;
}
.cam11b_of_intro dl{
	display:block;
	width:90%;
	margin:0 auto;
	text-align:left;
}

#wrapper h3.cam11b_mainttl{
	font-size:150%;
	color:#000;
}
.cam11b_bk.cam11b_color2 h5.cam11b_ttl,
.cam11b_bk.cam11b_color3 h5.cam11b_ttl{
	font-size:130%;
	line-height:1.3;
}

#campaign_cont div.divbox p.cam11b_link_btn {
	margin: 15px auto 0;

}
.cam11b_bk h4.cam11b_ttl span:after{
  border-width: 0 0 2.3em 1.2em;
}
.cam11b_of_bnr {
	width:90%;
	margin:0 5%;
}

.cam11b_modan{
	width:90%;
	margin:0 5%;
}
#campaign_cont .cam11b_modan h3{
	position:relative;
	font-size: 200%;
	line-height:1.35;
	margin:15px 10% ;
	padding:1em 22% 0em 0;
	background:url(../img/logo_modern.jpg) no-repeat right bottom;
	background-size:40%;
}
.cam11b_modan h3 span{
	position:absolute;
	padding:3px 20px 2px;
	top:0;
	left:-2%;
}

.cam11b_modan dl,
.cam11b_modan dl:last-child{
	width:90%;
	margin:0 5%;
}

/* popup */
.cam11b_popuparea{
	width:92%;
	height:100vh;
	font-size:110%;
	padding:4vh 4%;
}
.cam11b_popuparea#teams_popup{
	height:110vh;
}
.cam11b_popuparea h5{
	padding-bottom:1em;
}

.cam11b_popupline{
	width:84%;
	margin:0 4% 20px;
	padding:3vh 4% ;
}
.cam11b_popup_2txt{
	width:100%;
}
.cam11b_popup_2txt dl{
	width:90%;
	margin:auto;
	padding:0 4%;
}
.cam11b_popup_2txt dl dt,
.cam11b_popup_2txt dl dd{
	padding:5px 0 10px ;
}

p.link a {
	background-size: 1em;
}
ul.campaignimg_list_l li,ul.campaignimg_list_l li:last-child { margin:0 3% 3%;}

}