/*  custom styles   */


body {
	font-family: 游ゴシック体, "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", sans-serif !important;
	color: #333;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 游ゴシック体, "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", sans-serif !important;
}


.dsp-w {
	display: inline;
}
.dspb-w {
	display: block;
}
.dsp-s {
	display: none;
}
.dspb-s {
	display: none;
}



/*＿＿ヘッダ グローバルメニュー＿＿*/

.site-branding {
	width: 13.5623%;
	margin-right: 1.3562%;
	float: left;
}
header .site-branding .site-logo-div {
    padding-bottom: 5px;
    height: auto;
}
header .site-branding .site-logo-div h1 {
    padding: 10px 0 0;
    margin: 0;
}
header .site-branding .site-logo-div img {
    width: 100%;
    max-width: 146px;
    height: auto;
}

.header-right-wrapper {
	width: 84.9909%;
	/*max-width: 710px;*/
	float: right;
}
.main-navigation ul
	text-align: right;
	list-style: none;
}
.onepress-menu.gnav {
	position: relative;
	width:100%;
	margin: 0;
	padding: 0;
}
.onepress-menu.gnav li {
	text-align: right;
	padding-top: 25px;
	margin: 0;
}
.onepress-menu li a {
    padding: 0 15px 0 0;
}
.onepress-menu li:nth-child(6) a {
    padding-right: 0;
}
.onepress-menu .whiteBlock {
    padding: 0 15px !important;
    height: 40px;
    right: 130px;
    margin: 0;
}


/*_____フッタ メニュー_____*/

.site-footer .site-info .nav-list {
	width: 100%;
	margin: 0;
	padding: 0;
}
.site-footer .site-info .nav-list ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	overflow: hidden;
}
.site-footer .site-info .nav-list li {
	margin: 5px 5px 0 0;
	padding: 0;
	text-align: center;
	display: inline-block;
}

/*＿＿TOP_スライダー＿＿*/
.visual-pc {
	display: block !important;	
}
.visual-sp {
	display: none !important;	
}

/*＿＿TOPページ＿＿*/

#content-top-wrap {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
/*#main-visual {
    max-width: 100%;
}*/
#main-visual .flex-direction-nav a span {
    width: 40px;
    height: 40px;
    margin: -20px 10px 0 10px;
    display: block;
    background: url(/wp-content/themes/onepress_nextit/assets/images/bg-slide-direction_nav1.png) ;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
}
.top-reasons .catch-copy .resons-title1 {
	line-height: 0;
	margin-bottom: 0;
}
.top-reasons .catch-copy .resons-text1 {
    font-size: 34px;
    padding-top: 0;
    margin: 0;
    color: #2a54a1;
    vertical-align: -30px;
}
.top-reasons .catch-copy img {
	width: 100%;
	max-width: 235px;
}
.top-reasons .content-copy {
    font-size: 24px;
    line-height: 1.4;
}
.top-reasons .reason-wrap {
   width: 100%;
   max-width: 1000px;
   margin: 35px auto 0;
   padding: 0;
   overflow: hidden;
}
.top-reasons .reason-wrap > div {
   float: left;
   width: 30%;
   margin: 0 5% 0 0;
}
.top-reasons .reason-wrap > div:nth-child(3n) {
	margin-right: 0;
}
.top-reasons .reason-wrap > div:nth-child(3n+1) {
	clear: left;
}
.top-reasons .reason-wrap .copy1 {
    margin-bottom: 0;
    padding-top: 20px;
    line-height: 1.3;
    text-align: center;
    font-weight: normal;
    font-size: 22px;
    color: #34549f;
}

.menu-buttons {
   width: 100%;
   margin: 40px auto 0;
   padding: 0;
   display: block;
   overflow: hidden;
}
.menu-buttons .top-menu-btn {
   width: 100%;
   max-width: 440px;
   font-size: 18px;
　font-weight: normal;
   color: #34549f;
   line-height: 1.3;
   padding: 20px 5px;
   text-align: center;
   display: block;
   border: 1px solid #34549f;
   border-radius: 5px;
   position: relative;
   margin: 0 auto;
   background: #FFF;
}
.menu-buttons .btn-arrow {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 18px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 5px;
}
.menu-buttons .btn-arrow:before {
    content: "\f061";
}

.top-product {
	margin: 0 auto;
	padding-top: 60px;	
}
.top-product .product-title {
    font-size: 34px;
    padding-top: 0;
    margin: 0 auto 10px;
    color: #2a54a1;
}
.top-product .sub-copy1 {
    font-size: 22px;
    line-height: 1.4;
    padding-top: 0;
    margin: 0 auto 20px;
}
.top-product .productGroups {
	margin: 80px auto 0;;
	width: 100%;
	max-width: 1090px;
	padding: 0;
	display: block;
	text-align: left;
}
.top-product .productGroups > div {
	float: left;
	width: 31.1926%;
	margin: 0 3.2110% 95px 0;
}
.top-product .productGroups > div:nth-child(3n) {
	margin-right: 0;
}
.top-product .productGroups > div:nth-child(3n+1) {
	clear: left;
}
.top-product .productGroups > div:nth-child(n+4) {
	margin-bottom: 0;
}
.top-product .productGroups .productGroup {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    padding: 5px;
    width: 100%;
    height: 430px;
    /*height: auto;*/
    background-color: #edf7fa;
    vertical-align: top;
    border-radius: 10px;
}
.top-product .productGroups .box1 {
    height: auto;
}
.top-product .productGroups .productGroup .icon {
    position: absolute;
    top: -55px;
    left: -5px;
}
.top-product .productGroups .productGroup .catch-copy {
	margin: 0 auto;
	padding: 19px 5px 22px;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 290px;
	height: 100px;
	margin: 0 auto;
}
.top-product .productGroups .productGroup .catch-copy .opt-text1 {
    font-size: 22px;
    color: #2a54a1;
    font-weight: 600;
    text-align: center;
    padding: 0;
    margin: 0 auto;
    line-height: 1.3;
}
.top-product .productGroups .productGroup .description .opt-copy1 {
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    padding: 0;
    margin: 5px auto 0;
    line-height: 1.3;
}
.top-product .productGroups .productGroup .wrapper {
    padding: 75px 5px 0;
    text-align: center;
    margin-bottom: 30px;
}
.top-product .productGroups .productGroup .wrapper  .itemList {
	max-width: 290px;
	display: block;
	margin: 15px auto 0;
}
.top-product .productGroups .productGroup .wrapper .itemList .item {
	width: 100%;
	max-width: 290px;
	height: 60px;
	margin: 0 auto 4px;
	display: flex;
	align-items: center;
}
.top-product .productGroups .productGroup .wrapper .itemList .item .item-text {
	width: 100%;
	line-height: 1.3;
	display: inline-block;
	font-size: 16px;
	text-align: center;
    	vertical-align: middle;
}

