.content { max-width: inherit; }
.content_center { position: relative; }
/* .price .col_02 { padding-bottom: 80px; } */  /* 0801 ike del */
.price .btn_color_gray .index_btn_01_main { color: #333; font-weight: bold; position: relative; }
.price .btn_color_gray .index_btn_01_main.first:before {
	content: '';
  display: inline-block;
  font-size: 0;
  line-height: 0;
	transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  border: #333 2px solid;
  width: 5px;
  height: 5px;
  margin: 0 5px 5px 0;
  border-left-width: 0;
  border-top-width: 0; }
.price .btn_color_gray:hover .index_btn_01_main { color: #FFF; }
.price .btn_color_gray:hover .index_btn_01_main.first:after { border-color: #FFF; }

.plan .select { width: 205px; position: absolute; right: 0; z-index: 1; }
.plan .col_03 { padding-top: 50px; }
.plan .col_03:after{display:block;content:"";clear:both;overflow:hidden;}/* 2015/09/29 h9 */
.plan .col_03.col_03_flex .col_block { float:left;margin: 0 0.51%; padding: 26px 0; width: 32.3%; }/* 2015/09/29 h9 */
.plan .col_03.col_03_flex .col_block:first-child { padding: 0; }
.plan .col_03.col_03_flex .col_block .inner { border-top: #2F95FA 5px solid; background: #FFF; padding: 40px 0 5px; }
.plan .col_03.col_03_flex .col_block.first .inner { border-top: #00C7F2 10px solid; border-right: #00C7F2 2px solid; border-bottom: #00C7F2 2px solid; border-left: #00C7F2 2px solid; }
.plan .price { text-align: center; font-size: 220%; line-height: 1; padding-bottom: 25px; font-weight: bold; margin: 0; }
.plan .first .price { font-size: 320%; padding-bottom: 30px; }
.plan .price span { font-size: 60%; }.server_type li
.plan .feature { background: #2F95FA; border-radius: 100px; padding: 5px; border-bottom: #EEEEEE 1px solid; color: #FFF; width: 70%; margin: 0 auto 30px; text-align: center; }
.plan .first .feature { background: #00C7F2; width: 66%; font-weight: bold; }
.plan .detail { border-top: #EEEEEE 1px solid; padding: 15px 0 13px; font-size: 14px; height: auto; }
.plan .detail li { padding: 0 0 7px 1em; text-indent: -1em; margin: 0 10px; }
.plan .detail li:last-child { padding-bottom: 0; }
.plan .detail li span { color: #2692FD; }
.plan .first .detail li span { color: #FF7366; }
.plan ul.spec { font-size: 120%; border-top: #EEEEEE 1px solid; }
.plan ul.spec span { font-size: 80%; font-weight: normal; color: #999999; }
.plan .first  ul.spec { font-size: 140%; }
.plan ul.spec li { padding: 8px 0 8px;; text-align: center; border-bottom: #EEEEEE 1px solid; } /* 0801 ike update	font-weight: bold; padding: 10px 0 8px	*/
.plan ul.spec li.kind { text-align: center; color: #2692FD; font-weight: bold; } /* 0801 ike update */
.plan .first ul.spec li { padding: 10px 0; } /* 0801 ike update padding: 16px 0 15px; */
.plan .first ul.spec li.kind { color: #00C7F2; padding: 13px 0 7px; }

.plan .col_block .link { margin: 0 0 0 10px; }
.plan .col_block .link li { display: inline-block; margin: 23px 0 22px 20px; }

/*.type_list li { display: inline-block; max-width: 20%; }  del oda 161116 */

/*.constraction .explain { text-align: center; } oda 160620 */


/*-------------- rate --------------*/     /* add kobayashi 170524 */
.rate { margin-top: 40px; }
.rate li {
	position: relative;
	box-sizing: border-box;
	margin-right: 1.5%;
	font-size: 20px;
	font-size: 2.0rem;
	color: #FFF;
	margin-bottom: 30px; }
.rate .layout-unit.layout-3col { width: 31%; }/* chanege oda 170220 */


.rate li:last-child { margin-right: 0; }
.rate li:first-child:after,
.rate li:nth-child(2):after {
    content: url("/sevice_shared/img/cloud/img-plus.png");
    position: absolute;
    right: -8.5%;
    top: 62%; }
.rate li > div {
	margin-top: 8px; 
	padding: 10px;
	background-color: #4D9FEB; }
.rate .ttl { line-height: 1.2; margin-bottom: 2px; }

@media screen and (max-width: 739px){
	.rate {
		margin-top: 20px; }
	.rate li { 
		display: block;
		width: 100% !important;	/* add oda 170220 */		
		margin-bottom: 28px;  }
	.rate li:first-child:after,
	.rate li:nth-child(2):after {
		right: 48%;
		top: 100%; }
}


.price-list { padding: 80px 0 0; /* 80px 0; oda 160620  */ }
.price-list h3 { margin: 80px 0 40px; }
.price-list .server { background: url(/sevice_shared/img/cloud/price/img_server.png) no-repeat 0 center; height: 50px; padding: 10px 0 0 90px; background-size: 80px 60px; } /* chanege oda 161115 */
.price-list .os { background: url(/sevice_shared/img/cloud/price/img_os.png) no-repeat 0 center; height: 47px; padding: 10px 0 0 90px; }
.price-list .volume { background: url(/sevice_shared/img/cloud/price/img_volume.png) no-repeat 0 center; height: 47px; padding: 10px 0 0 90px; }
.price-list .network { background: url(/sevice_shared/img/cloud/price/img_network.png) no-repeat 0 center; height: 47px; padding: 10px 0 0 90px; }

.price-list h3 span,.cost p.shdg_03 span { background: url(/sevice_shared/img/cloud/ico_arrow_list.png) no-repeat 0 center; font-size: 75%; font-weight: normal; padding: 0 0 0 10px; margin-left: 25px; }  /* change oda 161115 */

.server_type {
    display: flex;
}
.server_type li { 
	box-sizing: border-box;
	width: 10.5%;
	margin-right: 1%;
	padding: 5px;
	font-size: 12px;
	font-size: 1.2rem; }
.server_type li:last-child { margin-right: 0; } 

@media screen and (max-width:599px){
.server_type li { width: 23.5%; margin-bottom: 2%; }
.server_type li:nth-child(7n) { margin-right: 0; } 
}
#volume .server_type li {
	width: 18.4%;
	padding: 3px 2px 2px;
	font-size: 18px;
	font-size: 1.8rem;
	border-radius: 3px;
 }
@media screen and (max-width:739px){
	#volume .server_type li {
		width: 31%; font-size: 12px; font-size: 1.2rem; }
}

table tr td { text-align: center !important; }

.content p.sbutton_cv { margin: 80px auto 15px; }
/* .present { text-align: center; font-size: 18px; color: #00A3D8; line-height: 1.3; }
.present span.bg_y { background: #FED500; color: #333; padding: 3px 7px; vertical-align: middle; font-size: 14px; font-weight: bold; }	ike del */

.view-pc { display: inline; }
.view-sp { display: none; }
.slide-pc { display: inline-block; }
.slide-sp { display: none; }

@media screen and (max-width: 739px) {
.view-pc { display: none; }
.view-sp { display: inline; }
.content { width: inherit; }
.content h2 { margin: 40px 0; }
.content p.sbutton_cv { margin: 40px auto 10px; }

.price .btn_plastic_main { width: 75%; }
/* .price .col_02 { padding-bottom: 40px; } */  /* 0801 ike del */


.plan { padding: 40px 0; }
.plan .price { padding: 10px 0 19px !important; }
.plan .first .price { padding: 0 0 10px !important; }
.plan .col_03 { padding-top: 30px; }
.plan .col_03.col_03_flex .col_block { width: auto; margin: 0 16px; padding: 0; }
.plan .col_03.col_03_flex .col_block .inner { padding: 15px 0 5px }
.plan .feature { font-size: 105%; margin: 0 auto 18px; padding: 7px 15px; }
.plan .select { width: 180px; }
.plan ul.spec li { display: inline-block; width: 24.333333333%; line-height: 1; font-size: 16px; padding: 15px 0 14px !important; } /* 0801 ike update	 width: 33.333333333%; */
.plan ul.spec li.kind { display: block; width: 100%; font-size: 20px; }
.plan .first ul.spec li.kind { font-size: 24px; padding: 13px 0 12px !important; }
.plan ul.spec li:nth-child(6) { width: 100%; } /* 0801 ike update */
/* .plan ul.spec li:nth-child(5), .plan ul.spec li:nth-child(6) { width: 50%; } */  /* 0801 ike update */
.plan .detail { padding-bottom: 18px; }
.plan .detail li { font-size: 90%; }
.plan .col_block .list_ul { font-size: 16px; }
.plan .col_block .list_item_link { padding: 9px 0 12px 20px; }
.plan .col_block .list_ul .list_item_link > a:before { top: 12px; }

/* Arrows */
.plan .slick-prev,
.plan .slick-next{
	position: absolute;
	display: block;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	color: transparent;
	background-color: transparent;
	border-color: transparent;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	border-width: 4px;
	border-style: solid;
	border-color: #63ACF3;
	top: 50%;
	width: 20px;
	height: 20px;
	margin: -12px 0 0 0;
}
.plan .slick-prev:hover,
.plan .slick-prev:focus,
.plan .slick-next:hover,
.plan .slick-next:focus
{
	color: transparent;
	outline: none;background: transparent;
}
.plan .slick-prev{
	left: -2px;
	border-right-width: 0;
	border-top-width: 0;
}
.plan .slick-next{
	right: -2px;
	border-left-width: 0;
	border-bottom-width: 0;
}
/*.constraction .explain { text-align: left; width: 100%; margin: 0 auto; font-size: 14px; } oda 160620 */
.price-list { padding: 40px 0 0; /* 20px oda 1600620 */ }
.price-list h3 { height: auto !important; font-size: 20px; padding: 2px 0 0 55px !important; margin: 40px 0 20px; }
.price-list .box-type h4 { font-size: 14px; }
.price-list .server { background-size: auto 35px; }
.price-list .os { background-size: auto 35px; }
.price-list .volume { background-size: auto 35px; }
.price-list .network { background-size: auto 35px; }
.price-list .option { background-size: auto 20px; padding: 2px 0 0 30px !important;  }
.price-list .option.close { background-size: auto 20px; }
.price-list .tab-list li { display: inline-block; width: 19.5%; margin: 20px 0.5% 0 0; font-size: 70%; }
.present { width: 90%; margin: 0 auto; max-width: 290px; }
.present span.bg_y { font-size: 12px; }
.present span.auto_br { font-size: 14px; }
}

@media screen and (max-width: 350px) {
	.plan .detail { font-size: 12px; }
}

/*---- プリント用CSS  add oda  170220 ----*/
@media print {
	.option-detail { display: block !important; }
}
c
/*---- シミュレーション用CSS  add kobayashi  170519 ----*/
/* 導入部分 */
.btnAreaIntro {
	max-width: 980px;
	text-align: center;
}
.btnIntro {
	position: relative;
	display: inline-block;
	width: 40%;
	padding-bottom: 4px;
	
	vertical-align: top;
	
	overflow: hidden;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	letter-spacing: normal; /* 文字間 */
	
	cursor: pointer;
}
.android .btnIntro {	/*android標準ブラウザ対応*/
	width: 46.5%;
}
.btnIntro a {
	display: block;
	padding: 18px 20px;
	color: #FFF;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.btnIntro h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
.btnIntro img {
	display: block;
	max-width: 170px;
	margin: 0 auto 14px;
}
.btnIntro p {
	display: block;
    font-size: 14px;
	width: 100%;
	max-width: 348px;
	margin: 0 auto;
	text-align: left;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.btnIntro .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	
	background-color: rgba(0,0,0,0.5);
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	opacity: 0;
	transition: 0.3s;
}
.btnIntro a:hover .overlay {
	opacity: 1;
}
.btnIntro .overlay span {
	position: relative;
	top: 40%;
	padding-right: 0px;
	
	background: url(/sevice_shared/img/cloud/sim/ico_btn_ya.png) no-repeat top 6px right 0px/10px 17px;
	
}
.btnIntro a:hover {
	text-decoration: none;
}
.btnIntro a:hover .overlay {
	top: 0;
}
.btnIntro.quick {
	margin-right: 3%;
}
.btnIntro.quick a {
	background-color: #FF9800;
	-webkit-box-shadow: 0 4px 0 0 #EF6C00;
	-moz-box-shadow: 0 4px 0 0 #EF6C00;
	box-shadow: 0 4px 0 0 #EF6C00;
}
.btnIntro.customize a {
	background-color: #2A9EF4;
	-webkit-box-shadow: 0 4px 0 0 #0078BA;
	-moz-box-shadow: 0 4px 0 0 #0078BA;
	box-shadow: 0 4px 0 0 #0078BA;
}
@media screen and (max-width: 767px) {	
	.btnAreaIntro {
		max-width: 640px;
	}
	.btnIntro {
		width: 100%;
		margin: 0 auto 4px;
		padding-bottom: 4px;
		text-align: center;
	}
	.android .btnIntro {	/*android標準ブラウザ対応*/
		width: 100%;
	}
	.btnIntro a {
		display: block;
		padding: 12px 16px 6px;
		color: #FFF;
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	.btnIntro h3 {
		margin-bottom: 6px;
		
		font-size: 18px;
	}
	.btnIntro img {
		float: right;
		display: block;
		max-width: 120px;
		margin: 0 auto 14px;
	}
	.btnIntro p {
		float: left;
		display: inline-block;
		width: 100%;
		max-width: 100%;
		max-width: auto;
		max-width: initial;
		margin-right: -130px;
		padding-right: 0px;
		font-size: 14px;
		text-align: left;
	}
	.btnIntro .overlay {
		font-size: 22px;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
	}
	.btnIntro .overlay span {
		position: relative;
		top: 35%;
		padding-right: 0px;
		
		font-size: 18px;
		
		background: url(/sevice_shared/img/cloud/sim/ico_btn_ya.png) no-repeat top 4px right 0px/8px 15px;
	}
	.btnIntro.quick {
		margin-right: 6%;
	}
	.btnIntro.customize {
		margin-top: 6px;
	}
}

	#simulation .simbtn {
		width: 410px;
	}
	#simulation .kantan {    
		background: url(/sevice_shared/img/cloud/price/img_sim04.png) no-repeat 0 center;
		background-size: 20px;
		background-position-y: 1px;
		padding: 0px 0 0 28px;
	}
	#simulation .syousai {    
		background: url(/sevice_shared/img/cloud/price/img_sim05.png) no-repeat 0 center;
		background-size: 20px;
		background-position-y: 1px;
		padding: 0px 0 0 28px;
	}
	@media screen and (max-width: 767px) {	
	#simulation .simright {
		display: none;
	}
	#simulation .simbtn {
		width: 100%;
	}
	}
.flex {
	max-width: 980px;
	margin: 0 auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-around;
}
@media screen and (max-width: 767px) {
.flex {
	display: block;
	margin-bottom: 5px;
}
}