.top-support  {
	margin-top: 60px;
	padding:  60px 0;	
}
.top-support .support {
	width: 100%;
	max-width: 1090px;
	margin: 0 auto;
	padding: 0;
}
.top-support .support-title {
	display: block;
	font-size: 34px;
	padding-top: 0;
	margin: 0 auto 40px;
	color: #2a54a1;
	text-align: center;
}
.top-support .support-contents {
	padding: 0;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.top-support .support-contents > div {
	float: left;
	width: 23.4862%;
	margin: 0 2.0183% 0 0;
}
.top-support .support-contents > div:nth-child(4n) {
	margin-right: 0;
}
.top-support .support-contents > div:nth-child(4n+1) {
	clear: left;
}
.top-support .support-contents .support-wrap {
	width: 100%;
	padding: 25px 15px;
	margin: 0 auto;
	background: #FFF;
}
.top-support .support-contents .support-wrap .support-img {
	margin: 0 auto;
	display: block;
	text-align: center;
}
.top-support .support-contents .support-wrap .support-copy {
	margin: 15px auto 10px;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	padding: 0;
	line-height: 1.4;
	color: #333;
}



/*左固定フロートメニュー*/

.float-menu-wrapper .menuItems {
　width: 100%;
　max-width: 100px;
    position: absolute;
    top: 40px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.float-menu-wrapper .menuItems li {
    margin: 0;
}
.float-menu-wrapper .menuItems .item p {
    margin: 0;
}
/*スマホサイズ 左固定フロートメニュー*/
.sp-float-menu {
	display: none;
}



.channel .channel-content1 a:hover,
.channel-main .channel-content1 a:hover,
.news-info .info-content a:hover,
.news-area a:hover,
.support a:hover,
.info-content a:hover,
.feature-content a:hover,
.side-content-area .com-side a:hover,
.side-content-area .com-archives a:hover,
.com-pager1 a:hover {
    opacity: 0.8;   
}


/*_____TOPページ 調剤くんチャンネル____*/

.top-channel {
    width: 100%;   
    margin: 50px auto 0;
    overflow: hidden;
}
.top-channel .ch-text1 {
    font-size: 18px;
    line-height: 1.4;
    margin: 65px auto 0;
    text-align: center;
}
.channel {
    width: 100%;
    background-color: #e4f0f3;
    position: relative;
    padding: 0;
    text-align: center;
    margin: 40px auto 0;
}
.channel:after {
    width: 100%;
    margin: 0;
    background: url(/wp-content/themes/onepress_nextit/assets/images/back-pattern-01.png) center center repeat;
    content: "";
    z-index: 1;
}
.channel .channel-content1 {
    width: 100%;
    max-width: 1120px;
    padding: 50px 0;
    margin: 0 auto;
    overflow: hidden;
}
.channel .channel-content1 .ch-title1 {
    width: 100%;
    max-width: 400px;
    height: 70px;
    color: #FFF;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.4;
    padding: 15px 5px;
    text-align: center;
    background-color: #2a549d;
    border-radius: 10px;
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.channel .channel-content1 .ch-title1 a {
    color: #FFF;
}
.channel .channel-content1 .ch-title1 .btn-arrow {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 26px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 15px;
}
.channel .channel-content1 .ch-title1 .btn-arrow:before {
    content: "\f061";
    color: #FFF;
}
.channel .channel-content1 .chn-contents {
    width: 100%;
    display: block;
    margin: 0 auto;
    overflow: hidden;
}
.channel .channel-content1 .chn-contents > div {
    width: 62.5%;
    float: left;
    margin-right: 2.6785%;
}
.channel .channel-content1 .chn-contents > div:nth-child(2n) {
    width: 34.8214%;
    margin-right: 0;
}
.channel .channel-content1 .chn-contents > div:nth-child(2n+1) {
    clear: left;
}

.channel .channel-content1 .chn-contents .page-sub-title1,
.channel .channel-content1 .chn-contents .page-sub-title2,
.channel .channel-content1 .chn-contents .page-sub-title3 {
    width: 100%;
    max-width: 240px;
    height: 65px;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    border-radius: 10px;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.channel .channel-content1 .chn-contents .page-sub-title1 {
    background-color: #51afe4;
}
.channel .channel-content1 .chn-contents .page-sub-title2 {
    background-color: #eb7b93;
}
.channel .channel-content1 .chn-contents .page-sub-title3 {
    background-color: #9eca56;
}
.channel .channel-content1 .chn-contents .page-sub-title1 > .ch-inner1,
.channel .channel-content1 .chn-contents .page-sub-title2 > .ch-inner2,
.channel .channel-content1 .chn-contents .page-sub-title2 > .ch-inner3 {
	margin: auto;
	overflow: hidden;
	width: 100%;
	border-radius: 10px;
	-webkit-background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
}
.channel .channel-content1 .chn-contents .page-sub-title1 > .ch-inner1 {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0,
	    color-stop(.25, #4cade3), color-stop(.25, transparent),
	    color-stop(.5, transparent), color-stop(.5, #4cade3),
	    color-stop(.75, #4cade3), color-stop(.75, transparent),
	    to(transparent));
	background-image: -webkit-linear-gradient(-45deg, #4cade3 25%, transparent 25%,
	  transparent 50%, #4cade3 50%, #4cade3 75%,
	  transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #4cade3 25%, transparent 25%,
	  transparent 50%, #4cade3 50%, #4cade3 75%,
	  transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, #4cade3 25%, transparent 25%,
	  transparent 50%, #4cade3 50%, #4cade3 75%,
	  transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, #4cade3 25%, transparent 25%,
	  transparent 50%, #4cade3 50%, #4cade3 75%,
	  transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #4cade3 25%, transparent 25%,
	  transparent 50%, #4cade3 50%, #4cade3 75%,
	  transparent 75%, transparent);
}
.channel .channel-content1 .chn-contents .page-sub-title2 > .ch-inner2 {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0,
	    color-stop(.25, #ea7891), color-stop(.25, transparent),
	    color-stop(.5, transparent), color-stop(.5, #ea7891),
	    color-stop(.75, #ea7891), color-stop(.75, transparent),
	    to(transparent));
	background-image: -webkit-linear-gradient(-45deg, #ea7891 25%, transparent 25%,
	  transparent 50%, #ea7891 50%, #ea7891 75%,
	  transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #ea7891 25%, transparent 25%,
	  transparent 50%, #ea7891 50%, #ea7891 75%,
	  transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, #ea7891 25%, transparent 25%,
	  transparent 50%, #ea7891 50%, #ea7891 75%,
	  transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, #ea7891 25%, transparent 25%,
	  transparent 50%, #ea7891 50%, #ea7891 75%,
	  transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #ea7891 25%, transparent 25%,
	  transparent 50%, #ea7891 50%, #ea7891 75%,
	  transparent 75%, transparent);
}
.channel .channel-content1 .chn-contents .page-sub-title3 > .ch-inner3 {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0,
	    color-stop(.25, #a2cd62), color-stop(.25, transparent),
	    color-stop(.5, transparent), color-stop(.5, #a2cd62),
	    color-stop(.75, #a2cd62), color-stop(.75, transparent),
	    to(transparent));
	background-image: -webkit-linear-gradient(-45deg, #a2cd62 25%, transparent 25%,
	  transparent 50%, #a2cd62 50%, #a2cd62 75%,
	  transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #a2cd62 25%, transparent 25%,
	  transparent 50%, #a2cd62 50%, #a2cd62 75%,
	  transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, #a2cd62 25%, transparent 25%,
	  transparent 50%, #a2cd62 50%, #a2cd62 75%,
	  transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, #a2cd62 25%, transparent 25%,
	  transparent 50%, #a2cd62 50%, #a2cd62 75%,
	  transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #a2cd62 25%, transparent 25%,
	  transparent 50%, #a2cd62 50%, #a2cd62 75%,
	  transparent 75%, transparent);
}

.channel .channel-content1 .chn-contents .page-sub-title1 .inner-title2,
.channel .channel-content1 .chn-contents .page-sub-title2 .inner-title2,
.channel .channel-content1 .chn-contents .page-sub-title3 .inner-title2 {
	display: table;
	height: 65px;
	width: 100%;
}
.channel .channel-content1 .chn-contents .page-sub-title1 .inner-title2 .inner-area2,
.channel .channel-content1 .chn-contents .page-sub-title2 .inner-title2 .inner-area2,
.channel .channel-content1 .chn-contents .page-sub-title3 .inner-title2 .inner-area2 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	position: relative;
}
.channel .channel-content1 .chn-contents .page-sub-title1 .chn-title1,
.channel .channel-content1 .chn-contents .page-sub-title2 .chn-title1,
.channel .channel-content1 .chn-contents .page-sub-title3 .chn-title1 {
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	line-height: 1.2;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.channel .channel-content1 .chn-contents .page-sub-title1 .chn-title1 a,
.channel .channel-content1 .chn-contents .page-sub-title2 .chn-title1 a,
.channel .channel-content1 .chn-contents .page-sub-title3 .chn-title1 a {
	color: #FFF;
}
.channel .channel-content1 .chn-contents .page-sub-title3 .chn-title1 {
	margin-left: 28px;
}
.channel .channel-content1 .chn-contents .page-sub-title1 .chn-title1:before,
.channel .channel-content1 .chn-contents .page-sub-title2 .chn-title1:before,
.channel .channel-content1 .chn-contents .page-sub-title3 .chn-title1:before {
	position: absolute;
	margin: 0 auto;
	content: "";
}
.channel .channel-content1 .chn-contents .page-sub-title1 .chn-title1:before {
	left: 8px;
	bottom: -21px;
	background: url(/wp-content/themes/onepress_nextit/assets/images/ch-top-title1-bg1.png) center center no-repeat;
	background-size: 71px 60px; 
	width: 71px;
	height: 60px;
}
.channel .channel-content1 .chn-contents .page-sub-title2 .chn-title1:before {
	right: 5px;
	bottom: -21px;
	background: url(/wp-content/themes/onepress_nextit/assets/images/ch-top-title2-bg1.png) center center no-repeat;
	background-size: 71px 60px;
	width: 71px;
	height: 60px;
}
.channel .channel-content1 .chn-contents .page-sub-title3 .chn-title1:before {
	left: -30px;
	bottom: -21px;
	background: url(/wp-content/themes/onepress_nextit/assets/images/ch-top-title3-bg1.png) center center no-repeat;
	background-size: 67px 57px;
	width: 67px;
	height: 57px;
}

.channel .channel-content1 .ch-movie1 {
    width: 100%;
    max-width: 700px;
    display: block;
    text-align: center;
    margin: 60px auto 0;
    padding: 50px 25px 30px;
    background: #FFF;
    border-radius: 5px;
    position: relative;
}
.channel .channel-content1 .ch-movie1 .movie-area {
    width: 100%;
    max-width: 640px;
    margin: 25px auto 0;
}
.channel .channel-content1 .ch-movie1 .movie-area .movie {
    position:relative;
    width:100%;
    height: 0;
    padding-bottom:56.25%;
　 overflow: hidden;
}
.channel .channel-content1 .ch-movie1 .movie-area .movie iframe {
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
}
.channel .channel-content1 .ch-movie1 .movie-area .mo-title1 {
    text-align: center;
    color: #2a549d;
    font-size: 18px;
    line-height: 1.4;
    font-weight: bold;
    margin: 10px auto;
    padding: 0 15px;
}
.channel .channel-content1 .ch-movie1 .movie-area .mo-copy1 {
    color: #333;
    font-size: 16px;
    line-height: 1.4;
    margin: 0 auto;
    text-align: left;
    padding: 0 15px;
}

.channel .channel-content1 .channel-list {
    width: 100%;
    max-width: 390px;
    display: block;
    text-align: center;
    margin: 60px auto 0;
    padding: 0;
}
.channel .channel-content1 .channel-list  .feature-box {
    width: 100%;
    max-width: 390px;
    text-align: center;
    margin: 0 auto;
    background: #FFF;
    border-radius: 5px;
    position: relative;
    padding: 20px 25px;
}
.channel .channel-content1 .channel-list .feature-box dl {
    width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 55px auto 10px;
}
.channel .channel-content1 .channel-list .feature-box dl + dl {
    margin-top: 25px;
    padding-top: 30px;
    border-top: 1px dotted #2a549d;
}
.channel .channel-content1 .channel-list .feature-box dt {
    float: left;
    width: 35.2941%;
    margin: 0 2.9411% 0 0;
    padding: 0;
}
.channel .channel-content1 .channel-list .feature-box dd {
    float: left;
    width: 61.7647%;
    margin: 0;
}
.channel .channel-content1 .channel-list .feature-box dt img {
    display: block;
    width: 100%;
    max-width: 120px;
    margin: 0;
    padding: 0;
}
.channel .channel-content1 .channel-list .feature-box .image1 {
	display: inline-block;
	background-color: #e8e8e8;
	background-position: center center;
	background-repeat: no-repeat;
	/*margin: 5px;*/
	/*width: 120px;
	height: 120px;*/
	background-size: contain;
	border: 1px solid #DDD;
}
/*.channel .channel-content1 .channel-list .feature-box .thumb {
	width: 100%;
	max-width: 100px;
	height: 100px; 
	display: table;
}
.channel .channel-content1 .channel-list .feature-box .thumb .thumb-img {
	display: table-cell;
	margin: auto;
	position: relative;
	width: 100%;
	max-width: 100px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
	background-color: #ecf6fc;
}
.channel .channel-content1 .channel-list .feature-box .thumb .thumb-img img {
	max-width: 100%;
	max-height: 100%;
}*/

.channel .channel-content1 .channel-list .feature-box .text-body {
	display: block;
	margin: 0;
	/*float: left;*/
}
.channel .channel-content1 .channel-list .feature-box .comment {
	display: block;
	overflow: hidden;
	/*float: left;*/
}
.channel .channel-content1 .channel-list .feature-box .fe-title2 {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3;
    text-align: left;
    margin: 0 0 5px;
    padding: 0;
}
.channel .channel-content1 .channel-list .feature-box .fe-title2 a {
    color: #2a54a1;
}
.channel .channel-content1 .channel-list .feature-box .fe-copy2 {
    font-size: 13px;
    color: #333;
    line-height: 1.4;
    text-align: left;
    margin: 0;
    padding: 0;
}
.channel .channel-content1 .channel-list .feature-box .fe-link {
    font-size: 11px;
    line-height: 1.3;
    margin: 15px 0 0 0;
    float: right;
    position: relative;
    padding-right: 15px;
}
.channel .channel-content1 .channel-list .feature-box .fe-link:after {
    border: solid #2a54a1;
    border-width: 2px 2px 0 0;
    content: "";
    height: 8px;
    margin: -4px 0 0 0;
    position: absolute;
    right: 3px;
    top: 47%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 8px;
}
.channel .channel-content1 .channel-list .feature-box .fe-link a {
    color: #333;
}



.channel .channel-content1 .channel-list  .document {
    width: 100%;
    max-width: 390px;
    margin: 75px auto 0;
    background: #FFF;
    border-radius: 5px;
    padding: 20px 25px;
    position: relative;
}
.channel .channel-content1 .channel-list  .document .doc-box {
    width: 100%;
    max-width: 330px;
    margin: 40px auto 10px;
}
.channel .channel-content1 .channel-list  .document .doc-new {
    margin: 0 0 10px;
    color: #589f00;
    font-size: 18px;
    text-align: left;
    font-weight: bold;
    line-height: 1.4;
}
.channel .channel-content1 .channel-list  .document .doc-title {
    margin: 0 0 5px;
    color: #2a54a1;
    font-size: 16px;
    text-align: left;
    line-height: 1.4;
}
.channel .channel-content1 .channel-list  .document .doc-copy {
    margin: 5px 0 0;
    color: #333;
    font-size: 14px;
    line-height: 1.4;
    font-weight: normal;
    text-align: left;
    margin: 0;
}
.channel .channel-content1 .channel-list  .document .doc-btn {
	/*border-top: 1px dotted #2a5480;*/
	display: block;
	margin: 20px auto 0;
	padding: 0;
}
.channel .channel-content1 .channel-list  .document .doc-btn .button {
    font-size: 12px;
    display: block;
    background: #ffe400;
    color: #333;
    margin: 0 auto;
    padding: 10px 5px;
    overflow: hidden;
    text-align: center;
    width: 100%;
    max-width: 360px;
    position: relative;
}
.channel .channel-content1 .channel-list  .document .doc-btn .button:after {
    border: solid #2a54a1;
    border-width: 2px 2px 0 0;
    content: "";
    height: 10px;
    margin: 0 auto;
    position: absolute;
    top: 15px;
    right: 0;
    left: 135px;
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px;
}


/*_____TOPページ 最新のお知らせ____*/

.top-news {
    width: 100%;   
    margin: 100px auto 120px;
    overflow: hidden;
}
.top-news .info-content {
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    padding: 0;
}
.top-news .info-content .news-title1 {
    color: #2a54a1;
    font-size: 34px;
    /*font-weight: bold;*/
    line-height: 1.4;
    text-align: center;
    margin: 0 auto 10px;
}
.top-news .info-content .list {
    font-size: 14px;
    margin: 0 auto 5px;
    display: block;
    float: right;
}
.top-news .info-content .list a {
    color: #2a54a1;
}
.top-news .info-content .news-list {
    width: 100%;
    background: #e4f0f3;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    position: relative;
    padding: 30px;
}
.top-news .info-content .news-list dl {
    width: 100%;
    padding: 0;
    margin: 0;
}
.top-news .info-content .news-list dt {
    float: left;
    width: 15.3846%;
    margin: 0 2.5641% 0 0;
    padding: 0;
}
/*.top-news .info-content .news-list dt img {
    display: block;
    width: 100%;
    max-width: 120px;
    margin: 0;
    padding: 0;
}*/
.top-news .info-content .news-list .thumb {
	width: 100%;
	max-width: 120px;
	height: 120px; 
	display: table;
}
.top-news .info-content .news-list .thumb .thumb-img {
	display: table-cell;
	margin: auto;
	position: relative;
	width: 100%;
	max-width: 120px;
	height: 120px;
	text-align: center;
	vertical-align: middle;
	background-color: #ecf6fc;
}
.top-news .info-content .news-list .thumb .thumb-img img {
	max-width: 100%;
	max-height: 100%;
}
.top-news .info-content .news-list dd {
    float: left;
    width: 82.0512%;
    margin: 0;
}
.top-news .info-content .news-list .text-body {
	display: block;
	text-align: left;
	margin: 0;
	/*float: left;*/
}
.top-news .info-content .news-list .date {
	line-height: 1.2;
	padding: 0;
	margin: 0 0 10px;
}
.top-news .info-content .news-list .date span {
	display: inline-block;
	line-height: 20px;
	vertical-align: middle;
}
.top-news .info-content .news-list .date span + span {
	margin-left: 6px;
}
.top-news .info-content .news-list .days {
	font-size: 14px;
	margin: 0;
}
.top-news .info-content .news-list .new {
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	overflow: hidden;
	background: #2a54a1;
	padding: 2px 10px;
}
.top-news .info-content .news-list .news-copy1 {
	color: #333;
    	font-size: 16px;
	display: block;
	margin-top: 5px;
	line-height: 1.4;
}
.top-news .info-content .news-list .news-copy1 .title-text1 {
    	font-weight: 500;
    	display: block;
    	margin: 0 auto 5px;
}
.top-news .info-content .news-list .news-copy1 .title-text1 a {
    	color: #2a54a1;
}
.top-news .info-content .news-list .news-copy1 .text1 {
    	font-size: 15px;
    	display: block;
    	margin: 0 auto;
}



/*調剤くんが選ばれる理由*/

#reasons {
　width: 100%;
    margin: 0 auto;
    padding: 0;
}
#reasons .post-page-title {
	display: block;
	font-size: 32px;
	padding-top: 0;
	margin: 0 auto 30px;
	color: #2a54a1;
	text-align: center;
}
#reasons .page-top-message {
    margin: 30px auto;
    text-align: center;
}
#reasons .page-top-message .message {
    font-size: 30px;
    line-height: 1.4; 
    color: #777777;
}
#reasons .textContent .rsn-point .catch-copy {
    margin-bottom: 10px;
    padding-top: 0;
    line-height: 1.4;
    text-align: center;
    font-weight: bold;
    font-size: 30px;
}
#reasons .textContent .rsn-point .catch-copy h3 {
	font-size: 30px;
	padding-top: 0;
	margin: 0 auto 20px;
	color: #34549f;
	line-height: 1.4
}
#reasons .feature-item {
    width: 100%;
    max-width: 500px;
    margin: 50px auto 0;
    padding: 0;
    display: block;
    text-align: center;
    overflow: hidden;
}
#reasons .feature-item > div {
	float: left;
	width: 30%;
	margin: 0 5% 0 0;
}
#reasons .feature-item > div:nth-child(3n) {
	margin-right: 0;
}
#reasons .feature-item > div:nth-child(3n+1) {
	clear: left;
}
#reasons .feature-item .item {
	width: 100%;
	max-width: 150px;
	height: 150px;
	margin: 0 auto;
	background-color: #fff;
	border: 1px solid #34549f;
	border-radius: 50%;
	display: table;
}
#reasons .feature-item .item .item-text {
	margin: 0 auto;
	font-size: 17px;
	font-weight: 600;
	color: #34549f;
	line-height: 1.3;
	display: table-cell;
	vertical-align: middle;
}
.reasonWrapper .content img {
    margin: 60px 0 0;
    max-width: 55%;
    height: auto;
}
.reasonWrapper.imageRight .content img {
    margin-left: 45%;
}



/*オプション*/
.site-content  .option-content {
	width: 100%;
	margin: 50px auto 30px;
	padding: 0;
}
.site-content  .option-content .post-page-title {
	display: block;
	font-size: 32px;
	padding-top: 0;
	margin: 0 auto 30px;
	color: #2a54a1;
	text-align: center;
}
.site-content  .option-content .opt-main-img {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #e1f4f2;
	height: 480px;
	position: relative;
}
.site-content  .option-content .opt-main-img .keyVisual {
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
	display: block;
	position: absolute;
	top: -62px;
	left: 0;
	right: 0;
	bottom: 0;
}
.opt #primary {
    padding-bottom: 40px;
    padding-top: 0px;
}
body.post-type-archive-product .mainContent {
	margin: 60px auto 30px;
	text-align: center;
}
body.post-type-archive-product .mainContent .opt-copy {
    font-size: 30px;
    line-height: 1.4;
    margin: 0 auto 15px;
}
body.post-type-archive-product .mainContent .opt-sub-copy {
    font-size: 17px;
    line-height: 1.3;
}
body.post-type-archive-product .wrapper.morenaku .description .opt-text1 {
    color: #ff8e96;
}
body.post-type-archive-product .wrapper.smart .description .opt-text1 {
    color: #3fb3de;
}
body.post-type-archive-product .wrapper.anzen .description .opt-text1 {
    color: #73bf89;
}
body.post-type-archive-product .wrapper.anzen .description .opt-text1 {
    color: #73bf89;
}
body.post-type-archive-product .wrapper.sonae .description .opt-text1 {
    color: #8788b9;
}
body.post-type-archive-product .wrapper.kayui .description .opt-text1 {
    color: #f2a40f;
}
body.post-type-archive-product .wrapper .list .description .opt-text1 {
    padding: 35px 10px 0 10px;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 5px;
}body.post-type-archive-product .wrapper .list .description .opt-text2 {
    font-size: 22px;
    margin: 0 auto;
}
body.post-type-archive-product .wrapper .list .item .contents .productName {
    padding: 10px;
    border-bottom: 1px solid #34549f;
    font-size: 22px;
    font-weight: bold;
    color: #34549f;
    text-align: center;
    line-height: 1.3;
}
body.post-type-archive-product .wrapper .list .item .contents .catchCopy {
    padding: 0 20px;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 400;
    color: #444;
}
body.post-type-archive-product .wrapper .list .item .contents .shortText {
    padding: 0 20px;
    font-size: 16px;
    line-height: 1.4;
}
body.post-type-archive-product .wrapper .list .item .contents .btn {
	box-shadow: none;
}
body.post-type-archive-product .wrapper .list .item {
    display: inline-block;
    margin: 3%;
    padding-bottom: 30px;
    width: 43%;
    background-color: #ffffff;
    text-align: center;
    vertical-align: top;
}


/*サポート体制*/
#support-plan .post-page-title {
	display: block;
	font-size: 32px;
	padding-top: 0;
	margin: 0 auto 35px;
	color: #2a54a1;
	text-align: center;
}
#support-plan .page-top-message {
    margin: 0 auto 70px;
    text-align: center;
    color: #34549f;
    background: #e3f2f7;
    padding: 60px 0;
}
#support-plan .page-top-message .message {
    font-size: 28px;
    line-height: 1.4;
    color: #777777;
    margin: 0 auto;
}

.sup-plan-content {
	width: 100%;
	max-width: 1090px;
	overflow: hidden;
	margin: 10px auto 30px;
}
.sup-plan-content .plan-block1 {
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
}
.sup-plan-content .plan-block1 > div {
	float: left;
	text-align: center;
	vertical-align: middle;
	width: 50%;
}
.sup-plan-content .plan-block1:nth-of-type(2n) > div {
	float: right;
}
.sup-plan-content .plan-block1 .sup-bg1,
.sup-plan-content .plan-block1 .sup-bg2 {
	margin: 0 auto;
	display: table;
	padding: 0;
	position: relative;
}
.sup-plan-content .plan-block1 .sup-bg1:after,
.sup-plan-content .plan-block1 .sup-bg2:after {
	position: absolute;
	background: url(/wp-content/themes/onepress_nextit/assets/images/product/support-logo.png) center center no-repeat;
	content: "";
	z-index: 1;
	width: 297px;
	height: 67px;
	background-size: 221px 50px;
}
.sup-plan-content .plan-block1 .sup-bg1:after {
	top: 20px;
	left: -38px;
}
.sup-plan-content .plan-block1 .sup-bg2:after {
	top: 20px;
	right: -38px;
}

.sup-plan-content .plan-block1 .sup-area {
	margin: 100px auto 0;
	display: block;
	padding: 0;
}
.sup-plan-content .plan-block1 .sup-area .sup-icon1 {
	margin: 0 auto;
	padding: 0;
	display: inline-block;
	width: 100%;
	max-width: 300px;
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	bottom: 0;
}
.sup-plan-content .plan-block1 .sup-copy1 {
	width: 100%;
	max-width: 420px;
	margin: 0 auto 5px;
	text-align: center;
	font-weight: 600;
	font-size: 26px;
	line-height: 1.2;
	color: #34549f;
	padding: 0 5px;
}
.sup-plan-content .plan-block1 .sup-copy2 {
	font-size: 17px;
	line-height: 1.5;
	margin: 0 auto;
	padding: 0 10px;
	text-align: justify;
	width: 100%;
	max-width: 360px;
}


/*_____よくあるご質問____*/

#product_faq .post-page-title {
	display: block;
	font-size: 32px;
	padding-top: 0;
	margin: 0 auto 15px;
	color: #2a54a1;
	text-align: center;
}
#product_faq .page-top-message {
	margin: 0 auto 30px;
}
#product_faq .page-top-message .message {
    font-size: 22px;
    color: #777777;
}
#product_faq .product_faq .faq-area {
    background-color: #fafafa;
    /*cursor: pointer;*/
    cursor: auto;
    width: 100%;
    max-width: 860px;
}
#product_faq .product_faq .entry-content {
    color: #112222;
    margin-bottom: 10px;
}
#product_faq .faq-content-wrapper {
    display: inline-flex;
    width: 80%;
}
#product_faq .faq-icon-wrapper {
    display: inline-block;
    margin: 10px 5px;
    width: 5%;
}
#product_faq .box-enq .box-answer {
    display: none;
}
/*質問各ページ*/
.single-product_faq .post-page-title {
	display: block;
	font-size: 32px;
	padding-top: 0;
	margin: 0 auto;
	color: #2a54a1;
	text-align: center;
}
.single-product_faq .page-top-message {
	margin: 0 auto 30px;
}
.single-product_faq .entry-header {
	width: 100%;
	max-width: 860px;
	background: #f7f7f7;
	border-radius: 5px;
	display: block;
	margin: 0 auto 15px;
	position: relative;
}
.single-product_faq .option-icon {
	margin: 0 auto;
	position: absolute;
	right: 30px;
	top: 30px;
}
.single-product_faq .entry-meta {
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 12px;
    font-weight: 600;
    padding-bottom: 0;
    border-bottom: none;
}
.single-product_faq  .entry-header .box-enq {
	width: 100%;
	max-width: 860px;
	padding: 25px  10px;
	margin: 0 auto;
}
.single-product_faq  .entry-header .box-enq .enq-icon {
    padding: 7px 12px;
    border-radius: 35%;
    background-color: #3352a5;
    color: #ffffff;
    font-weight: bold;
    font-size: 20px;
}
.single-product_faq  .entry-header .entry-title {
    margin: 5px 0 0;
    font-size: 20px;
    font-weight: normal;
    text-align: inherit;
    line-height: 1.4;
    max-width: 650px;
}
.single-product_faq .entry-content {
	width: 100%;
	max-width: 860px;
	margin: 0 auto;
}
.single-product_faq .entry-content .box-answer {
    width: 100%;
    max-width: 860px;
    padding: 15px 10px;
    margin: 0 auto;
}
.single-product_faq .entry-content .box-answer .answer-icon {
    margin: 100px 0px;
    padding: 7px 12px;
    border-radius: 35%;
    background-color: #efe700;
    color: #3352a5;
    font-weight: bold;
    font-size: 20px;
}
.single-product_faq .entry-content .box-answer p {
    margin: 0 auto;
    font-size: 17px;
    line-height: 1.4;
    color: #666;
}
.single-product_faq .col-md-1,
.single-product_faq .col-md-11 {
	position: relative;
	min-height: 1px;
	float: left;
}
.single-product_faq .col-md-1 {
	padding-left: .9375rem;
	padding-right: .9375rem;
}
.single-product_faq .col-md-11 {
	padding-left: 0;
	padding-right: .9375rem;
}
.single-product_faq .entry-footer {
    margin-bottom: 30px;
    padding-top: 30px;
    border-top: none;
}
.single-product_faq .entry-footer .btn.bottom {
	position: static;
	margin: 60px auto 20px;
	display: block;
	width: 100%;
	max-width: 200px;
	font-size: 16px;
}





/*_____お知らせ一覧ページ____*/

.right-sidebar .news-content-area {
	width: 72.0720%;
	float: left;
	margin-right: 6.3063%;
}
.news-content-area .news-info {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.news-info .info-content {
    width: 100%;
    /*max-width: 760px;*/
    margin: 0 auto;
}
.news-info .info-content .info-title1 {
    color: #2a54a1;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    padding: 10px 0 10px 15px;
    position: relative;
    text-align: left;
    margin: 0 auto 40px;
    border-top: 2px solid #2a54a1;
    border-bottom: 2px solid #2a54a1;
}
.news-info .info-content .news-list {
    width: 100%;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    list-style: none;
　padding: 0;
}
.news-info .info-content .news-list dl {
    width: 100%;
    display: block;
    overflow: hidden;
    padding: 25px 0;
    margin: 0;
    border-bottom: 1px dotted #333;
}
.news-info .info-content .news-list dl:first-child {
    padding-top: 0;
}
.news-info .info-content .news-list dl:last-child {
    border-bottom: none;
}
.news-info .info-content .news-list dt {
    float: left;
    /*width: 12.6422%;*/
    margin: 0 1.8963% 0 0;
    padding: 0;
}
.news-info .info-content .news-list dd {
    /*float: left;*/
    /*width: 85.4614%;*/
    margin: 0;
}
.news-info .info-content .news-list dd img {
    display: block;
    width: 100%;
    max-width: 100px;
    margin: 0;
    padding: 0;
}
.news-info .info-content .news-list .thumb {
	width: 100%;
	max-width: 100px;
	height: 100px; 
	display: table;
}
.news-info .info-content .news-list .thumb .thumb-img {
	display: table-cell;
	margin: auto;
	position: relative;
	width: 100%;
	max-width: 100px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
	background-color: #ecf6fc;
}
.news-info .info-content .news-list .thumb .thumb-img img {
	max-width: 100%;
	max-height: 100%;
}
.news-info .info-content .news-list .text-body {
	display: block;
	margin: 0;
	/*float: left;*/
	margin-left: 110px;
}
.news-info .info-content .news-list .date {
	line-height: 1.2;
	padding: 0;
	margin: 0 0 10px;
}
.news-info .info-content .news-list .date span {
	display: inline-block;
	line-height: 20px;
	vertical-align: middle;
}
.news-info .info-content .news-list .date span + span {
	margin-left: 6px;
}
.news-info .info-content .news-list .days {
	font-size: 15px;
	margin: 0;
}
.news-info .info-content .news-list .new {
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	overflow: hidden;
	background: #2a54a1;
	padding: 2px 10px;
}
.news-info .info-content .news-list .news-copy1 {
	color: #333;
    	font-size: 16px;
	display: block;
	margin-top: 5px;
	line-height: 1.4;
}
.news-info .info-content .news-list .news-copy1 .title-text1 {
    	font-weight: 500;
    	display: block;
    	margin: 0 auto 5px;
}
.news-info .info-content .news-list .news-copy1 .text1 {
    	font-size: 15px;
    	display: block;
    	margin: 0 auto;
}
.news-info .info-content .news-list .news-copy1 a {
	color: #333;
}



/*お知らせ記事*/
.news-area {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.news-area .news-title {
	width: 100%;
	margin: 0 auto;
	padding: 15px 0 15px 15px;
	border-top: 0.5px solid #b3b3b3;
	border-bottom: 0.5px solid #b3b3b3;
}
.news-area .news-title .days {
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #2a54a1;
}
.news-area .news-title .days .new {
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	margin-left: 8px; 
	background: #2a54a1;
	color: #FFF;
	padding: 5px;
}
.news-area .news-title .title1 {
	font-size: 24px;
	font-weight: bold;
	margin: 5px 0 0;
	padding: 0;
	color: #2a54a1;
	line-height: 1.4;
}
.news-area .text1 {
	width: 100%;
	margin: 50px auto 0;
	font-size: 16px;
	font-weight: normal;
	color: #333;
	line-height: 1.4;
}
.news-area .text1 h3 {
	font-size: 20px;
	line-height: 1.4;
	font-weight: bold;
	margin: 0 0 15px;
	padding-left: 15px;
	border-left: 6px solid #2a54a1;
}
.news-area .text1 h4 {
	font-size: 18px;
	line-height: 1.4;
	font-weight: bold;
	background: #e4f0f3;
	padding: 15px 0 15px 15px;
	margin: 10px auto 15px;
}
.news-area .text1 h5 {
	font-size: 17px;
	font-weight: bold;
	margin: 0 auto 15px;
}
.news-area .text1 .news-img1 {
	width: 100%;
	max-width: 640px;
	display: block;
	margin: 40px auto;
	text-align: center;
}
.news-area .news-btn {
	border-top: 1px dotted #2a5480;
	margin: 50px 0 30px;
	padding: 50px 0 0;
}
.news-area .news-btn .com-buttons {
	font-size: 18px;
	display: block;
	background: #2a54a1;
	border-radius: 5px;
	color: #FFF;
	margin: 0 auto;
	padding: 10px;
	overflow: hidden;
	text-align: center;
	width: 100%;
	max-width: 160px;
}


/*____ページャー____*/
.com-pager1 {
	margin: 65px 0 0 ;
	overflow: hidden;
	text-align: center;
	width: 100%;
}
.com-pager1 ol {
	font-size: 0;
	line-height: 0;
	list-style: none;
	padding: 0;
	margin: 0;
}
.com-pager1 ol li {
	display: inline-block;
	vertical-align: middle;
}
.com-pager1 ol li a,
.com-pager1 ol li span {
	color: #FFF;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
}
.com-pager1 ol li .num {
	background: #2a54a1;
	color: #FFF;
	border-radius: 50%;
	margin: 0 3px;
	width: 30px;
}
.com-pager1 ol li .current {
	background: #bde6ff;
	border-radius: 50%;
	color: #2a54a1;
	margin: 0 3px;
	width: 30px;
}
.com-pager1 ol li .jmp {
	color: #333;
	margin: 0 3px;
	width: 30px;
}
.com-pager1 ol li .next,
.com-pager1 ol li .prev {
	color: #333;
	height: 38px;
	position: relative;
	text-indent: -999em;
	width: 24px;
}
.com-pager1 ol li .next:before,
.com-pager1 ol li .prev:before {
	content: "";
	border: solid #333;
	border-width: 3px 3px 0 0;
	display: block;
	height: 16px;
	position: absolute;
	top: 11px;
	width: 16px;
}
.com-pager1 ol li .next:before {
	left: 4px;
	transform: rotate(45deg);
}
.com-pager1 ol li .prev:before {
	left: 4px;
	transform: rotate(-135deg);
}


/*_____「お知らせ」「特集」 右カラム_____*/

.side-content-area {
	width: 21.6216%;
	margin: 0;
	padding: 40px 0;
	float: right;
}
.com-side {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.com-side .side-title1 {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	font-size: 18px;
	line-height: 1.3;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	background: #2a54a1;
}
.com-side .side-list1 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.com-side .side-list1 ul {
	list-style: none;
	width: 100%;
	margin: 2px 0 0;
	padding: 0;
}
.com-side .side-list1 li {
	background: #ecf6fc;
	padding: 20px 15px;
	margin: 0 auto 2px;
	display: block;
}
.com-side .side-list1 li a {
	color: #333;
}
.com-side .side-list1 li:last-child {
	margin-bottom: 0;
}
.com-side .side-list1 .date {
	font-size: 12px;
	font-weight: normal;
	display: inline-block;
	margin: 0 auto 5px;
	padding: 0;
}
.com-side .side-list1 .date .new {
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	margin: 0 0 0 5px;
	padding: 5px;
	background: #2a54a1;
	line-height: 1.3;
	vertical-align: center;
	overflow: hidden;
}
.com-side .side-list1 .list-copy1 {
	font-size: 15px;
	line-height: 1.3;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.com-archives {
	width: 100%;
	margin: 65px auto 0;
}
.com-archives .archive-list1 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.com-archives .side-title2 {
	margin: 0 auto;
	padding: 10px 0;
	font-size: 18px;
	line-height: 1.3;
	font-weight: normal;
	color: #2a54a1;
	border-top: 1px solid #2a54a1;
	border-bottom: 1px solid #2a54a1;
	text-align: center;
}
.com-archives .archive-list1 ul {
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}
.com-archives .archive-list1 li {
	padding: 15px 10px;
	border-bottom: 1px dotted #2a54a1;
	margin: 0 auto;
	display: block;
	text-align: center;
}
.com-archives .archive-list1 li:before {
	content: "◇";
	color: #2a54a1;
	margin-right: 5px;
}
.com-archives .archive-list1 li a {
	color: #2a54a1;
	font-weight: normal;
}
.com-archives .archive-list1 li:last-child {
	border-bottom: none;
}


/*調剤くんチャンネル*/
.page-top-title1 {
	background-color: #b7dcf3;
	height: 250px;
	overflow: hidden;
	width: 100%;
}
.page-top-title1 > .inner {
	height: 250px;
	margin: auto;
	overflow: hidden;
	width: 100%;
	z-index: 9;
}
.page-top-title1  .chn-back1 {
	background: url(/wp-content/themes/onepress_nextit/assets/images/back-pattern-01.png) center center repeat;
}
.page-top-title1 .inner-title {
	display: table;
	height: 250px;
	width: 100%;
}
.page-top-title1 .chn-back2 {
	background: url(/wp-content/themes/onepress_nextit/assets/images/page-top-img02.png) center center no-repeat;
}
.page-top-title1 .inner-title .inner-area1 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	background: url(/wp-content/themes/onepress_nextit/assets/images/page-top-img01.png) center bottom no-repeat;
	z-index: 99;
}
.page-top-title1 .page-main-title1 {
	font-size: 42px;
	font-weight: bold;
	color: #2a54a1;
	line-height: 1.2;
	margin: -80px auto 0;
	padding: 0;
	position: relative;
	z-index: 1;
}
.page-top-title1 .page-main-title1:after {
	content:"";
	margin: 30px auto 0;
	padding: 0;
	position: absolute;
	background: #fff400;
	z-index: -1;
	width: 100%;
	position: absolute;
	height: 20px;
	max-width: 420px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.channel-main {
    width: 100%;
    padding: 50px 0;
    text-align: center;
    margin: 60px auto 0;
}
.channel-main .channel-content1 {
    width: 100%; 
    max-width: 1110px;
    margin: 0 auto;
　 padding: 0;
}
.channel-main .chn-area1 {
    width: 100%; 
    margin: 0 auto;
    /*display: block;*/
    padding: 45px 30px;
    position: relative;
    background-color: #e4f0f3;
    background:
    	 -webkit-linear-gradient(45deg, transparent 10px, #e4f0f3 10px), 
    	 -webkit-linear-gradient(135deg, transparent 10px, #e4f0f3 10px), 
    	 -webkit-linear-gradient(225deg, transparent 10px, #e4f0f3 10px), 
    	 -webkit-linear-gradient(315deg, transparent 10px, #e4f0f3 10px);
    background:
    	 -moz-linear-gradient(45deg, transparent 10px, #e4f0f3 10px),
    	 -moz-linear-gradient(135deg, transparent 10px, #e4f0f3 10px), 
    	 -moz-linear-gradient(225deg, transparent 10px, #e4f0f3 10px), 
    	 -moz-linear-gradient(315deg, transparent 10px, #e4f0f3 10px);
        background-repeat: repeat, repeat, repeat, repeat;
        background-position-x: 0%, 0%, 0%, 0%;
        background-position-y: 0%, 0%, 0%, 0%;
        background-size: auto auto, auto auto, auto auto, auto auto;
    background:
    	-o-linear-gradient(45deg, transparent 10px, #e4f0f3 10px), 
    	-o-linear-gradient(135deg, transparent 10px, #e4f0f3 10px), 
    	-o-linear-gradient(225deg, transparent 10px, #e4f0f3 10px), 
    	-o-linear-gradient(315deg, transparent 10px, #e4f0f3 10px);
    background:
    	 -ms-linear-gradient(45deg, transparent 10px, #e4f0f3 10px),
    	 -ms-linear-gradient(135deg, transparent 10px, #e4f0f3 10px), 
    	 -ms-linear-gradient(225deg, transparent 10px, #e4f0f3 10px), 
    	 -ms-linear-gradient(315deg, transparent 10px, #e4f0f3 10px);
    background-position:
    	 bottom left, bottom right, top right, top left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
}
/*.channel-main .chn-area1 .ch-bg {
　position: relative;
　margin: 0 auto;
　width: 100%;
}
.channel-main .chn-area1 .ch-bg:after {
　position: absolute;
   top: 0;
   margin: 0 auto;
   content: "test";
   background: url(/wp-content/themes/onepress_nextit/assets/images/ch-bg.png) center center no-repeat;
   width: 927px;
   height: 148px;
}*/
.channel-main .channel-content1 .chn-area1.ch-bg1,
.channel-main .channel-content1 .chn-area1.ch-bg2 {
   width: 100%;
   display: block;
}
.channel-main .channel-content1 .chn-area1 .ch-bg1 {
   margin: -85px 0 0 1.3513%;
   max-width: 90px;
   float: left;
}
.channel-main .channel-content1 .chn-area1 .ch-bg2 {
   margin: -80px 1.3513% 0 0;
   float: right;
   max-width: 72px;
   /*position: absolute;*/
}
.channel-main .channel-content1 .chn-area1 .page-sub-title1 {
    width: 100%;
    max-width: 680px;
    height: 120px;
    color: #FFF;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    background-color: #51afe4;
    border-radius: 10px;
    position: absolute;
    top: -45px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.channel-main .channel-content1 .chn-area1 .page-sub-title1 > .ch-inner1 {
	margin: auto;
	overflow: hidden;
	width: 100%;
	border-radius: 10px;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0,
	    color-stop(.25, #4cade3), color-stop(.25, transparent),
	    color-stop(.5, transparent), color-stop(.5, #4cade3),
	    color-stop(.75, #4cade3), color-stop(.75, transparent),
	    to(transparent));
	background-image: -webkit-linear-gradient(-45deg, #4cade3 25%, transparent 25%,
	  transparent 50%, #4cade3 50%, #4cade3 75%,
	  transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #4cade3 25%, transparent 25%,
	  transparent 50%, #4cade3 50%, #4cade3 75%,
	  transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, #4cade3 25%, transparent 25%,
	  transparent 50%, #4cade3 50%, #4cade3 75%,
	  transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, #4cade3 25%, transparent 25%,
	  transparent 50%, #4cade3 50%, #4cade3 75%,
	  transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #4cade3 25%, transparent 25%,
	  transparent 50%, #4cade3 50%, #4cade3 75%,
	  transparent 75%, transparent);
	-webkit-background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
}
.channel-main .channel-content1 .chn-area1 .page-sub-title1 .inner-title2 {
	display: table;
	height: 120px;
	width: 100%;
	background: url(/wp-content/themes/onepress_nextit/assets/images/ch-title1-bg1.png) center center no-repeat;
}
.channel-main .channel-content1 .chn-area1 .page-sub-title1 .inner-title2 .inner-area2 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	position: relative;
}
.channel-main .channel-content1 .chn-area1 .page-sub-title1 .chn-title1 {
	font-size: 30px;
	font-weight: bold;
	color: #FFF;
	line-height: 1.2;
	margin: 50px auto 0;
	padding: 0;
	position: relative;
}
.channel-main .channel-content1 .chn-area1 .page-sub-title1 .chn-title1:before {
	position: absolute;
	top: -50px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	content: "";
	background: url(/wp-content/themes/onepress_nextit/assets/images/ch-title1-bg2.png) center center no-repeat;
	width: 94px;
	height: 38px;
}
.channel-main .channel-content1  .ch-main-movie1 {
	width: 100%;
	max-width: 840px;
	display: block;
	margin: 80px auto 0;
}
.channel-main .channel-content1  .ch-main-movie1 .movie {
    position:relative;
    width:100%;
    height: 0;
    padding-bottom:56.25%;
　 overflow: hidden;
}
.channel-main .channel-content1  .ch-main-movie1 .movie iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.channel-main .channel-content1  .ch-main-movie1 .mo-title1 {
    text-align: center;
    color: #2a549d;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    max-width: 745px;
    margin: 15px auto 5px;
    padding: 0 15px;
}
.channel-main .channel-content1  .ch-main-movie1 .mo-copy1 {
    color: #333;
    font-size: 16px;
    line-height: 1.4;
    margin: 0 auto;
    text-align: justify;
    max-width: 745px;
    padding: 0 15px;
}
.channel-main .channel-content1 .oth-movie1 {
	width: 100%;
	max-width: 1000px;
	overflow: hidden;
	text-align: center;
	margin: 50px auto 0;
}
.channel-main .channel-content1 .oth-movie1 > div {
	width: 23.2%;
	margin-right: 2.4%;
	float: left;
}
.channel-main .channel-content1 .oth-movie1 > div:nth-child(4n) {
	margin-right: 0;
}
.channel-main .channel-content1 .oth-movie1 > div:nth-child(4n+1) {
	clear: left;
}
.channel-main .channel-content1 .oth-movie1 .other {
	width: 100%;
	max-width: 232px;
	text-align: center;
	margin: 0 auto 10px;
}
.channel-main .channel-content1 .oth-movie1 .other .movie {
    position:relative;
    width:100%;
    height: 0;
    padding-bottom:56.25%;
　 overflow: hidden;
}
.channel-main .channel-content1 .oth-movie1 .other .movie iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
}
.channel-main .channel-content1 .chn-area1 .oth-movie1 .other .oth-title1 {
	max-width: 230px;
	line-height: 1.3;
	text-align: center;
	color: #2a549d;
	font-size: 15px;
	font-weight: bold;
	margin: 10px auto 5px;
	padding: 0 10px;
}
.channel-main .channel-content1 .chn-area1 .oth-movie1 .other .oth-copy1 {
	max-width: 230px;
	color: #333;
	font-size: 14px;
	line-height: 1.3;
	margin: 0 auto;
	text-align: left;
	padding: 0 10px;
}

.channel-main .channel-content1 .chn-area2 {
    width: 100%; 
    margin: 170px auto 0;
    padding: 45px 30px;
    position: relative;
    background-color: #fff1f3;
    background:
    	 -webkit-linear-gradient(45deg, transparent 10px, #fff1f3 10px), 
    	 -webkit-linear-gradient(135deg, transparent 10px, #fff1f3 10px), 
    	 -webkit-linear-gradient(225deg, transparent 10px, #fff1f3 10px), 
    	 -webkit-linear-gradient(315deg, transparent 10px, #fff1f3 10px);
    background:
    	 -moz-linear-gradient(45deg, transparent 10px, #fff1f3 10px),
    	 -moz-linear-gradient(135deg, transparent 10px, #fff1f3 10px), 
    	 -moz-linear-gradient(225deg, transparent 10px, #fff1f3 10px), 
    	 -moz-linear-gradient(315deg, transparent 10px, #fff1f3 10px);
        background-repeat: repeat, repeat, repeat, repeat;
        background-position-x: 0%, 0%, 0%, 0%;
        background-position-y: 0%, 0%, 0%, 0%;
        background-size: auto auto, auto auto, auto auto, auto auto;
    background:
    	-o-linear-gradient(45deg, transparent 10px, #fff1f3 10px), 
    	-o-linear-gradient(135deg, transparent 10px, #fff1f3 10px), 
    	-o-linear-gradient(225deg, transparent 10px, #fff1f3 10px), 
    	-o-linear-gradient(315deg, transparent 10px, #fff1f3 10px);
    background:
    	 -ms-linear-gradient(45deg, transparent 10px, #fff1f3 10px),
    	 -ms-linear-gradient(135deg, transparent 10px, #fff1f3 10px), 
    	 -ms-linear-gradient(225deg, transparent 10px, #fff1f3 10px), 
    	 -ms-linear-gradient(315deg, transparent 10px, #fff1f3 10px);
    background-position:
    	 bottom left, bottom right, top right, top left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
}
.channel-main .channel-content1 .chn-area2 .page-sub-title2 {
    width: 100%;
    max-width: 680px;
    height: 120px;
    color: #FFF;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.4;
    /*padding: 25px 5px;*/
    text-align: center;
    background-color: #eb7b93;
    border-radius: 10px;
    position: absolute;
    top: -45px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.channel-main .channel-content1 .chn-area2 .page-sub-title2 > .ch-inner2 {
	margin: auto;
	overflow: hidden;
	width: 100%;
	border-radius: 10px;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0,
	    color-stop(.25, #ea7891), color-stop(.25, transparent),
	    color-stop(.5, transparent), color-stop(.5, #ea7891),
	    color-stop(.75, #ea7891), color-stop(.75, transparent),
	    to(transparent));
	background-image: -webkit-linear-gradient(-45deg, #ea7891 25%, transparent 25%,
	  transparent 50%, #ea7891 50%, #ea7891 75%,
	  transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #ea7891 25%, transparent 25%,
	  transparent 50%, #ea7891 50%, #ea7891 75%,
	  transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, #ea7891 25%, transparent 25%,
	  transparent 50%, #ea7891 50%, #ea7891 75%,
	  transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, #ea7891 25%, transparent 25%,
	  transparent 50%, #ea7891 50%, #ea7891 75%,
	  transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #ea7891 25%, transparent 25%,
	  transparent 50%, #ea7891 50%, #ea7891 75%,
	  transparent 75%, transparent);
	-webkit-background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
}
.channel-main .channel-content1 .chn-area2 .page-sub-title2 .inner-title2 {
	display: table;
	height: 120px;
	width: 100%;
	background: url(/wp-content/themes/onepress_nextit/assets/images/ch-title2-bg1.png) center center no-repeat;
}
.channel-main .channel-content1 .chn-area2 .page-sub-title2 .inner-title2 .inner-area2 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	position: relative;
}
.channel-main .channel-content1 .chn-area2 .page-sub-title2 .chn-title1 {
	font-size: 30px;
	font-weight: bold;
	color: #FFF;
	line-height: 1.2;
	margin: 50px auto 0;
	padding: 0;
	position: relative;
}
.channel-main .channel-content1 .chn-area2 .page-sub-title2 .chn-title1:before {
	position: absolute;
	top: -50px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	content: "";
	background: url(/wp-content/themes/onepress_nextit/assets/images/ch-title2-bg2.png) center center no-repeat;
	width: 94px;
	height: 38px;
}
.channel-main .channel-content1 .chn-area2  .feature-box {
    width: 100%;
    max-width: 1000px;
    text-align: center;
    margin: 80px auto 0;
}
.channel-main .channel-content1 .chn-area2 .feature-box > div {
    float: left;
    width: 24.4%;
    margin: 0 0.8% 8px 0;
}
.channel-main .channel-content1 .chn-area2 .feature-box > div:nth-child(4n) {
    margin-right: 0;
}
.channel-main .channel-content1 .chn-area2 .feature-box > div:nth-child(4n+1) {
    clear: left;
}
.channel-main .channel-content1 .chn-area2  .image1,
.channel-main .channel-content1 .chn-area2  .image2, {
	display: table;
	background-color: #e8e8e8;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 5px;
	width: 244px;
	height: 244px;
	background-size: cover;
}
.channel-main .channel-content1 .chn-area2  .image1 {
	background: url('/wp-content/themes/onepress_nextit/assets/images/fe-img_01.jpg') no-repeat center center;
}
.channel-main .channel-content1 .chn-area2  .image2 {
	background: url('/wp-content/themes/onepress_nextit/assets/images/fe-img_02.jpg') no-repeat center center;
}
.channel-main .channel-content1 .chn-area2  .comment {
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    height: 244px;
    max-width: 244px;
    background: #000;
    opacity: 0.7;
    position: relative;
    padding: 20px;
}
.channel-main .channel-content1 .chn-area2 .fe-title2 {
    text-align: center;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    margin: 0 auto 10px;
    line-height: 1.4;
}
.channel-main .channel-content1 .chn-area2 .fe-copy2 {
    color: #FFF;
    font-size: 14px;
    line-height: 1.3;
    margin: 0 auto;
}

.channel-main .channel-content1 .chn-area3 {
    width: 100%; 
    margin: 170px auto 0;
    padding: 45px 30px;
    position: relative;
    background-color: #f1faef;
    background:
    	 -webkit-linear-gradient(45deg, transparent 10px, #f1faef 10px), 
    	 -webkit-linear-gradient(135deg, transparent 10px, #f1faef 10px), 
    	 -webkit-linear-gradient(225deg, transparent 10px, #f1faef 10px), 
    	 -webkit-linear-gradient(315deg, transparent 10px, #f1faef 10px);
    background:
    	 -moz-linear-gradient(45deg, transparent 10px, #f1faef 10px),
    	 -moz-linear-gradient(135deg, transparent 10px, #f1faef 10px), 
    	 -moz-linear-gradient(225deg, transparent 10px, #f1faef 10px), 
    	 -moz-linear-gradient(315deg, transparent 10px, #f1faef 10px);
        background-repeat: repeat, repeat, repeat, repeat;
        background-position-x: 0%, 0%, 0%, 0%;
        background-position-y: 0%, 0%, 0%, 0%;
        background-size: auto auto, auto auto, auto auto, auto auto;
    background:
    	-o-linear-gradient(45deg, transparent 10px, #f1faef 10px), 
    	-o-linear-gradient(135deg, transparent 10px, #f1faef 10px), 
    	-o-linear-gradient(225deg, transparent 10px, #f1faef 10px), 
    	-o-linear-gradient(315deg, transparent 10px, #f1faef 10px);
    background:
    	 -ms-linear-gradient(45deg, transparent 10px, #f1faef 10px),
    	 -ms-linear-gradient(135deg, transparent 10px, #f1faef 10px), 
    	 -ms-linear-gradient(225deg, transparent 10px, #f1faef 10px), 
    	 -ms-linear-gradient(315deg, transparent 10px, #f1faef 10px);
    background-position:
    	 bottom left, bottom right, top right, top left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
}
.channel-main .channel-content1 .chn-area3 .page-sub-title3 {
    width: 100%;
    max-width: 680px;
    height: 120px;
    color: #FFF;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.4;
    /*padding: 25px 5px;*/
    text-align: center;
    background-color: #9eca56;
    border-radius: 10px;
    position: absolute;
    top: -45px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.channel-main .channel-content1 .chn-area3 .page-sub-title3 > .ch-inner3 {
	margin: auto;
	overflow: hidden;
	width: 100%;
	border-radius: 10px;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0,
	    color-stop(.25, #a2cd62), color-stop(.25, transparent),
	    color-stop(.5, transparent), color-stop(.5, #a2cd62),
	    color-stop(.75, #a2cd62), color-stop(.75, transparent),
	    to(transparent));
	background-image: -webkit-linear-gradient(-45deg, #a2cd62 25%, transparent 25%,
	  transparent 50%, #a2cd62 50%, #a2cd62 75%,
	  transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #a2cd62 25%, transparent 25%,
	  transparent 50%, #a2cd62 50%, #a2cd62 75%,
	  transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, #a2cd62 25%, transparent 25%,
	  transparent 50%, #a2cd62 50%, #a2cd62 75%,
	  transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, #a2cd62 25%, transparent 25%,
	  transparent 50%, #a2cd62 50%, #a2cd62 75%,
	  transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #a2cd62 25%, transparent 25%,
	  transparent 50%, #a2cd62 50%, #a2cd62 75%,
	  transparent 75%, transparent);
	-webkit-background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
}
.channel-main .channel-content1 .chn-area3 .page-sub-title3 .inner-title2 {
	display: table;
	height: 120px;
	width: 100%;
	background: url(/wp-content/themes/onepress_nextit/assets/images/ch-title3-bg1.png) center center no-repeat;
}
.channel-main .channel-content1 .chn-area3 .page-sub-title3 .inner-title2 .inner-area3 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	position: relative;
}
.channel-main .channel-content1 .chn-area3 .page-sub-title3 .chn-title1 {
	font-size: 30px;
	font-weight: bold;
	color: #FFF;
	line-height: 1.2;
	margin: 50px auto 0;
	padding: 0;
	position: relative;
}
.channel-main .channel-content1 .chn-area3 .page-sub-title3 .chn-title1:before {
	position: absolute;
	top: -50px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	content: "";
	background: url(/wp-content/themes/onepress_nextit/assets/images/ch-title3-bg2.png) center center no-repeat;
	width: 94px;
	height: 38px;
}
.channel-main .channel-content1 .chn-area3  .document {
    width: 100%;
    max-width: 1000px;
    margin: 80px auto 0;
}
.channel-main .channel-content1 .chn-area3 .document div  {
    width: 100%;
    margin: 0 auto 10px;
    background-color: #FFF;
    border-radius: 10px;
    padding: 15px;
    overflow: hidden;
    text-align: left;
}
.channel-main .channel-content1 .chn-area3 .document dt  {
    float: left;
    width: 5.1546%;
    margin: 0 1.5463% 0 0;
    padding: 0;
}
.channel-main .channel-content1 .chn-area3 .document dd  {
    float: left;
    width: 93.2989%;
    margin: 0;
    padding: 0;
}
.channel-main .channel-content1 .chn-area3  .document .file-icon1 {
　width: 100%;
　height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    max-width: 43px;
　height: 47px;
　content: "";
}
.channel-main .channel-content1 .chn-area3  .document .doc-title {
    margin: 0;
    color: #2a54a1;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.4;
}
.channel-main .channel-content1 .chn-area3  .document .doc-title a {
    color: #2a54a1;
}
.channel-main .channel-content1 .chn-area3  .document .doc-title .small1 {
    font-weight: normal;
}
.channel-main .channel-content1 .chn-area3  .document .doc-title .small2 {
    font-weight: normal;
    color: #333;
    font-size: 12px;
    margin-right: 5px;
    letter-spacing: -0.03em;
}
.channel-main .channel-content1 .chn-area3  .document .doc-title .icon1 {
    font-weight: bold;
    color: #FFF;
    font-size: 11px;
    padding: 4px 8px;
    background-color: #2954a4;
    border-radius: 6px;
    display: inline-block;
    margin-left: 10px;
}
.channel-main .channel-content1 .chn-area3  .document .doc-copy {
    margin: 5px 0 0;
    color: #333;
    font-size: 15px;
    line-height: 1.5;
    font-weight: normal;
}
.channel-main .channel-content1 .chn-area3  .reader {
    width: 100%;
    max-width: 700px;
    margin: 15px auto 20px;
}
.channel-main .channel-content1 .chn-area3  .reader > div {
    float: left;
    width: 22.8571%;
    margin-right: 2.1428%;
}
.channel-main .channel-content1 .chn-area3  .reader > div:nth-child(2n) {
    width: 75%;
    margin-right: 0;
}
.channel-main .channel-content1 .chn-area3  .reader > div:nth-child(2n+1) {
    clear: left;
}
.channel-main .channel-content1 .chn-area3  .reader .rdr-copy {
    margin: 0;
    color: #333;
    font-size: 12px;
    text-align: left;
    font-weight: normal;
    line-height: 1.6;
}
.channel-main .channel-content1 .chn-area3  .reader .rdr-copy span {
    color: #0080c4;
}

.channel-main .channel-content1 .chn-area4 {
    width: 100%;
    max-width: 1000px;
    margin: 135px auto 0;
}
.channel-main .channel-content1 .insta-title1 {
    text-align: center;
    margin: 0 auto 45px;
    padding: 0;
    display: block;
}
.channel-main .channel-content1 .insta-box {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
.channel-main .channel-content1 .insta-box > li {
    float: left;
    width: 16%;
    margin: 0 0.8% 8px 0; 
}
.channel-main .channel-content1 .insta-box > li:nth-child(6n) {
    margin-right: 0; 
}
.channel-main .channel-content1 .insta-box > li:nth-child(6n+1) {
    clear: left;
}



/*特集ページ*/
.right-sidebar .feature-content-area {
	width: 72.0720%;
	float: left;
	margin-right: 6.3063%;
}
.feature-content-area .feature-content {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.feature-content .title-copy1 {
	font-size: 16px;
	font-weight: normal;
	color: #333;
	line-height: 1.3;
	margin: 0 auto 10px;
}
.feature-content .feature-title {
	width: 100%;
	margin: 0 auto;
	padding:  20px 15px;
	border-top: 1px solid #2a54a1;
	border-bottom: 1px solid #2a54a1;
	background: #ecf6fc;
}
.feature-content .feature-title .title1 {
	font-size: 24px;
	font-weight: bold;
	margin: 0 auto;
	padding: 0;
	color: #2a54a1;
	line-height: 1.4;
}
.feature-content .feature {
	width: 100%;
	margin: 50px auto 0;
	font-size: 16px;
	font-weight: normal;
	color: #333;
	line-height: 1.4;
}
.feature-content .feature h3 {
	font-size: 20px;
	line-height: 1.4;
	font-weight: bold;
	margin: 0 0 15px;
	padding-left: 15px;
	border-left: 6px solid #2a54a1;
}
.feature-content .feature h4 {
	font-size: 18px;
	line-height: 1.4;
	font-weight: bold;
	background: #e4f0f3;
	padding: 15px 0 15px 15px;
	margin: 10px auto 15px;
}
.feature-content .feature h5 {
	font-size: 17px;
	font-weight: bold;
	margin: 0 auto 15px;
}
.feature-content .feature .fe-img1 {
	width: 100%;
	max-width: 800px;
	display: block;
	margin: 0 auto 20px;
	text-align: center;
}
.feature-content .feature .fe-img1 img {
	border: 1px solid #DDD;
}
.feature-content .feature .fe-copy1 {
	margin: 0 auto;
	text-align: center;
}
.feature-content .feature .fe-movie1  {
    width: 100%;
    max-width: 640px;
    /*display: block;*/
    text-align: center;
    margin: 10px auto 65px;
}
.feature-content .feature .fe-movie1 .movie {
    position:relative;
    width:100%;
    height: 0;
    padding-bottom:56.25%;
　 overflow: hidden;
}
.feature-content .feature .fe-movie1 .movie iframe {
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
}
.feature-content .feature .movie-title1 {
    text-align: center;
    color: #2a549d;
    font-size: 18px;
    font-weight: bold;
    margin: 50px auto 10px;
    padding: 0;
}
.feature-content .feature .caption-title1 {
    text-align: center;
    color: #2a549d;
    font-size: 15px;
    line-height: 1.3;
    font-weight: normal;
    margin: 50px auto 5px;
    padding: 0;
}
.feature-content .feature .fe-back1 {
　width: 100%;	
    background: #ffeff1;
    font-weight: bold;
    margin: 50px auto 60px;
    padding: 40px 35px;
}
.feature-content .text-list1 {
	margin: 0 auto 30px;
	list-style: none;
	width: 100%;
	padding: 0;
}
.feature-content .text-list1 li {
	margin: 0 0 5px;
	padding-left: 1em;
    	text-indent: -1em;
	font-size: 16px;
	font-weight: normal;
	color: #333;
	line-height: 1.3;
}
.feature-content .text-list1 li:before {
	/*margin-right: 5px;*/
	content: "・";
}
.feature-content .text-list2 {
	margin: 0 auto 30px;
	list-style: none;
	width: 100%;
	padding: 0;
}
.feature-content .text-list2 li {
	margin: 0 0 5px;
	padding-left: 1em;
    	text-indent: -1em;
	font-size: 16px;
	font-weight: normal;
	color: #333;
	line-height: 1.3;
}
.feature-content .feature .fe-back2 {
　width: 100%;	
    background: #ffeff1;
    margin: 50px auto 0;
    padding: 25px 35px;
}

.feature-content .feature .fe-back2 + .fe-back2 {
    margin-top: 10px;
}
.feature-content .feature .fe-back2 .side-nav-list1 {
	margin: 15px auto 0;
	list-style: none;
	width: 100%;
	max-width:  620px;
	padding: 0;
}
.feature-content .feature .fe-back2 .side-nav-list1 li {
	width: 32.2580%;
	margin: 0 1.6129% 0 0;
	float: left;
	font-size: 15px;
	font-weight: normal;
	background: #2a54a1;
	border-radius: 5px;
	line-height: 1.3;
	padding: 18px 10px;
	overflow: hidden;
	text-align: center;
}
.feature-content .feature .fe-back2 .side-nav-list1 li:last-child {
	margin-right: 0;
}
.feature-content .feature .fe-back2 .side-nav-list1 li a {
	color: #FFF;
}

.feature-content .feature .fe-back2 .side-nav-list1 .nav-contact,
.feature-content .feature .fe-back2 .side-nav-list1 .nav-file,
.feature-content .feature .fe-back2 .side-nav-list1 .nav-demo {
	margin: 0 6px 0 0;
	padding: 0;
	width: 100%;
	height: auto;
}
.feature-content .feature .fe-back2 .side-nav-list1 .nav-contact {
	max-width: 37px;
}
.feature-content .feature .fe-back2 .side-nav-list1 .nav-file {
	max-width: 40px;
}
.feature-content .feature .fe-back2 .side-nav-list1 .nav-file {
	max-width: 44px;
}
.feature-content .feature .fe-back3 {
　width: 100%;	
    background: #ffeff1;
    margin: 10px auto 0;
    padding: 25px 35px;
    position: relative;
}
.feature-content .feature .fe-back3:after {
	margin: 0 auto;
	width: 105px;
	height: 126px;
	bottom: 20px;
	right: 25px;
	position: absolute;
	content: "";
	background: url(/wp-content/themes/onepress_nextit/assets/images/cupsel-kun-img01.png) center center no-repeat;
}
.feature-content .feature .fe-back3 .info-title1 {
	font-size: 20px;
	font-weight: bold;
	margin: 0 auto 25px;
	text-align: center;
	padding-bottom: 5px;
	border-bottom: 1px solid #333;
}
.feature-content .feature .fe-back3 .info {
	margin: 0 auto 20px;
	max-width: 680px;
	position: relative;
}
.feature-content .feature .fe-back3 .info-copy1 {
	margin: 0 auto 3px;
	text-align: left;
	font-weight: 600;
}
.feature-content .feature .fe-back3 .info-copy2 {
	margin: 0 auto;
	text-align: left;
}
/*.feature-content .feature .fe-back3 a {
	color: #333;
}*/
.feature-content .feature .info-link {
	color: #2a5480;
	white-space: pre;           /* CSS 2.0 */
        white-space: pre-wrap;      /* CSS 2.1 */
        white-space: pre-line;      /* CSS 3.0 */
        white-space: -pre-wrap;     /* Opera 4-6 */
        white-space: -o-pre-wrap;   /* Opera 7 */
        white-space: -moz-pre-wrap; /* Mozilla */
        white-space: -hp-pre-wrap;  /* HP Printers */
        word-wrap: break-word;      /* IE 5+ */
}
.feature-content .contact-btn {
	margin: 15px auto 30px;
	display: block;
	background: #fafeb6;
	padding: 15px;
	font-weight: bold;
}
.feature-content .contact-btn .buttons {
	font-size: 20px;
	line-height: 1.2;
	display: block;
	background: #dd0005;
	padding: 25px 10px; 
	border-radius: 5px;
	color: #FFF;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	width: 100%;
	max-width: 780px;
	/*position: relative;*/
}
.feature-content .contact-btn .buttons span {
	border: solid #FFF;
	border-width: 2px 2px 0 0;
	content: "";
	height: 10px;
	margin: 8px 0 0 5px;
	position: absolute;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 10px;
}


.feature-content .feature-btn {
	border-top: 1px dotted #2a5480;
	margin: 50px 0 30px;
	padding: 50px 0 0;
}
.feature-content .feature-btn .com-buttons {
	font-size: 18px;
	display: block;
	background: #2a54a1;
	border-radius: 5px;
	color: #FFF;
	margin: 0 auto;
	padding: 10px;
	overflow: hidden;
	text-align: center;
	width: 100%;
	max-width: 160px;
}



/*___製品 > 下層ページ__*/

.opt-post-page {
	display: block;
	width: 100%;
	margin: 0 auto;	
}
.opt-post-page .post-page-title {
	display: block;
	font-size: 32px;
	padding-top: 0;
	margin: 0 auto 30px;
	color: #2a54a1;
	text-align: center;	
}
.opt-post-page .keyVisual {
	margin: 0 auto 20px;
	width: 100%;
	max-width: 1120px;	
}
.opt-post-page .opt-main-copy1 {
	font-size: 24px;
	line-height: 1.4;
	color: #4d4d4d;
	padding-top: 0;
	text-align: center;
	margin: 0 auto 90px;
}
.opt-post-page .opt-post-sub1 {
	font-size: 26px;
	line-height: 1.4;
	font-weight: bold;
	color: #34549f;
	padding-top: 0;
	text-align: center;
	margin: 0 auto 10px;
}
.opt-post-page .opt-post-sub-copy1 {
	font-size: 18px;
	line-height: 1.4;
	color: #333;
	padding-top: 0;
	text-align: center;
	margin: 0 auto 10px;
}
.opt-post-page .opt-post-line {
	border: 1px dotted #34549f;
	display: block;
	width: 100%;
	max-width: 1100px;
	text-align: center;
	margin: 55px auto;
}
.opt-post-page .opt-other-equip {
    width: 100%;
    max-width: 1020px;
    display: block;
    margin: 30px auto 10px;
    overflow: hidden;
}
.opt-post-page .opt-other-equip > div {
    float: left;
    width: 31.3725%;
    margin: 0 2.9411% 40px 0;
}
.opt-post-page .opt-other-equip > div:nth-child(3n) {
    margin-right: 0;
}
.opt-post-page .opt-other-equip > div:nth-child(3n+1) {
    clear: left;
}
.opt-post-page .opt-other-equip .opt-product {
    width: 100%;
    max-width: 340px;
    font-size: 18px;
    line-height: 1.3;
    text-align: center;
    color: #FFF;
    background: #34549f;
    padding: 15px 10px;
    border-radius: 5px;
    display: block;
    margin: 0 auto 10px;
}
.opt-post-page .opt-other-equip .opt-product-copy {
    font-size: 16px;
    line-height: 1.3;
    display: block;
    margin: 0 auto;
    color: #333;
}
.opt-post-page .opt-other-equip .opt-product-copy .equip-note {
    font-size: 13px;
    line-height: 1.3;
    display: block;
    margin: 5px auto 0;
    color: #333;
}
.opt-post-page .opt-other-equip .opt-product-copy .equip-note:before {
    content: "※";
    margin-right: 2px;
}
.opt-post-page .opt-other-equip .small1 {
    font-size: 14px;
    letter-spacing: -0.03em;
    margin-left: -3px;
}
.opt-post-page .opt-large-buttons {
   width: 100%;
   margin: 20px auto 0;
   padding: 0;
   display: block;
   overflow: hidden;
}
.opt-post-page .opt-large-buttons .detail-btn {
   width: 100%;
   max-width: 320px;
   font-size: 15px;
　font-weight: normal;
   color: #34549f;
   line-height: 1.3;
   padding: 10px 5px;
   text-align: center;
   display: block;
   border: 1px solid #34549f;
   border-radius: 5px;
   position: relative;
   margin: 0 auto;
   background: #FFF;
}
.opt-post-page .opt-large-buttons .btn-arrow {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 18px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 5px;
}
.opt-post-page .opt-large-buttons .btn-arrow:before {
    content: "\f061";
}
.opt-post-page .opt-buttons {
   width: 100%;
   margin: 50px auto 0;
   padding: 0;
   display: block;
   overflow: hidden;
}
.opt-post-page .opt-buttons .detail-btn {
   width: 100%;
   max-width: 190px;
   font-size: 15px;
　font-weight: normal;
   color: #34549f;
   line-height: 1.3;
   padding: 10px 5px;
   text-align: center;
   display: block;
   border: 1px solid #34549f;
   border-radius: 25px;
   position: relative;
   margin: 0 auto;
   background: #FFF;
}
.opt-post-page .opt-buttons .btn-arrow {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 18px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 5px;
}
.opt-post-page .opt-buttons .btn-arrow:before {
    content: "\f061";
}

.opt-post-page .opt-flow-box {
    width: 100%;
    max-width: 1020px;
    display: block;
    margin: 30px auto 10px;
    overflow: hidden;
}
.opt-post-page .opt-flow-box > div {
    float: left;
    width: 29.4117%;
    margin: 0 5.8823% 0 0;
    position: relative;
}
.opt-post-page .opt-flow-box > div:after {
    content: "";
    background: url(/wp-content/themes/onepress_nextit/assets/images/opt-arrow-icon.png) center center no-repeat;
    width: 23px;
    height: 23px;
    position: absolute;
    top: 100px;
    right: -40px;
    margin: 0 auto;
}
.opt-post-page .opt-flow-box > div:nth-child(3n) {
    margin-right: 0;
}
.opt-post-page .opt-flow-box > div:nth-child(3n):after {
    background: none;
}
.opt-post-page .opt-flow-box > div:nth-child(3n+1) {
    clear: left;
}
.opt-post-page .opt-flow-box .box-img {
	width: 100%;
	max-width: 300px;
}
.opt-post-page .opt-flow-box .line-frame {
	border: 0.5px solid #CCC;
}
.opt-post-page .opt-flow-box .box-text1 {
	font-size: 16px;
    	margin: 10px auto 0;
    	line-height: 1.3;
}

.opt-post-page .opt-merit {
    width: 100%;
    max-width: 1020px;
    display: block;
    margin: 60px auto 0;
    overflow: hidden;
    padding: 40px 40px;
    background: #eef8fe;
    border-radius: 6px;
}
.opt-post-page .opt-merit > div {
    float: left;
    width: 46.9387%;
    margin: 0 6.1224% 0 0;
    position: relative;
    padding: 0;
}
/*.opt-post-page .opt-merit  > div:first-child {
	padding-right: 0;
    border-left: none; 
}*/
.opt-post-page .opt-merit  > div:nth-child(2n):before {
	content: "";
    border-left: 1px dotted #34549f; 
    position: absolute;
    left: -20px;
    top: 0;
    height: 455px;
}
.opt-post-page .opt-merit  > div:nth-child(2n) {
    margin-right: 0;
    /*border-left: 1px dotted #34549f; */
}
.opt-post-page .opt-merit  > div:nth-child(2n+1) {
    clear: left;
}
.opt-post-page .opt-merit .merit-icon {
}
.opt-post-page .opt-merit .merit-copy1 {
	font-size: 20px;
    	margin: 20px auto 15px;
    	line-height: 1.3;
    	color: #34549f;
    	text-align: center;
}
.opt-post-page .opt-merit .merit-copy2 {
	list-style: none;
	color: #FFF;
	margin: 0 auto;
	width: 100%;
	max-width: 400px;
}
.opt-post-page .opt-merit .merit-copy2 li {
	font-size: 16px;
	line-height: 1.3;
	margin: 0 auto 5px;
	padding: 10px; 
	background: #34549f;
	border-radius: 6px;
}
.opt-post-page .opt-image {
	margin: 15px auto 80px;
	width: 100%;
	max-width: 600px;
	display: block;
}
.opt-post-page .opt-image img {
	margin: 15px auto 0;
	width: 100%;
	display: block;
	text-align: center;
}

.opt-post-page .opt-area1 {
	margin: 40px auto 0;
	width: 100%;
	max-width: 970px;
	display: block;
	overflow: hidden;
}
.opt-post-page .opt-area1 > div {
    float: left;
    width: 30.9278%;
    margin: 0 3.0927% 0 0;
    position: relative;
    padding: 0;
}
.opt-post-page .opt-area1  > div:nth-child(2n) {
    margin-right: 0;
    width: 65.9793%;
}
.opt-post-page .opt-area1  > div:nth-child(2n+1) {
    clear: left;
}
.opt-post-page .opt-area1 .enif-img1 {
	margin: 0 auto; 
	width: 100%;
	max-width: 300px;
	display: block;
}
.opt-post-page .opt-area1 .opt-video {
	margin: 0 auto; 
	display: block;
	max-width: 640px;
}
.opt-post-page .opt-area2 {
	margin: 15px auto 0;
	width: 100%;
	max-width: 970px;
	display: block;
	overflow: hidden;
	background: #eef8fe;
	padding: 35px 50px;
}
.opt-post-page .opt-area2 > div {
    float: left;
    width: 59.7701%;
    margin: 0 5.7471% 0 0;
    position: relative;
    padding: 0;
}
.opt-post-page .opt-area2  > div:nth-child(2n) {
    margin-right: 0;
    width: 34.4827%;
    display: table;
}
.opt-post-page .opt-area2  > div:nth-child(2n+1) {
    clear: left;
}
.opt-post-page .opt-area2 .enif-img2 {
	margin: 0 auto; 
	width: 100%;
	max-width: 520px;
	display: block;
}
.opt-post-page .opt-area2 .enif-copy1 {
	font-size: 16px;
	line-height: 1.3;
	margin: 150px auto 0;
	padding: 0; 
	display: block;
}
.opt-post-page .opt-area2 .enif-copy2 {
	font-size: 16px;
	line-height: 1.3;
	margin: 230px auto 0;
	padding: 0; 
	display: block;
}




@media (min-width: 768px) {
	
	/*_____ヘッダー ロゴ_____*/
	.container {
	    max-width: 720px;
	}
	
}


@media (min-width: 993px) {
	
	/*_____ヘッダー ロゴ_____*/
	.container {
	    width: 100%;
	    max-width: 1000px;
	}
	body.post-type-archive-product_faq .container, .single-user_voice #page #content .breadcrumbs .container, .user_voice .entry-content {
	    max-width: 900px;
	}
	
}



@media (min-width: 1141px) {
	
	/*_____ヘッダー ロゴ_____*/

	.site-branding .site-logo-div img {
	    height: auto;
	    width: 100%;
	    max-width: 146px;
	    margin: 13px 0 0;
	}
	
}


@media (min-width: 1291px) {
	
	/*_____ヘッダー ロゴ_____*/

	.container {
	    max-width: 1120px;
	}	
	
}



@media (max-width: 1199px) {
	
	
	
	/*TOPページ  調剤くんチャンネル*/
	.top-channel .ch-text1 {
	    margin-top: 45px;
	}
	.channel-main .channel-content1 .chn-area1 .ch-main-movie1 .mo-title1 {
	    max-width: 550px;
	}
	.channel-main .channel-content1 .chn-area1 .ch-main-movie1 .mo-copy1 {
	    max-width: 550px;
	}
	.channel-main .channel-content1 .chn-area2  .feature-box {
	    max-width: 800px;
	}
	.channel-main .channel-content1 .chn-area2 .feature-box > div {
	   width: 30.5% !important;
	    margin: 0 4.25% 30px 0;
	}
	.channel-main .channel-content1 .chn-area2 .feature-box > div:nth-child(3n) {
	    margin-right: 0;
	}
	
	.channel-main .channel-content1 .chn-area2 .feature-box > div:nth-child(4n) {
	    margin-right: 4.25%;
	}
	.channel-main .channel-content1 .chn-area2 .feature-box > div:nth-child(4n+1) {
	    clear: none;
	}
	.channel-main .channel-content1 .chn-area2  .image1,
	.channel-main .channel-content1 .chn-area2  .image2,
	.channel-main .channel-content1 .chn-area2  .image3,
	.channel-main .channel-content1 .chn-area2  .image4 {
		height: 244px;
	}
	.channel-main .channel-content1 .chn-area2  .comment {
	    margin: 0 auto;
	    height: 244px;
	    padding: 20px;
	}
	.channel .channel-content1 .ch-movie1 {
            max-width: 840px;
            margin: 40px auto 0;
            padding: 50px 20px 30px;
        }
        .channel .channel-content1 .ch-movie1 .movie-area {
            width: 100%;
            max-width: 640px;
            margin: 25px auto 0;
        }
	
}


@media (max-width: 1140px) {
	
	/*＿＿ヘッダーグローバルメニュー＿＿*/
	
	header .site-branding .site-logo-div {
	    width: 100px;
	}
	header .site-branding .site-logo-div img {
	    width: 100%;
	    max-width: 100px;
	    height: auto;
	}
	.onepress-menu.gnav li {
	    text-align: center;
	    padding-top: 0;
	}
	.onepress-menu li:nth-child(6) a {
	    padding-right: 20px;
	}
	.onepress-menu .whiteBlock {
	    right: 0;
	}
	
	
	/*_____TOPページ 調剤くんチャンネル____*/
        
        .channel .channel-content1 {
           padding: 50px 20px 45px;
        }
        .channel .channel-content1 .channel-list .feature-box dt {
            width: 29.4117%;
            /*margin-right: 8.8235%;*/
        }
        .channel .channel-content1 .channel-list .feature-box dd {
            width: 67.6470%;
        }
        .channel .channel-content1 .channel-list .feature-box dt img {
            max-width: 100px;
        }
        /*.channel .channel-content1 .channel-list .feature-box .image1 {
        	width: 100px;
        	height: 100px;
        }*/
        .channel .channel-content1 .channel-list  .document {
        }
        
        /*選ばれる理由*/
        .home-contents .catch-copy {
	    padding-top: 0;
	}
	.top-reasons .catch-copy .resons-title1 {
		margin-bottom: 35px;
	}
        
        /*オプション*/
        .site-content  .option-content .opt-main-img {
		height: 380px;
	}
	.site-content  .option-content .opt-main-img .keyVisual {
		max-width: 885px;
		top: -49px;
	}
        
       
	
	
}



@media (max-width:1000px) {
	
	
	/*調剤くんv7が選ばれる理由*/
    #reasons .reasonWrapper {
	    padding-top: 40px;
	}
    #reasons .content .rsn-img {
        	display: block;
	}
	#reasons .content .rsn-img img {
        	width: 100%;
		max-width: 480px;
		margin: 0 auto;
		display: block;
	}
	#reasons .reasonWrapper .textContent .rsn-point {
	    	width: 100%;
		max-width: 480px;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
	}
	#reasons .reasonWrapper .textContent .rsn-point .number {
		font-size: 80px;
		width: 100%;
	    	max-width: 100px;
		display: block;
		float: left;
		margin: -5px 0 0;
		padding: 0;
	}
	#reasons .reasonWrapper .textContent .rsn-point .catch-copy {
		width: 100%;
	    	max-width: 365px;
		display: block;
		float: left;
		margin-bottom: 0;
		padding-top: 0;
		text-align: left;
	}
	#reasons .reasonWrapper .textContent .rsn-point .catch-copy h3 {
		margin: 20px auto 0;
		line-height: 1.3;
	}
	#reasons .reasonWrapper .textContent .rsn-point .catch-copy .rsn-copy {
		margin-top: 40px;
	}
		
	
}



@media (max-width:992px) {
	
	
	/*_____TOPページ_____*/
	
	.top-channel {
		padding-right: .9375rem;
		padding-left: .9375rem;
	}
	.top-product .productGroups .productGroup {
	    height: auto;
	}
	.top-product .productGroups > div {
	   width: 46.3768%;
	    margin-right: 7.2463%;
	}
	.top-product .productGroups > div:nth-child(2n) {
	    margin-right: 0;
	}
	.top-product .productGroups > div:nth-child(2n+1) {
	    clear: none;
	}
	.top-product .productGroups > div:nth-child(3n) {
	    margin-right: 7.2463%;
	}
	.top-product .productGroups > div:nth-child(3n+1) {
	    clear: none;
	}
	.top-product .productGroups .productGroup .icon {
	    top: -55px;
	    left: 5px;
	    max-width: 70px;
	}
	
	.top-support .support {
	    max-width: 690px;
	    padding: 0 15px;
	}
	.top-support .support-contents > div {
		width: 46.3768%;
		margin-right: 7.2463%;
		margin-bottom: 50px;
	}
	.top-support .support-contents > div:nth-child(2n) {
		margin-right: 0;
	}
	.top-support .support-contents > div:nth-child(2n+1) {
		clear: none;
	}
	.top-support .support-contents .support-wrap {
	    max-width: 300px;
	}
	
	
	
	
	/*_____TOPページ 調剤くんチャンネル____*/
	.channel .channel-content1 .chn-contents > div {
            width: 100%;
            float: none;
            margin-right: auto;
        }
        .channel .channel-content1 .chn-contents > div:nth-child(2n) {
            width: 100%;
            max-width: 840px;
            margin-right: auto;
            margin-top: 75px;
        }
        .channel .channel-content1 .chn-contents > div:nth-child(2n+1) {
            clear: none;
        }
        .channel .channel-content1 .ch-movie1 .movie-area {
            max-width: 840px;
        }
        .channel .channel-content1 .ch-movie1 .movie-area {
            max-width: 780px;
        }
        .channel .channel-content1 .ch-movie1 .movie-area .mo-title1 {
	    margin: 10px auto 5px;
	    padding: 0;
	}
	.channel .channel-content1 .ch-movie1 .movie-area .mo-copy1 {
	    padding: 0;
	}
        
        .channel .channel-content1 .channel-list  .feature-box {
            width: 100%;
            max-width: 840px;
            margin-right: 0;
            margin-top: 0;
            padding: 20px;
        }
        .channel-main .channel-content1 .chn-area2 .feature-box > div {
	   width: 48.3333% !important;
	    margin: 0 3.3333% 0 0;
	}
	.channel-main .channel-content1 .chn-area2 .feature-box > div:nth-child(2n) {
	    margin-right: 0;
	}
	.channel-main .channel-content1 .chn-area2 .feature-box > div:nth-child(2n+1) {
	    clear: none;
	}
	.channel-main .channel-content1 .chn-area2 .feature-box > div:nth-child(3n) {
	    margin-right: 3.3333%;
	}
	.channel-main .channel-content1 .chn-area2 .feature-box > div:nth-child(6n) {
	    margin-right: 0;
	}
	.channel-main .channel-content1 .chn-area2 .feature-box > div:nth-child(n+3) {
	    margin-top: 30px;
	}
	
        .channel .channel-content1 .channel-list .feature-box dl {
            margin-top: 50px;
            max-width: 620px;
        }
        .channel .channel-content1 .channel-list .feature-box dt {
            width: 19.3548%;
            margin-right: 3.2258%;
        }
        .channel .channel-content1 .channel-list .feature-box dd {
            width: 77.4193%;
        }
        .channel .channel-content1 .channel-list .feature-box .fe-link {
            margin-top: 30px;
            padding-right: 25px;
        }
        
        .channel .channel-content1 .channel-list .feature-box .fe-link:after {
            margin-top: 10px;
            right: 10px;
            top: -33%;
        }
        .channel .channel-content1 .channel-list  .document {
            width: 100%;
            max-width: 840px;
            float: none;
            margin-right: auto;
            margin-top: 55px;
        }
        .channel .channel-content1 .channel-list  .document .doc-box {
            width: 100%;
            max-width: 620px;
            margin-bottom: 0;
        }
        .channel .channel-content1 .channel-list  .document .doc-new {
            text-align: center;
        }
        
        
        /*_____TOPページ 最新のお知らせ____*/
        /*.top-news .info-content .news-list dt img {
		    max-width: 100px;
		}*/
		.top-news .info-content .news-list .thumb {
			max-width: 100px;
			height: 100px; 
		}
		.top-news .info-content .news-list .thumb .thumb-img {
			max-width: 100px;
			height: 100px;
		}    
        
        
        
        
        
         /*オプション*/
        .site-content  .option-content .opt-main-img {
		height: 325px;
	}
	.site-content  .option-content .opt-main-img .keyVisual {
		max-width: 760px;
		top: -42px;
	}
	body.post-type-archive-product .wrapper .list .item {
	    width: 90%;
	}
	
	
	
	/*サポート体制*/
	#support-plan .page-top-message {
	    margin: 0 auto 70px;
	    padding: 30px 10px;
	}
	.sup-plan-content .plan-block1 .sup-area .sup-icon1 {
		max-width: 210px;
		/*top: 20px;*/
	}
	.sup-plan-content .plan-block1 .sup-area {
	    margin-top: 65px;
	}
	.sup-plan-content .plan-block1 .sup-copy2 {
	    max-width: 300px;
	}
	.sup-plan-content .plan-block1 .sup-bg1:after,
	.sup-plan-content .plan-block1 .sup-bg2:after {
		background-size: 176px 40px;
	}
	.sup-plan-content .plan-block1 .sup-bg1:after {
		top: 10px;
		left: -60px;
	}
	.sup-plan-content .plan-block1 .sup-bg2:after {
		top: 10px;
		right: -60px;
	}
	
	
	/*よくあるご質問*/
	#product_faq .box-enq .entry-title {
	    margin-left: 10px;
	}
	.single-product_faq .entry-header .entry-title {
		margin-left: 10px;
	}
	.single-product_faq .entry-content .box-answer p {
		margin-left: 10px;
	}
	
	
	
	
	/*お知らせ一覧*/
	.right-sidebar .news-content-area {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.com-pager1 {
		margin-top: 35px;
	}
	
	
	/*お知らせ,特集_右カラム*/
	.side-content-area {
		width: 100%;
		margin: 0 auto  90px;
		padding: 0;
		float: none;
	}
	.com-side {
		margin-top: 20px;
	}
	.com-archives {
		margin: 50px auto 0;
	}
	
	/*調剤くんチャンネル*/
	.page-top-title1 {
		height: 200px;
	}
	.page-top-title1 > .inner {
		height: 200px;
	}
	.page-top-title1 .inner-title {
		height: 200px;
	}
	.page-top-title1 .inner-title .inner-area1 {
		width: 100%;
		background-size: 535px
	}
	.page-top-title1 .page-main-title1 {
		font-size: 36px;
		margin-top: -80px;
	}
	.page-top-title1 .page-main-title1:after {
		margin: 30px auto 0;
		height: 15px;
		max-width: 340px;
	}
	
	.channel-main {
		margin-top: 0;
		padding-top: 0; 	
	}
	.channel-main .channel-content1 .chn-area1 {
		margin-top: 60px;
	}
	.channel-main .channel-content1 .chn-area2,
	.channel-main .channel-content1 .chn-area3 {
	    margin-top: 100px;
	}
	.channel-main .channel-content1 .chn-area4 {
		margin-top: 90px;
	}
	.channel-main .channel-content1 .chn-area1 .page-sub-title1,
	.channel-main .channel-content1 .chn-area2 .page-sub-title2,
	.channel-main .channel-content1 .chn-area3 .page-sub-title3 {
	    max-width: 360px;
	    height: 80px;
	    top: -35px;
	}
	.channel-main .channel-content1 .chn-area1 .page-sub-title1 > .ch-inner1,
	.channel-main .channel-content1 .chn-area2 .page-sub-title2 > .ch-inner2,
	.channel-main .channel-content1 .chn-area3 .page-sub-title3 > .ch-inner3 {
		height: 80px;
	}
	.channel-main .channel-content1 .chn-area1 .page-sub-title1 .inner-title2,
	.channel-main .channel-content1 .chn-area2 .page-sub-title2 .inner-title2,
	.channel-main .channel-content1 .chn-area3 .page-sub-title3 .inner-title2 {
		height: 80px;
		background-image: none;
	}
	.channel-main .channel-content1 .chn-area1 .page-sub-title1 .inner-title2 .inner-area2 {
	}
	.channel-main .channel-content1 .chn-area1 .page-sub-title1 .chn-title1,
	.channel-main .channel-content1 .chn-area2 .page-sub-title2 .chn-title1,
	.channel-main .channel-content1 .chn-area3 .page-sub-title3 .chn-title1 {
		margin-top: 0;
		font-size: 28px;
	}
	.channel-main .channel-content1 .chn-area1 .page-sub-title1 .chn-title1:before,
	.channel-main .channel-content1 .chn-area2 .page-sub-title2 .chn-title1:before,
	.channel-main .channel-content1 .chn-area3 .page-sub-title3 .chn-title1:before {
		display: none;
	}
	.channel-main .channel-content1 .chn-area1 .ch-main-movie1 {
		margin: 40px auto;
	}
	.channel-main .channel-content1 .chn-area1 .ch-bg1,
	.channel-main .channel-content1 .chn-area1 .ch-bg2 {
	   display: none !important;
	}
	.channel-main .channel-content1 .chn-area1 .oth-movie1 {
		max-width: 700px;
		margin: auto;
		display: block;
	}
	.channel-main .channel-content1 .chn-area1 .oth-movie1 > div {
		margin: 0 3.3333% 0 0;
		width: 48.3333%;
		/*float: left;*/
	}
	.channel-main .channel-content1 .chn-area1 .oth-movie1 > div:nth-child(2n) {
		margin-right: 0;
	}
	.channel-main .channel-content1 .chn-area1 .oth-movie1 > div:nth-child(4n) {
		margin-right: auto;
	}
	.channel-main .channel-content1 .chn-area1 .oth-movie1 > div:nth-child(2n+1) {
		clear: left;
	}
	.channel-main .channel-content1 .chn-area1 .oth-movie1 > div:nth-child(4n+1) {
		clear: none;
	}
	.channel-main .channel-content1 .chn-area1 .oth-movie1 > div:nth-child(n+3) {
		margin-top: 30px;
	}
	.channel-main .channel-content1 .chn-area1 .oth-movie1 .other {
		margin: 0 auto;
	}
	.channel-main .channel-content1 .chn-area1 .ch-main-movie1 .mo-title1 {
	    margin: 	10px auto 5px;
	    padding: 0;
	}
	.channel-main .channel-content1 .chn-area1 .ch-main-movie1 .mo-copy1 {
	    margin: 0 auto;
	    padding: 0;
	}
	.channel-main .channel-content1 .chn-area1 .oth-movie1 .other .oth-title1 {
	    margin: 10px auto 5px;
	    padding: 0;
	}
	.channel-main .channel-content1 .chn-area1 .oth-movie1 .other .oth-copy1 {
	    margin: 0 auto;
	    padding: 0;
	    text-align: left;
	}
	.channel-main .channel-content1 .chn-area2  .feature-box {
	    margin-top: 30px;
	    margin-bottom: 0;
	}
	.channel-main .channel-content1 .chn-area3  .document {
	    margin: 40px auto;
	}
	.channel-main .channel-content1 .chn-area3 .document dt  {
	    /*display: none;*/
	    display: block;
	    width: 7.2881%;
	    margin: 0 1.6949% 0 0;
	}
	.channel-main .channel-content1 .chn-area3 .document dd  {
	    /*float: none;*/
	    width: 91.0169%;
	}
	.channel-main .channel-content1 .chn-area3  .document .doc-title {
	    font-size: 16px;
	}
	.channel-main .channel-content1 .chn-area3  .document .doc-title .small2 {
	    font-size: 11px;
	    margin-right: 5px;
	}
	.channel-main .channel-content1 .chn-area3  .document .doc-title .icon1 {
	    font-size: 9px;
	    padding: 3px 8px;
	}
	.channel-main .channel-content1 .chn-area3  .document .doc-copy {
	    margin-top: 5px;
	    font-size: 13px;
	}
	.channel-main .channel-content1 .insta-title1 {
	    width: 100%;
	　 /*max-width: 240px;*/
	}
	.channel-main .channel-content1 .insta-box {
	}
	.channel-main .channel-content1 .insta-box > li {
	    float: left;
	    width: 32.3333%;
	    margin: 0 1.500% 10px 0;
	}
	.channel-main .channel-content1 .insta-box > li:nth-child(3n) {
	    margin-right: 0; 
	}
	.channel-main .channel-content1 .insta-box > li:nth-child(6n) {
	    margin-right: auto; 
	}
	.channel-main .channel-content1 .insta-box > li:nth-child(3n+1) {
	    clear: left;
	}
	.channel-main .channel-content1 .insta-box > li:nth-child(6n+1) {
	    clear: none;
	}
	
	/*特集ページ*/
	.right-sidebar .feature-content-area {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.feature-content .feature .fe-back3:after {
		bottom: -5px;
		right: 10px;
		background-size: 70px 84px;
	}
	
	
	
	/*___製品 > 下層ページ__*/
	
	.opt-post-page .opt-other-equip > div {
	    float: none;
	    width: 100%;
	    max-width: 600px;
	    margin: 0 auto 35px;
	}
	.opt-post-page .opt-other-equip > div:nth-child(3n) {
	    margin-right: auto;
	}
	.opt-post-page .opt-other-equip > div:nth-child(3n+1) {
	    clear: none;
	}
	.opt-post-page .opt-other-equip .opt-product-copy {
		max-width: 400px;
	}
	
	.opt-post-page .opt-flow-box > div:after {
	    top: 65px;
	    right: -32px;
	}
	.opt-post-page .opt-merit > div:nth-child(2n):before {
	    left: -10px;
	    height: 475px;
	}
	
	.opt-post-page .opt-area1 {
		margin: 40px auto 0;
		width: 100%;
		max-width: 970px;
	}
	.opt-post-page .opt-area1 > div {
	    float: none;
	    width: 100%;
	    margin: 0 auto 30px;
	}
	.opt-post-page .opt-area1  > div:nth-child(2n) {
	    margin-right: auto;
	    width: 100%;
	}
	.opt-post-page .opt-area1  > div:nth-child(2n+1) {
	    clear: none;
	}
	.opt-post-page .opt-area1 .enif-img1 {
		width: 100%;
		max-width: 300px;
	}
	.opt-post-page .opt-area2 {
		margin: 15px auto 0;
		width: 100%;
		max-width: 970px;
		padding: 35px 15px;
	}
	.opt-post-page .opt-area2 > div {
	    float: none;
	    width: 100%;
	    margin: 0 auto 30px;
	}
	.opt-post-page .opt-area2  > div:nth-child(2n) {
	    margin-right: auto;
	    width: 100%;
	    display: table;
	}
	.opt-post-page .opt-area2  > div:nth-child(2n+1) {
	    clear: none;
	}
	.opt-post-page .opt-area2 .enif-img2 {
		margin: 0 auto 30px; 
		max-width: 520px;
	}
	.opt-post-page .opt-area2 .enif-copy1 {
		margin: 0 auto;
		display: block;
		max-width: 520px;
		/*text-align: center;*/
	}
	.opt-post-page .opt-area2 .enif-copy2 {
		margin: 0 auto;
		display: block;
		max-width: 520px;
		/*text-align: center;*/
	}
	
	
	
	
	/*_____custom style_____*/ 
	.dsp-w {
		display: none;
	}
	.dspb-w {
		display: none;
	}
	.dsp-s {
		display: inline;
	}
	.dspb-s {
		display: block;
	}


}


@media (max-width:  767px) {
	
	/*＿＿TOP_スライダー＿＿*/
	.visual-pc {
		display: none !important;
	}
	.visual-sp {
		display: block  !important;
		margin: auto;
	}
	
	/*左固定フロートメニュー*/
	.float-menu {
	    display: none;
	}
	.sp-float-menu {
		display: block;
		position: fixed;
		width: 100%;
		max-width: 767px;
		background-color: #2a54a1;
		bottom: 0;
		left: 0;
		z-index: 100;
		padding: 0;
	}
	.sp-float-menu .sp-menu-Items {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.sp-float-menu .sp-menu-Items ul {
		display: flex;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.sp-float-menu .sp-menu-Items li {
		width: 33.3333%;
		padding: 20px 10px;
		text-align: center;
		background: #2a54a1;
		border-left: 1px dotted #ffffff;
		margin: 0;
		padding: 6px 0;
	}
	.sp-float-menu .sp-menu-Items li:first-child {
		border-left: none;
	}
	.sp-float-menu .sp-menu-Items li p {
		margin: 0;
		padding: 0;
	}
	.sp-float-menu .sp-menu-Items li a {
		width: 100%;
		display: block;
		padding: 0;
		color: #FFF;
	}
	.sp-float-menu .sp-menu-Items li a:hover {
		opacity: 0.8;
	}
	.sp-float-menu .sp-menu-Items li .contact {
		margin: 0;
		padding: 0;
	}
	
	
	/*_____フッター____*/
	
	.site-footer {
		padding-bottom: 60px;
		background-color: #FFF;
		border-bottom: 0.5px solid #FFF;
	}
	
	
	/*_____TOPページ_____*/
	
	.top-reasons .reason-wrap > div {
	   float: none;
	   width: 100%;
	   max-width: 300px;
	   margin: 0 auto 40px;
	}
	.top-reasons .reason-wrap > div:last-child {
	   margin-bottom: 0;
	}
	.top-reasons .reason-wrap > div:nth-child(3n) {
		margin-right: auto;
	}
	.top-reasons .reason-wrap > div:nth-child(3n+1) {
	　 clear: none;
	}
	.top-reasons .reason-wrap .copy1 {
		padding-top: 0;
		line-height: 1.3;
	}
	
	.top-product .productGroups {
	   margin-top: 70px;
	}
	.top-product .productGroups > div {
	   width: 100%;
	   float: none;
	   text-align: center;
	    margin-right: auto;
	}
	.top-product .productGroups > div:nth-child(2n) {
	    margin-right: auto;
	}
	.top-product .productGroups > div:nth-child(2n+1) {
	    clear: none;
	}
	.top-product .productGroups > div:nth-child(3n) {
	    margin-right: auto;
	}
	.top-product .productGroups > div:nth-child(3n+1) {
	    clear: none;
	}
	.top-product .productGroups .productGroup {
	    max-width: 400px;
	    margin: 0 auto;
	}
	.top-product .productGroups .productGroup .icon {
	    top: -60px;
	    left: 35px;
	    max-width: 100%;
	}
	.top-product .productGroups > div:nth-child(4n) {
		margin-bottom: 95px;
	}
	.top-product .productGroups > div:nth-child(5n) {
		margin-bottom: 0;
	}
	.top-product .productGroups .productGroup .wrapper .itemList {
		margin-top: 0;
	}
	
	.top-news .info-content {
	    max-width: 640px;
	    padding: 0 15px;
	}

	
	 /*オプション*/
	 .site-content .option-content {
	    margin-top: 25px;
	}
	 .site-content .option-content .post-page-title {
	    margin-bottom: 15px;
	}
        .site-content  .option-content .opt-main-img {
		height: auto;
		background: none;
	}
	.site-content  .option-content .opt-main-img .keyVisual {
		position: static;
	}
	body.post-type-archive-product .mainContent {
	    margin-top: 20px;
	}
	body.post-type-archive-product .wrapper .list .item .contents {
	    height: auto;
	}
	body.post-type-archive-product .wrapper .list .item {
	    padding-bottom: 40px;
	}
	body.post-type-archive-product .wrapper .list .btn.bottom {
	    position: static;
	}
	body.post-type-archive-product .wrapper .list .item .contents .shortText {
	    margin-bottom: 35px;
	}
	
	
	/*サポート体制*/
	.sup-plan-content .plan-block1 {
	    margin-bottom: 65px;
	}
	.sup-plan-content .plan-block1:last-child {
	    margin-bottom: 0;
	}
	.sup-plan-content .plan-block1 > div {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.sup-plan-content .plan-block1:nth-of-type(2n) > div {
		float: none;
	}
	.sup-plan-content .plan-block1 .sup-image img {
		width: 100%;
		max-width: 420px;
	}
	.sup-plan-content .plan-block1 .sup-bg1,
	.sup-plan-content .plan-block1 .sup-bg2 {
		margin: 0 auto;
	}
	.sup-plan-content .plan-block1 .sup-bg1:after,
	.sup-plan-content .plan-block1 .sup-bg2:after {
		background: none;
	}	
	.sup-plan-content .plan-block1 .sup-area {
		margin: 0 auto;
	}
	.sup-plan-content .plan-block1 .sup-area .sup-icon1 {
		display: none;
	}
	.sup-plan-content .plan-block1 .sup-copy1 {
		max-width: 420px;
		margin: 0 auto 5px;
		text-align: center;
		font-weight: 600;
		font-size: 26px;
		line-height: 1.2;
		padding: 0 5px;
	}
	.sup-plan-content .plan-block1 .sup-copy2 {
		font-size: 17px;
		line-height: 1.5;
		margin: 0 auto;
		padding: 0 10px;
		text-align: justify;
		width: 100%;
		max-width: 360px;
	}
	
	
	/*調剤くんチャンネル*/
	.channel-main .channel-content1 .chn-area1 .oth-movie1 {
		max-width: 500px;
	}
	.channel-main .channel-content1 .chn-area1 .oth-movie1 > div {
		margin: 0 7.2% 0 0;
		width: 46.4%;
	}
	.channel-main .channel-content1 .chn-area1 .oth-movie1 > div:nth-child(2n) {
		margin-right: 0;
	}
	.channel-main .channel-content1 .chn-area1 {
		margin-top: 35px;
	}
	.channel-main .chn-area1,
	.channel-main .chn-area2,
	.channel-main .chn-area3 {
		padding: 40px 20px;
	}
	
	
	/*よくあるご質問*/
	.single-product_faq .option-icon {
		display: none;
	}
	.single-product_faq .entry-meta {
	}
	/*.single-product_faq .entry-header .entry-title {
		margin-left: 10px;
	}*/
	.single-product_faq .entry-content .box-answer p {
		max-width: 420px;
	}
	.single-product_faq .entry-footer .btn.bottom {
		margin-top: 20px;
		margin-bottom: 40px;
	}

	
	
	/*製品 > 下層ページ*/
	
	.opt-post-page .opt-flow-box {
	    max-width: 520px;
	    margin: 30px auto 10px;
	}
	.opt-post-page .opt-flow-box > div {
	    float: none;
	    width: 100%;
	    margin: 0 auto 75px;
	    text-align: center;
	}
	.opt-post-page .opt-flow-box > div:after {
	    width: 23px;
	    height: 23px;
	    position: absolute;
	    top: auto;
	    right: 0;
	    left: 0;
	    bottom: -50px;
	    margin: 0 auto;
	    transform: rotate(90deg);
		  -ms-transform: rotate(90deg);
		  -moz-transform: rotate(90deg);
		  -webkit-transform: rotate(90deg);
		  -o-transform: rotate(90deg);
	}
	.opt-post-page .opt-flow-box > div:nth-child(3n) {
	    margin-right: auto;
	}
	/*.opt-post-page .opt-flow-box > div:nth-child(3n):after {
	    background: none;
	}*/
	.opt-post-page .opt-flow-box > div:nth-child(3n+1) {
	    clear: none;
	}
	
	.opt-post-page .opt-merit {
	    max-width: 560px;
	    margin: 60px auto 0;
	    padding: 40px 25px;
	}
	.opt-post-page .opt-merit > div {
	    float: none;
	    width: 100%;
	    margin: 0 auto 70px;
	    padding: 0;
	}
	.opt-post-page .opt-merit  > div:nth-child(2n):before {
	    border-left: none; 
	    border-top: 1px dotted #34549f; 
	    width: 100%;
	    max-width: 500px;
	    height: auto;
	    left: 0;
	    top: 0;
	}
	.opt-post-page .opt-merit  > div:nth-child(2n) {
	    margin-right: auto;
	    margin-bottom: 20px;
	}
	.opt-post-page .opt-merit  > div:nth-child(2n+1) {
	    clear: none;
	}
	


}


@media (max-width: 673px) {
	
	/*＿＿TOPページ＿＿*/
	
	#main-visual .flex-direction-nav a span {
	    width: 27px;
	    height: 27px;
	    margin: -20px 10px 0 10px;
	    background: url(/wp-content/themes/onepress_nextit/assets/images/bg-slide-direction_nav2.png)  ;
	}
	
	.top-reasons .catch-copy .resons-text1 {
	    vertical-align: -25px;
	}
	.top-reasons .catch-copy img {
		max-width: 190px;
	}
	
	.top-product {
		padding-top: 35px;	
	}
	
	.top-support {
		margin-top: 50px;
		padding: 45px 0;
	}
	.top-support .support {
	    max-width: 580px;
	}
	.top-support .support-title {
	    margin-bottom: 30px;
	}
	/*.top-support .support-contents > div {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.top-support .support-contents > div:nth-child(2n) {
		margin-right: 0;
	}
	.top-support .support-contents > div:nth-child(2n+1) {
		clear: none;
	}.top-support .support-contents > div:last-child {
		margin-bottom: 0;
	}*/
	
	
	/*_____TOPページ 調剤くんチャンネル____*/
	.top-channel .ch-text1 {
	    font-size: 16px;
	}
	.channel .channel-content1 .ch-title1 {
            max-width: 300px;
            font-size: 22px;
            height: 65px;
            margin: 0 auto;
        }
	.channel .channel-content1 .chn-contents .page-sub-title1,
        .channel .channel-content1 .chn-contents .page-sub-title2,
        .channel .channel-content1 .chn-contents .page-sub-title3 {
            max-width: 210px;
            height: 60px;
            font-size: 18px;
            top: -20px;
            margin: 0 auto;
        }
        .channel .channel-content1 .chn-contents .page-sub-title1 .inner-title2,
        .channel .channel-content1 .chn-contents .page-sub-title2 .inner-title2,
        .channel .channel-content1 .chn-contents .page-sub-title3 .inner-title2 {
        	height: 60px;
        }
        .channel .channel-content1 .chn-contents .page-sub-title3 .chn-title1 {
        	margin-left: 0;
        }
        .channel .channel-content1 .chn-contents .page-sub-title1 .chn-title1:before {
        	background: none;
        }
        .channel .channel-content1 .chn-contents .page-sub-title2 .chn-title1:before {
        	background: none;
        }
        .channel .channel-content1 .chn-contents .page-sub-title3 .chn-title1:before {
        	background: none;
        }
        
        
         /*_____TOPページ 最新のお知らせ____*/
        .top-news .info-content .news-list dt {
	    float: none;
	    width: 100%;
	    margin-right: 0;
	    padding: 0;
	}
	/*.top-news .info-content .news-list dt img {
	    max-width: 120px;
	}*/
	.top-news .info-content .news-list .thumb {
		max-width: 120px;
		height: 120px;
		margin: 0 auto;
	}
	.top-news .info-content .news-list .thumb .thumb-img {
		max-width: 120px;
		height: 120px;
	}
	.top-news .info-content .news-list dd {
	    float: none;
	    width: 100%;
	}
	
	.top-news .info-content .news-list .text-body {
		margin: 25px auto 0;
	}
        
        
	/*よくあるご質問*/
	.single-product_faq .col-md-1,
	.single-product_faq .col-md-11 {
	    float: none;
	    margin: 0 auto 10px;
	    display: block;
	    text-align: center;
	}
	.single-product_faq .entry-header .entry-title {
	    margin: 0 auto;
	    text-align: left;
	    max-width: 460px;
	}
	.single-product_faq .entry-content .box-answer p {
	    margin: 0 auto;
	    text-align: left;
	    max-width: 460px;
	}
	
	
	
	
	/*お知らせ一覧*/
	/*.news-info .info-content .news-list .thumb {
		max-width: 75px;
		height: 75px; 
	}
	.news-info .info-content .news-list .thumb .thumb-img {
		max-width: 75px;
		height: 75px;
	}*/
	
	/*調剤くんチャンネル*/
	.page-top-title1 {
		height: 180px;
	}
	.page-top-title1 > .inner {
		height: 180px;
	}
	.page-top-title1 .inner-title {
		height: 180px;
	}
	.page-top-title1 .inner-title .inner-area1 {
		background-size: 430px
	}
	.page-top-title1 .page-main-title1 {
		font-size: 34px;
		margin-top: -60px;
	}
	.page-top-title1 .page-main-title1:after {
		margin: 30px auto 0;
		height: 15px;
		max-width: 340px;
	}
	.channel-main {
		margin-top: 0;	
	}
	.channel-main .channel-content1 .chn-area1 .page-sub-title1,
	.channel-main .channel-content1 .chn-area2 .page-sub-title2,
	.channel-main .channel-content1 .chn-area3 .page-sub-title3 {
	    max-width: 210px;
	    height: 60px;
	    top: -20px;
	}
	.channel-main .channel-content1 .chn-area1 .page-sub-title1 > .ch-inner1,
	.channel-main .channel-content1 .chn-area2 .page-sub-title2 > .ch-inner2,
	.channel-main .channel-content1 .chn-area3 .page-sub-title3 > .ch-inner3 {
		height: 60px;
	}
	.channel-main .channel-content1 .chn-area1 .page-sub-title1 .inner-title2,
	.channel-main .channel-content1 .chn-area2 .page-sub-title2 .inner-title2,
	.channel-main .channel-content1 .chn-area3 .page-sub-title3 .inner-title2 {
		height: 60px;
	}
	.channel-main .channel-content1 .chn-area1 .page-sub-title1 .chn-title1,
	.channel-main .channel-content1 .chn-area2 .page-sub-title2 .chn-title1,
	.channel-main .channel-content1 .chn-area3 .page-sub-title3 .chn-title1 {
		font-size: 24px;
	}
	.channel-main .channel-content1 .chn-area1 .ch-main-movie1 {
		margin: 30px auto;
	}
	.channel-main .channel-content1 .chn-area3  .reader > div {
	    float: none;
	    width: 100%;
	    margin-right: 0;
	}
	.channel-main .channel-content1 .chn-area3  .reader > div:nth-child(2n) {
	    width: 100%;
	    margin-right: auto;
	}
	.channel-main .channel-content1 .chn-area3  .reader > div:nth-child(2n+1) {
	    clear: none;
	}
	.channel-main .channel-content1 .chn-area3  .reader {
	    margin: 0 auto;
	}
	.channel-main .channel-content1 .chn-area3  .reader .rdr-copy {
	    margin-top: 15px;
	    line-height: 1.5;
	    text-align: center;
	}
	
	/*特集ページ*/
	.feature-content .feature .fe-back2 .side-nav-list1 li {
		width: 100%;
		max-width: 200px;
		margin: 0 auto 5px;
		float: none;
	}
	.feature-content .feature .fe-back2 .side-nav-list1 li:last-child {
		margin-right: auto;
	}
	.feature-content .feature .fe-back3:after {
		background: none;
	}
	
	
}


@media (max-width: 523px) {
    	
    	 /*_____TOPページ____*/
    	 
	.top-reasons .reason-wrap {
	    margin-top: 20px;
	}
	.top-reasons .reason-wrap > div {
	   margin-bottom: 30px;
	}
	.top-reasons .reason-wrap > div img {
	   max-width: 200px;
	   margin: 0 auto;
	}
	.top-reasons .reason-wrap .copy1 {
		padding-top: 0;
		line-height: 1.2;
	}
	.menu-buttons .top-menu-btn {
	   max-width: 360px;
	   font-size: 16px;
	}
	
	.top-product .productGroups .productGroup .icon {
	    top: -50px;
	    left: 25px;
	    max-width: 60px;
	}
	
	
	.top-support .support-contents > div {
		width: 48.6815%;
		margin-right: 2.6369%;
		margin-bottom: 20px;
	}
	.top-support .support-contents .support-wrap .support-img {
		max-width: 120px
	}
	.top-support .support-contents .support-wrap .support-copy {
	    font-size: 16px;
	}
    	
    	
        /*_____TOPページ 調剤くんチャンネル____*/
         .channel .channel-content1 .channel-list .feature-box dl {
            margin-top: 45px;
            max-width: 620px;
        }
        .channel .channel-content1 .channel-list .feature-box dt {
            width: 100%;
            margin-right: 0;
            margin-bottom: 5px;
        }
        .channel .channel-content1 .channel-list .feature-box dt img {
            max-width: 120px;
        }
        .channel .channel-content1 .channel-list .feature-box dd {
            width: 100%;
        }
        .channel .channel-content1 .channel-list .feature-box .fe-link {
            margin-top: 20px;
            padding-right: 15px;
        }
        
        .channel .channel-content1 .channel-list .feature-box .fe-link:after {
            right: 3px;
        }
        .channel .channel-content1 .channel-list  .document {
            width: 100%;
            max-width: 840px;
            float: none;
            margin-right: auto;
            margin-top: 55px;
        }
        .channel .channel-content1 .channel-list  .document .doc-box {
            width: 100%;
            max-width: 620px;
            margin-bottom: 0;
        }
        .channel .channel-content1 .channel-list  .document .doc-new {
            text-align: center;
        }
        
        
       /*調剤くんが選ばれる理由*/
       
       #reasons .reasonWrapper .textContent .rsn-point .number {
	    	max-width: 40px;
	    	padding-left: 5px;
		margin-right: 15px;
		font-size: 60px;
	}
	#reasons .reasonWrapper .textContent .rsn-point .catch-copy {
	    	max-width: 240px;
	}
	#reasons .reasonWrapper .textContent .rsn-point .catch-copy h3 {
	    	font-size: 24px;
	}
	#reasons .reasonWrapper .textContent .rsn-point .catch-copy .rsn-copy {
		margin-top: 30px;
	}
	#reasons .feature-item {
	    margin-top: 20px;
	}
       #reasons .feature-item > div {
		/*float: none;*/
		width: 32%;
		margin-right: 2%;
		/*margin-bottom: 15px;*/
	}
	#reasons .feature-item .item {
		max-width: 130px;
		height: 130px;
	}
	#reasons .feature-item .item .item-text {
	    font-size: 15px;
	}
	/*#reasons .feature-item > div:nth-child(3n) {
		margin-right: auto;
	}
	#reasons .feature-item > div:nth-child(3n+1) {
		clear: none;
	}*/
       
        
        
        /*よくあるご質問*/
	#product_faq .box-enq .entry-title {
	    margin-left: 20px;
	}
        
	
	/*調剤くんチャンネル*/
	.page-top-title1 {
		height: 160px;
	}
	.page-top-title1 > .inner {
		height: 160px;
	}
	.page-top-title1 .inner-title {
		height: 160px;
	}
	.page-top-title1 .inner-title .inner-area1 {
		background-size: 345px
	}
	.page-top-title1 .page-main-title1 {
		font-size: 32px;
		margin-top: -55px;
	}
	.page-top-title1 .page-main-title1:after {
		max-width: 300px;
	}
	
	.channel-main .channel-content1 .chn-area2 .feature-box > div {
	   width: 100% !important;
	   min-width: 244px;
	    margin: 0 auto;
	    float: none;
	}
	.channel-main .channel-content1 .chn-area2 .feature-box > div:nth-child(2n) {
	    margin-right: auto;
	}
	.channel-main .channel-content1 .chn-area2 .feature-box > div:nth-child(2n+1) {
	    clear: none;
	}
	.channel-main .channel-content1 .chn-area2 .feature-box > div:nth-child(n+2) {
	    margin-top: 30px;
	}
	.channel-main .channel-content1 .chn-area3 {
	    padding: 45px 20px;
	   }
	
	
}



@media (max-width: 374px) {
	
	
	#reasons .feature-item .item {
		max-width: 100px;
		height: 100px;
	}
	

}



@media (max-width: 329px) {
	
	/*_____TOPページ 調剤くんチャンネル____*/
	.channel .channel-content1 .ch-title1 {
        	max-width: 300px;
        	letter-spacing: -0.03em;
        	font-size: 25px;
        }
        .channel .channel-content1 .ch-title1 .btn-arrow {
	    font-size: 25px;
	    margin-left: 12px;
	}
	
	/*調剤くんv7が選ばれる理由*/
	
	 #reasons .reasonWrapper .textContent .rsn-point .number {
	    	max-width: 20px;
		font-size: 40px;
		margin-right: 15px;
		padding-left: 0;
	}
	#reasons .reasonWrapper .textContent .rsn-point .catch-copy {
		max-width: 210px;
	}
	#reasons .reasonWrapper .textContent .rsn-point .catch-copy h3 {
		font-size: 21px;
	    	margin-top: 10px;
	}
	#reasons .reasonWrapper .textContent .rsn-point .catch-copy .rsn-copy {
		margin-top: 15px;
	}
	
	
	/*調剤くんチャンネル*/
	.channel-main .channel-content1 .chn-area2 .feature-box > div {
	   min-width: 200px;
	}
	
	
}





/* ==========================================================================
   Helper classes
   ========================================================================== */
   

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
} 